hamid zarghami
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
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;
|