// Hair · Colour & Treatment · Highlights — L3 data

const HIGHLIGHTS = {
  type: "Highlights",
  parent: { title: "Colour & Treatment", href: "/en/hair/colour-treatment/" },
  grandparent: { title: "Hair", href: "/en/hair/" },
  totalCount: 198,
  hero: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — foil highlights on light brown hair",
  h1: "How to get highlights right.",
  deck: "Highlights are the oldest precision technique in colour — sections of hair isolated in foil, lifted with lightener, toned, and placed with intent. The difference between a great highlight job and a mediocre one is almost entirely placement and the colourist's understanding of how light moves across your face.",
  intro: "The foil is the precision instrument. When you enclose a section in foil, the heat builds inside and the lightener processes faster and more consistently than it would open to air. That's why highlights can get brighter than balayage in fewer sessions — but it's also why placement matters so much. Too many foils packed too tightly and you lose the dark base that creates dimension. Too few and the result reads flat. Below is the full library: chunk highlights, money-piece framing, fine woven highlights, babylights, and how to maintain all of it once you have it.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 198, updated: "Updated 27 April 2026", reading: "Avg. 5 min per piece" },
};

const HL_SIBLINGS = [
  { id: "gloss",                 title: "Gloss",                  n: "01", href: "/en/hair/colour-treatment/gloss/" },
  { id: "balayage",              title: "Balayage",               n: "02", href: "/en/hair/colour-treatment/balayage/" },
  { id: "highlights",            title: "Highlights",             n: "03", cur: true, href: "/en/hair/colour-treatment/highlights/" },
  { id: "root-touchup",         title: "Root touch-up",          n: "04", href: "/en/hair/colour-treatment/root-touchup/" },
  { id: "going-darker",         title: "Going darker",           n: "05", href: "/en/hair/colour-treatment/going-darker/" },
  { id: "going-lighter",        title: "Going lighter",          n: "06", href: "/en/hair/colour-treatment/going-lighter/" },
  { id: "grey-coverage",        title: "Grey coverage",          n: "07", href: "/en/hair/colour-treatment/grey-coverage/" },
  { id: "vivids-care",          title: "Vivids care",            n: "08", href: "/en/hair/colour-treatment/vivids-care/" },
  { id: "bond-builder",         title: "Bond builder",           n: "09", href: "/en/hair/colour-treatment/bond-builder/" },
  { id: "sulphate-free-routine", title: "Sulphate-free routine", n: "10", href: "/en/hair/colour-treatment/sulphate-free-routine/" },
  { id: "post-salon-week",      title: "Post-salon week",        n: "11", href: "/en/hair/colour-treatment/post-salon-week/" },
  { id: "colour-fade",          title: "Colour fade",            n: "12", href: "/en/hair/colour-treatment/colour-fade/" },
];

const HL_QUICK_FACTS = {
  defn: {
    h: "What foil highlights actually do",
    body: "Foil highlights work by sectioning hair, applying lightener (bleach powder mixed with developer), then enclosing that section in foil. The enclosed heat accelerates processing, allowing the hair to lift 4–7 levels in a single application. After rinsing, a toner is applied to cancel unwanted warmth and deposit tone. The whole process, done properly, takes two to four hours for a full head.",
  },
  myths: [
    { m: "Highlights work the same way on everyone.",
      t: "The lift you get depends on your natural pigment, previous colour history, and hair porosity. Dark natural hair will take multiple sessions to reach platinum; previously coloured hair may process unevenly." },
    { m: "More foils = better highlights.",
      t: "Over-highlighted hair loses its dimension — everything blends into a flat, single-tone blonde. The dark base between foils is what creates the illusion of depth and movement." },
    { m: "Highlights last as long as balayage.",
      t: "Foil highlights are placed closer to the root, so they show regrowth more quickly — every 6–10 weeks for most people. Balayage, applied away from the root, typically lasts 4–6 months before returning." },
  ],
};

const HL_BEGINNER_PATH = {
  h: "Getting highlights for the first time?",
  deck: "Five pieces. About twenty minutes. Enough to arrive at your appointment prepared.",
  steps: [
    { n: "01", t: "Types of highlights explained — foil, balayage, babylights", time: "4 min", note: "What each technique does and when to choose it." },
    { n: "02", t: "What to expect at a highlights appointment", time: "3 min", note: "Timeline, sectioning, toning — what happens and why." },
    { n: "03", t: "Choosing your highlight placement: face-frame, full, partial", time: "4 min", note: "Which areas to lift and how density affects the look." },
    { n: "04", t: "Toner after highlights: the step that determines the final colour", time: "5 min", note: "Warm, cool, neutral — what toner does, how long it lasts." },
    { n: "05", t: "Maintaining highlights at home", time: "4 min", note: "Purple shampoo cadence, bond treatments, gloss schedule." },
  ],
};

