// Hair · Cut & Style · Undercut — L3 data

const UNDERCUT = {
  type: "The Undercut",
  parent: { title: "Cut & Style", href: "/en/hair/cut-style/" },
  grandparent: { title: "Hair", href: "/en/hair/" },
  totalCount: 109,
  hero: "https://images.unsplash.com/photo-1605980776566-0486c3ac7617?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial — undercut haircut",
  h1: "How to get an undercut: the high-contrast guide.",
  deck: "The undercut creates a defined contrast line between long and short — not a gradual taper, but a hard transition. It's edgy when you want it to be and hidden when you don't.",
  intro: "The undercut is the most versatile of the short-sides cuts because it has a secret mode: when the longer top section is worn down, the undercut disappears into the rest of the hair. When it's worn up or back, the contrast line becomes the statement. That duality makes it popular with people who need to look polished in professional contexts and want something more interesting off the clock. The cut spans a wide range from a subtle nape shave to a full disconnected undercut where the weight line on top sits visually separate from the close-cropped sides. Below: every variation, every consideration, every maintenance truth.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 109, updated: "Updated 1 May 2026", reading: "Avg. 4 min per piece" },
};

const UNDERCUT_QUICK_FACTS = {
  defn: {
    h: "What distinguishes an undercut",
    body: "An undercut creates a visible contrast line — unlike a taper (gradual) or a fade (to skin). The sides and/or back are clipped short or shaved, while the top is left longer. The contrast line sits at a defined level — often at the occipital bone or temporal ridge. It can be tight (very close cut) or more relaxed (a few millimetres), high (above the ear) or low (at or below the ear). What makes it an undercut is always that defined transition rather than a gradual blend.",
  },
  myths: [
    { m: "An undercut is always visible.",
      t: "Only if you style the hair up or back. Worn down, longer top sections cover the short sides entirely. Many people with undercuts have a 'hidden' cut for professional contexts." },
    { m: "Undercuts are only for alternative or edgy looks.",
      t: "Undercuts pair equally well with bobs, lobs, long straight hair, and natural coils. The top section sets the overall tone; the undercut at the sides just adds contrast and precision." },
    { m: "An undercut is easy to grow out.",
      t: "It's one of the harder grow-outs. The sides grow faster than the top and create an obvious contrast between the clipped section and the uncut section above it. Regular shape-trimming is required for the whole grow-out phase." },
  ],
};

const UNDERCUT_BEGINNER_PATH = {
  h: "Thinking about your first undercut?",
  deck: "Three pieces before you commit.",
  steps: [
    { n: "01", t: "Undercut types: from hidden to full disconnect",     time: "4 min", note: "The spectrum from a nape shave to a full architectural undercut." },
    { n: "02", t: "Undercut maintenance — the honest timeline",          time: "3 min", note: "How often the contrast line needs refreshing and what happens if you wait." },
    { n: "03", t: "Growing out an undercut — planning for the exit",     time: "4 min", note: "The stages and strategies for a graceful grow-out." },
  ],
};

