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;
