hamid zarghami
47 lines
2.7 KiB
TypeScript
47 lines
2.7 KiB
TypeScript
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-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} />
|
||
<FooterLinkColumn title="اطلاعات" links={infoLinks} />
|
||
<FooterLinkColumn title="دستهبندی محصولات" links={categoryLinks} />
|
||
<FooterTrustValues />
|
||
</div>
|
||
|
||
<Seprator className="my-6 sm:my-8 h-px w-full" />
|
||
|
||
<div className="flex flex-col lg:flex-row items-center lg:items-start justify-between gap-8">
|
||
<FooterSocial />
|
||
<Seprator className="hidden lg:block h-16 w-px shrink-0" />
|
||
<FooterTrustBadges />
|
||
<Seprator className="hidden lg:block h-16 w-px shrink-0" />
|
||
<FooterNewsletter />
|
||
</div>
|
||
|
||
<Seprator className="my-6 sm:my-8 h-px w-full" />
|
||
|
||
<p className="text-center text-xs text-[#6C7680] leading-5 px-2">تمامی حقوق برای سایت نیکوپکجینگ بوده و با ذکر نام لینک به منبع مجاز میباشد.</p>
|
||
</div>
|
||
</footer>
|
||
);
|
||
};
|
||
|
||
export default Footer;
|