const UNDERCUT_TRENDING = [
  { rank: "01", t: "Undercut with long hair — how the hidden version works",   time: "4 min", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1605980776566-0486c3ac7617?w=1100&q=80&auto=format&fit=crop", reads: "14,881" },
  { rank: "02", t: "Disconnected undercut: who it suits and who it doesn't",  time: "4 min", auth: "Iris",  date: "Apr 21", img: "https://images.unsplash.com/photo-1492106087820-71f1a00d2b11?w=1100&q=80&auto=format&fit=crop", reads: "11,002" },
  { rank: "03", t: "Undercut pixie — the most dramatic version of both",      time: "3 min", auth: "Nelly", date: "Apr 16", img: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1100&q=80&auto=format&fit=crop", reads: "9,440" },
  { rank: "04", t: "Growing out an undercut — the three difficult stages",    time: "5 min", auth: "Iris",  date: "Apr 11", img: "https://images.unsplash.com/photo-1529688499929-9e4fefc77c1f?w=1100&q=80&auto=format&fit=crop", reads: "8,004" },
  { rank: "05", t: "Nape undercut on natural hair — how to style it",         time: "3 min", auth: "Nelly", date: "Apr 05", img: "https://images.unsplash.com/photo-1560869713-7d0a29430803?w=1100&q=80&auto=format&fit=crop", reads: "6,882" },
];

const UNDERCUT_FORMAT_GUIDE = {
  h: "Undercut variations",
  deck: "The placement and depth of the contrast line determines everything.",
  formats: [
    { name: "Nape undercut",         when: "Low visibility, any hair length",          avoid: "Wanting a visible effect when hair is down", note: "Shaved just at the nape. Fully hidden under longer hair.",     verdict: "Subtle" },
    { name: "Side undercut",         when: "Worn with hair pulled back or up",          avoid: "Needing it invisible at work",               note: "One or both sides clipped. Shows when styled back.",           verdict: "Semi-visible" },
    { name: "Disconnected undercut", when: "Bold, graphic looks, most face shapes",    avoid: "Growing out plans",                          note: "Defined weight line on top, clipped below. Maximum contrast.", verdict: "Statement" },
    { name: "Undercut pixie",        when: "Short overall, oval/heart faces",          avoid: "Round faces, growing out plans",             note: "Pixie length on top, shaved or very short on sides.",          verdict: "Maximum drama" },
    { name: "Undercut bob",          when: "Bob length with hidden contrast option",   avoid: "Frequent formal requirements",               note: "The undercut hides under the bob when worn down.",             verdict: "Dual mode" },
    { name: "Shaved design",         when: "Very confident style choices",             avoid: "Conservative contexts without hide-ability",  note: "Geometric or artistic pattern at the shaved section.",         verdict: "Artistic" },
  ],
};

const UNDERCUT_HOWTOS = [
  { t: "Undercut with long hair — the hidden version",           time: 4, tech: "Styling",     auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1605980776566-0486c3ac7617?w=900&q=80&auto=format&fit=crop", kick: "Styling",  pick: true },
  { t: "Disconnected undercut: who it suits",                   time: 4, tech: "Choosing",    auth: "Iris",  date: "Apr 21", img: "https://images.unsplash.com/photo-1492106087820-71f1a00d2b11?w=900&q=80&auto=format&fit=crop", kick: "Decision", pick: true },
  { t: "Growing out an undercut — the three stages",            time: 5, tech: "Grow-out",    auth: "Iris",  date: "Apr 11", img: "https://images.unsplash.com/photo-1529688499929-9e4fefc77c1f?w=900&q=80&auto=format&fit=crop", kick: "Grow-out", pick: true },
  { t: "Nape undercut on natural hair",                         time: 3, tech: "Texture",     auth: "Nelly", date: "Apr 05", img: "https://images.unsplash.com/photo-1560869713-7d0a29430803?w=900&q=80&auto=format&fit=crop", kick: "Texture",  pick: false },
  { t: "How often to touch up an undercut",                     time: 3, tech: "Maintenance", auth: "Iris",  date: "Mar 30", img: "https://images.unsplash.com/photo-1605980776566-0486c3ac7617?w=900&q=80&auto=format&fit=crop", kick: "Upkeep",   pick: false },
];

const UNDERCUT_TECH_FILTERS = ["All", "Choosing", "Styling", "Texture", "Grow-out", "Maintenance"];

const UNDERCUT_CROSSLINKS = [
  { id: "pixie",       title: "The Pixie",   deck: "The undercut's natural companion cut.",                count: 143, href: "/en/hair/cut-style/pixie/" },
  { id: "taper",       title: "The Taper",   deck: "If you want a gradual transition instead of a hard line.", count: 121, href: "/en/hair/cut-style/taper/" },
  { id: "growing-out", title: "Growing out", deck: "The undercut grow-out is tricky. Plan it before you cut.", count: 94, href: "/en/hair/cut-style/growing-out/" },
  { id: "shag",        title: "The Shag",    deck: "More texture, less structure — the opposing direction.",  count: 161, href: "/en/hair/cut-style/shag/" },
];

Object.assign(window, {
  UNDERCUT, UNDERCUT_QUICK_FACTS, UNDERCUT_BEGINNER_PATH, UNDERCUT_TRENDING, UNDERCUT_FORMAT_GUIDE, UNDERCUT_HOWTOS, UNDERCUT_TECH_FILTERS, UNDERCUT_CROSSLINKS,
});
