const PAY = "/footer/payments";

export type FooterLink = {
  label: string;
  href: string;
  /** Renders the green "Online" chip after the label. */
  online?: boolean;
};

export type FooterColumn = {
  title: string;
  links: FooterLink[];
  /** The dark "Request for Quote" pill sits between links at this index. */
  ctaAfterIndex?: number;
};

export const footerColumns: FooterColumn[] = [
  {
    title: "CUSTOMER SERVICES",
    links: [
      { label: "Contact Us", href: "/contact" },
      { label: "Email Us", href: "mailto:dkbazardotcom@gmail.com" },
      { label: "Live Chat", href: "/chat", online: true },
    ],
  },
  {
    title: "OUR EXPERTISE",
    links: [
      { label: "Buy and Ship For me", href: "/products" },
      { label: "Ship for Me", href: "/ship" },
      { label: "Landed Cost Calculator", href: "/cost-calculator" },
    ],
    ctaAfterIndex: 1,
  },
  {
    title: "IMPORTANT LINKS",
    links: [
      { label: "Live Sourcing Streams", href: "/products" },
      { label: "Talk to an Expert", href: "/contact" },
      { label: "Verified Supplier Network", href: "/products" },
    ],
  },
];

export const footerCta = { label: "Request for Quote", href: "/rfq" };

export const footerSupport = {
  title: "SUPPORT",
  tagline: "Sourcing, simplified China to Bangladesh",
  phone: "+880 1896 127507",
  email: "dkbazardotcom@gmail.com",
  address: "Begum Jahura Complex (1st Floor), Plot #15, Road #10, Sector #14, Uttara, Dhaka-1230.",
};

export const footerNewsletter = {
  headingLead: "Join Our ",
  headingAccent: "Newsletter",
  headingRest: "To Stay Up",
  placeholder: "Enter Your Email",
  submitLabel: "Subscribe",
};

export type SocialName =
  | "facebook"
  | "instagram"
  | "twitter"
  | "x"
  | "youtube"
  | "linkedin"
  | "threads";

export const footerSocials: { name: SocialName; href: string; label: string }[] = [
  { name: "facebook", href: "https://facebook.com", label: "DK Bazar on Facebook" },
  { name: "instagram", href: "https://instagram.com", label: "DK Bazar on Instagram" },
  { name: "twitter", href: "https://twitter.com", label: "DK Bazar on Twitter" },
  { name: "x", href: "https://x.com", label: "DK Bazar on X" },
  { name: "youtube", href: "https://youtube.com", label: "DK Bazar on YouTube" },
  { name: "linkedin", href: "https://linkedin.com", label: "DK Bazar on LinkedIn" },
  { name: "threads", href: "https://threads.net", label: "DK Bazar on Threads" },
];

export type PaymentMethod = {
  id: string;
  name: string;
  /** null only for Nagad — see the note below. */
  image: string | null;
  /** the mark's own box inside the 93x34 tile, straight from Figma */
  w: number;
  h: number;
};

/**
 * The design's payment block is a 6x4 grid of 24 marks, listed here in its
 * exact reading order — every position matters, because the grid is laid out
 * on that order rather than alphabetically.
 *
 * 23 were recovered from Figma's image-fill map. The 24th (Nagad, row 2
 * column 1) is drawn as vector paths rather than an image fill, so there is no
 * asset to pull; its tile is kept and rendered empty so the remaining 23 stay
 * in their designed positions instead of all shifting up a slot. Drop a
 * `nagad.png` in `public/footer/payments/` and set `image` to fill it.
 */
export const paymentMethods: PaymentMethod[] = [
  // row 1
  { id: "visa", name: "Visa", image: `${PAY}/visa.png`, w: 47, h: 34 },
  { id: "mastercard", name: "Mastercard", image: `${PAY}/mastercard.png`, w: 24, h: 15 },
  { id: "amex", name: "American Express", image: `${PAY}/amex.png`, w: 34, h: 34 },
  { id: "unionpay", name: "UnionPay", image: `${PAY}/unionpay.png`, w: 45, h: 34 },
  { id: "dutch-bangla-bank", name: "Dutch-Bangla Bank", image: `${PAY}/dutch-bangla-bank.png`, w: 34, h: 34 },
  { id: "bkash", name: "bKash", image: `${PAY}/bkash.png`, w: 57, h: 26 },
  // row 2
  { id: "nagad", name: "Nagad", image: null, w: 42, h: 18 },
  { id: "rocket", name: "Rocket", image: `${PAY}/rocket.png`, w: 37, h: 24 },
  { id: "upay", name: "Upay", image: `${PAY}/upay.png`, w: 51, h: 21 },
  { id: "taptap-send", name: "Taptap Send", image: `${PAY}/taptap-send.png`, w: 41, h: 20 },
  { id: "surecash", name: "SureCash", image: `${PAY}/surecash.png`, w: 68, h: 18 },
  { id: "islami-bank", name: "Islami Bank", image: `${PAY}/islami-bank.png`, w: 64, h: 34 },
  // row 3
  { id: "fastcash", name: "FastCash", image: `${PAY}/fastcash.png`, w: 24, h: 24 },
  { id: "city-bank", name: "City Bank", image: `${PAY}/city-bank.png`, w: 31, h: 27 },
  { id: "brac-bank", name: "BRAC Bank", image: `${PAY}/brac-bank.png`, w: 66, h: 22 },
  { id: "bank-asia", name: "Bank Asia", image: `${PAY}/bank-asia.png`, w: 69, h: 15 },
  { id: "mutual-trust-bank", name: "Mutual Trust Bank", image: `${PAY}/mutual-trust-bank.png`, w: 74, h: 15 },
  { id: "prime-bank", name: "Prime Bank", image: `${PAY}/prime-bank.png`, w: 71, h: 13 },
  // row 4
  { id: "dhaka-bank", name: "Dhaka Bank", image: `${PAY}/dhaka-bank.png`, w: 51, h: 15 },
  { id: "ucb", name: "United Commercial Bank", image: `${PAY}/ucb.png`, w: 42, h: 21 },
  { id: "mcash", name: "mCash", image: `${PAY}/mcash.png`, w: 43, h: 27 },
  { id: "ucash", name: "UCash", image: `${PAY}/ucash.png`, w: 47, h: 30 },
  { id: "pubali-bank", name: "Pubali Bank", image: `${PAY}/pubali-bank.png`, w: 74, h: 14 },
  { id: "rupali-bank", name: "Rupali Bank", image: `${PAY}/rupali-bank.png`, w: 80, h: 11 },
];

export const footerBottom = {
  copyright: `© ${new Date().getFullYear()} DK Bazar. All rights reserved.`,
  links: [
    { label: "Terms", href: "/terms" },
    { label: "Privacy", href: "/privacy" },
  ],
  developedBy: {
    label: "Developed by",
    href: "https://meniworld.com",
    logo: "/footer/meni-world.png",
    name: "Meni World",
  },
};