contact section

app/home/Home.tsx

@@ -2,6 +2,7 @@ import BannerSection from "./components/BannerSection";
 import BestSellerCategories from "./components/BestSellerCategories";
 import BlogsSection from "./components/BlogsSection";
 import CategorySection from "./components/CategorySection";
+import ContactCtaSection from "./components/ContactCtaSection";
 import OrderByApplication from "./components/OrderByApplication";
 import OrderRegistrationSteps from "./components/OrderRegistrationSteps";
 import ProductSection from "./components/ProductSection";
@@ -18,6 +19,18 @@ const Home = () => {
       <BestSellerCategories />
       <OrderRegistrationSteps />
       <BlogsSection />
+
+      <div className="mt-[120px] px-[120px]">
+        <div className="bg-[#004A9005] p-16 w-full rounded-4xl border border-[#E9EEF2]">
+          <div className="font-bold text-2xl">چاپ جعبه، بسته‌بندی و محصولات تبلیغاتی با طراحی اختصاصی</div>
+          <div className="mt-6 leading-6 font-bold text-[#194873] text-sm">
+            جعبه، اولین چیزی است که مشتری از برند شما می‌بیند. ما با ارائه خدمات چاپ جعبه، لیبل، استیکر، کارت ویزیت و سایر محصولات تبلیغاتی، به شما کمک می‌کنیم تا بسته‌بندی حرفه‌ای و ماندگاری برای
+            محصولات خود داشته باشید. با استفاده از متریال باکیفیت، طراحی اختصاصی و چاپ دقیق، سفارش شما در کوتاه‌ترین زمان آماده و ارسال می‌شود.
+          </div>
+        </div>
+      </div>
+
+      <ContactCtaSection />
     </div>
   );
 };

app/home/components/ContactCtaSection.tsx

@@ -0,0 +1,23 @@
+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;