footer and first desktop version completed

2026-07-19 16:09:33 +03:30
parent 2c9b43c84a
commit 2adaac8ec4
12 changed files with 275 additions and 7 deletions
@@ -0,0 +1,46 @@
+import Seprator from "@/app/components/Seprator";
+import { type FC } from "react";
+import FooterContact from "./components/FooterContact";
+import FooterLinkColumn from "./components/FooterLinkColumn";
+import FooterNewsletter from "./components/FooterNewsletter";
+import FooterSocial from "./components/FooterSocial";
+import FooterTrustBadges from "./components/FooterTrustBadges";
+import FooterTrustValues from "./components/FooterTrustValues";
+
+const guideLinks = ["سوالات متداول", "راهنمای ثبت سفارش", "راهنمای طراحی فایل", "روش‌های ارسال", "شیوه‌های پرداخت", "استعلام قیمت"];
+const serviceLinks = ["درباره ما", "تماس با ما", "قوانین و مقررات", "حریم خصوصی", "شرایط ثبت سفارش", "فرصت‌های همکاری"];
+const infoLinks = ["پیگیری سفارش", "باشگاه مشتریان", "بلاگ و مقالات", "پیشنهادهای ویژه", "همکاری با ما", "نقشه سایت"];
+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">
+          <FooterContact />
+          <FooterLinkColumn title="راهنمای خرید" links={guideLinks} />
+          <FooterLinkColumn title="خدمات مشتریان" links={serviceLinks} />
+          <FooterLinkColumn title="اطلاعات" links={infoLinks} />
+          <FooterLinkColumn title="دسته‌بندی محصولات" links={categoryLinks} />
+          <FooterTrustValues />
+        </div>
+
+        <Seprator className="my-8 h-px w-full" />
+
+        <div className="flex items-center justify-between gap-8">
+          <FooterSocial />
+          <Seprator className="h-16 w-px shrink-0" />
+          <FooterTrustBadges />
+          <Seprator className="h-16 w-px shrink-0" />
+          <FooterNewsletter />
+        </div>
+
+        <Seprator className="my-8 h-px w-full" />
+
+        <p className="text-center text-xs text-[#6C7680]">تمامی حقوق برای سایت نیکوپکجینگ بوده و با ذکر نام لینک به منبع مجاز می‌باشد.</p>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;