import Button from "@/app/components/Button";
import deliveryTruckImage from "@/assets/images/delivery-truck.png";
import { CallCalling } from "iconsax-reactjs";
import Image from "next/image";
import { type FC } from "react";

const ContactCtaSection: FC = () => {
  return (
    <div className="mt-[120px] flex items-center justify-center gap-6 bg-linear-to-l from-primary/10 to-transparent py-10">
      <div className="flex items-center gap-3">
        <Image src={deliveryTruckImage} alt="" width={40} height={40} className="size-10 object-contain" />
        <p className="text-xl font-bold text-[#0A1B2C] whitespace-nowrap">ارسال سریع به سراسر ایران | مشاوره رایگان قبل از سفارش</p>
      </div>

      <Button className="gap-2 ps-5 pe-6 font-bold">
        <CallCalling size={20} color="currentColor" variant="Linear" />
        تماس با ما
      </Button>
    </div>
  );
};

export default ContactCtaSection;