const HL_TRENDING = [
  { rank: "01", t: "The money-piece technique — what it is and how to ask for it", time: "4 min", auth: "Nelly", date: "Apr 25", img: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=1100&q=80&auto=format&fit=crop", reads: "16,330" },
  { rank: "02", t: "Babylights vs highlights: the key differences", time: "5 min", auth: "Iris",  date: "Apr 18", img: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=1100&q=80&auto=format&fit=crop", reads: "12,901" },
  { rank: "03", t: "Why your highlights turned brassy in two months", time: "3 min", auth: "Nelly", date: "Apr 12", img: "https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=1100&q=80&auto=format&fit=crop", reads: "11,220" },
  { rank: "04", t: "Full head vs half head: making the call", time: "4 min", auth: "Iris",  date: "Apr 05", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=1100&q=80&auto=format&fit=crop", reads: "8,755" },
  { rank: "05", t: "How long highlights actually take to process", time: "3 min", auth: "Nelly", date: "Mar 28", img: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=1100&q=80&auto=format&fit=crop", reads: "7,103" },
];

const HL_FORMAT_GUIDE = {
  h: "Highlight type, by goal",
  deck: "Different techniques within the foil umbrella — each achieves a different result.",
  formats: [
    { name: "Full head",       when: "Maximum brightness, uniform lift, platinum goals", avoid: "If you want natural dimension", note: "Every section lifted. The most thorough — and most damaging — option.", verdict: "Maximum" },
    { name: "Half head",       when: "Natural-looking refresh, top and face-framing only", avoid: "If ends are significantly darker", note: "Saves time and cost. Underside stays natural for dimension.", verdict: "Practical" },
    { name: "Money-piece",     when: "Face-framing brightness without touching the rest", avoid: "If you want overall lightening", note: "Two to four foils either side of the face. Huge impact, minimal commitment.", verdict: "★ Entry point" },
    { name: "Babylights",      when: "Very fine, natural-looking strands throughout", avoid: "If you want visible contrast", note: "Extremely time-intensive. Takes 3–4 hours. Result looks like natural childhood hair.", verdict: "Subtle" },
    { name: "Chunky/panel",    when: "Bold colour contrast, statement colour pops", avoid: "If you want seamless blending", note: "Wider sections, more graphic. Very 90s or very now depending on execution.", verdict: "Editorial" },
  ],
};

const HL_HOWTOS = [
  { t: "The money-piece technique — what it is and how to ask for it", time: 4, tech: "Technique", auth: "Nelly", date: "Apr 25", img: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "Babylights vs highlights: the key differences", time: 5, tech: "Technique", auth: "Iris",  date: "Apr 18", img: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "Why your highlights turned brassy in two months", time: 3, tech: "Troubleshoot", auth: "Nelly", date: "Apr 12", img: "https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: true },
  { t: "Full head vs half head: making the call", time: 4, tech: "Consultation", auth: "Iris",  date: "Apr 05", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=900&q=80&auto=format&fit=crop", kick: "Consultation", pick: false },
  { t: "How long highlights actually take to process", time: 3, tech: "Technique", auth: "Nelly", date: "Mar 28", img: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Highlight maintenance: a 12-week calendar", time: 4, tech: "Maintenance", auth: "Iris",  date: "Mar 20", img: "https://images.unsplash.com/photo-1522337360788-8b13dee7a37e?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Toner colours explained: ash, pearl, violet, gold", time: 5, tech: "Toning", auth: "Nelly", date: "Mar 12", img: "https://images.unsplash.com/photo-1519699047748-de8e457a634e?w=900&q=80&auto=format&fit=crop", kick: "Toning", pick: false },
  { t: "How to grow out highlights gracefully", time: 4, tech: "Maintenance", auth: "Iris",  date: "Mar 04", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=900&q=80&auto=format&fit=crop", kick: "Maintenance", pick: false },
];

const HL_TECH_FILTERS = ["All", "Technique", "Consultation", "Toning", "Maintenance", "Troubleshoot", "Essay"];

const HL_CT_CROSSLINKS = [
  { id: "balayage",      title: "Balayage",       deck: "Freehand vs foil — the key distinction.",             count: 214, href: "/en/hair/colour-treatment/balayage/" },
  { id: "gloss",         title: "Gloss",           deck: "The toning step every highlight job needs.",          count: 189, href: "/en/hair/colour-treatment/gloss/" },
  { id: "colour-fade",  title: "Colour fade",     deck: "How to slow down brassiness after lightening.",       count: 167, href: "/en/hair/colour-treatment/colour-fade/" },
  { id: "post-salon-week", title: "Post-salon week", deck: "The 7 days that determine how long your colour lasts.", count: 183, href: "/en/hair/colour-treatment/post-salon-week/" },
];

Object.assign(window, {
  HIGHLIGHTS, HL_SIBLINGS, HL_QUICK_FACTS, HL_BEGINNER_PATH, HL_TRENDING, HL_FORMAT_GUIDE, HL_HOWTOS, HL_TECH_FILTERS, HL_CT_CROSSLINKS,
});