danak/mehraein-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive home page and layout

Browse Source
This commit is contained in:
hamid zarghami
2026-07-19 16:29:37 +03:30
parent 2adaac8ec4
commit cd266c057c
20 changed files with 198 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/home/components/ContactCtaSection.tsx
+7 -5
View File
@@ -6,13 +6,15 @@ 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 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">
<Button className="gap-2 ps-5 pe-6 font-bold shrink-0">
<CallCalling size={20} color="currentColor" variant="Linear" />
تماس با ما
</Button>