const DIR = "/new-collection";

/** Tile geometry the artwork offsets below are measured against. */
export const GLOBAL_TILE = { width: 223.6, height: 223 };

export type GlobalProduct = {
  id: string;
  slug: string;
  name: string;
  /** Rendered uppercase. */
  category: string;
  /** Price in BDT. */
  price: number;
  /** Filled stars, out of 5. */
  rating: number;
  shipping: string;
  image: string;
  /** Artwork placement inside the tile, transcribed from the design. */
  art: { left: number; top: number; width: number; height: number };
  discountPercent?: number;
  saved?: boolean;
};

// Same five products as New Collection — the design reuses them here with a
// star rating in place of the "listed N days ago" line, so the artwork is
// shared from /new-collection rather than duplicated.
export const globalProducts: GlobalProduct[] = [
  {
    id: "brown-leather-belt-watch",
    slug: "brown-leather-belt-watch",
    name: "Brown Leather Belt Watch",
    category: "MEN'S -WATCHES",
    price: 89.99,
    rating: 5,
    shipping: "CH to BD: 15-20 days",
    image: `${DIR}/brown-leather-belt-watch-2026-01-29_1.png`,
    art: { left: 30.7, top: 20.9, width: 163.2, height: 163.2 },
    discountPercent: 51,
    saved: true,
  },
  {
    id: "gucci-bloom-eau-de",
    slug: "gucci-bloom-eau-de",
    name: "Gucci Bloom Eau de",
    category: "FRAGRANCES",
    price: 79.99,
    rating: 5,
    shipping: "CH to BD: 15-20 days",
    image: `${DIR}/gucci-bloom-eau-de-2026-01-29_1.png`,
    art: { left: 45, top: 35, width: 133.2, height: 133.2 },
  },
  {
    id: "blue-frock",
    slug: "blue-frock",
    name: "Blue Frock",
    category: "TOPS",
    price: 29.99,
    rating: 5,
    shipping: "CH to BD: 15-20 days",
    image: `${DIR}/blue-frock-2026-01-29_1.png`,
    art: { left: 21, top: 9.9, width: 178.2, height: 178.2 },
  },
  {
    id: "red-shoes",
    slug: "red-shoes",
    name: "Red Shoes",
    category: "WOMENS-SHOES",
    price: 34.99,
    rating: 5,
    shipping: "CH to BD: 15-20 days",
    image: `${DIR}/red-shoes-2026-01-29_1.png`,
    art: { left: 24, top: 11.9, width: 173.2, height: 173.2 },
  },
  {
    id: "apple-magsafe-battery-pack",
    slug: "apple-magsafe-battery-pack",
    name: "Apple MagSafe Battery Pack",
    category: "MOBILE-ACCESSORIES",
    price: 99.99,
    rating: 5,
    shipping: "CH to BD: 15-20 days",
    image: `${DIR}/apple-magsafe-battery-pack-2026-01-29_1.png`,
    art: { left: 30, top: 24.9, width: 160.2, height: 160.2 },
  },
];

export type Region = { id: string; label: string; count?: string };

// Products carry no region yet, so selecting a tab is presentation only —
// wire the filter up once the API returns a region per product.
export const regions: Region[] = [
  { id: "all", label: "All regions", count: "48k" },
  { id: "china", label: "China" },
  { id: "turkey", label: "Turkey" },
  { id: "vietnam", label: "Vietnam" },
  { id: "india", label: "India" },
  { id: "bangladesh", label: "Bangladesh" },
];

export const globalHeading = {
  title: "Explore Our Global Product",
  subtitle: "Browse verified catalogs across 12 sourcing countries",
  ctaLabel: "Shop More",
};