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/shared/Footer.tsx
+8 -8
View File
@@ -15,8 +15,8 @@ const categoryLinks = ["چاپ جعبه و بسته‌بندی", "جعبه ها
const Footer: FC = () => {
return (
<footer className="mt-auto border-t border-[#E9EEF2] bg-[#F7F9FB]">
<div className="px-[120px] pt-12 pb-6">
<div className="flex justify-between gap-8">
<div className="px-4 sm:px-8 lg:px-[120px] pt-8 sm:pt-12 pb-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:flex xl:justify-between gap-8 xl:gap-6">
<FooterContact />
<FooterLinkColumn title="راهنمای خرید" links={guideLinks} />
<FooterLinkColumn title="خدمات مشتریان" links={serviceLinks} />
@@ -25,19 +25,19 @@ const Footer: FC = () => {
<FooterTrustValues />
</div>
<Seprator className="my-8 h-px w-full" />
<Seprator className="my-6 sm:my-8 h-px w-full" />
<div className="flex items-center justify-between gap-8">
<div className="flex flex-col lg:flex-row items-center lg:items-start justify-between gap-8">
<FooterSocial />
<Seprator className="h-16 w-px shrink-0" />
<Seprator className="hidden lg:block h-16 w-px shrink-0" />
<FooterTrustBadges />
<Seprator className="h-16 w-px shrink-0" />
<Seprator className="hidden lg:block h-16 w-px shrink-0" />
<FooterNewsletter />
</div>
<Seprator className="my-8 h-px w-full" />
<Seprator className="my-6 sm:my-8 h-px w-full" />
<p className="text-center text-xs text-[#6C7680]">تمامی حقوق برای سایت نیکوپکجینگ بوده و با ذکر نام لینک به منبع مجاز می‌باشد.</p>
<p className="text-center text-xs text-[#6C7680] leading-5 px-2">تمامی حقوق برای سایت نیکوپکجینگ بوده و با ذکر نام لینک به منبع مجاز می‌باشد.</p>
</div>
</footer>
);