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-12 sm:mt-16 lg:mt-[120px] flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 bg-linear-to-l from-primary/10 to-transparent px-4 py-8 sm:py-10">
      <div className="flex items-center gap-3 text-center sm:text-right">
        <Image src={deliveryTruckImage} alt="" width={40} height={40} className="size-10 object-contain shrink-0" />
        <p className="text-base sm:text-xl font-bold text-[#0A1B2C] sm:whitespace-nowrap">
          ارسال سریع به سراسر ایران | مشاوره رایگان قبل از سفارش
        </p>
      </div>

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

export default ContactCtaSection;
