/* /en/kitchen/clean — Clean × Kitchen L3 intersection page */

const CK_ACCENT = { slate: "#6B8AA8", brass: "#C8A164" };

/* ===================== HERO ===================== */
const CKHero = () => (
  <section className="ck-hero">
    <div className="img" style={{ backgroundImage: "url('https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=2400&q=85')" }} />
    <div className="ck-mast">
      <span className="crumb">
        <a href="/">Home</a>  ·  <a href="/en/kitchen/">Kitchen</a>  ·  Clean
      </span>
      <span className="ctr">The Kitchen Clean Edition</span>
      <span className="right">№ 05 / Spring 2026</span>
    </div>
    <div className="ck-cover">
      <div>
        <div className="eyebrow">Clean · Kitchen · A Field Guide</div>
        <h1>Deep-clean your kitchen <em>grease to grime,</em> chemistry first.</h1>
      </div>
      <div>
        <p className="deck">
          Thirty-two deep-clean guides for the greasiest room in your house — stovetops, oven doors, backsplash grout, dishwashers, range hoods, and the chemistry that actually breaks the bond instead of pushing grease around.
        </p>
        <div className="meta">
          <div><span className="k">Section</span><span className="v">Kitchen / Clean</span></div>
          <div><span className="k">Guides</span><span className="v">32 total</span></div>
          <div><span className="k">Reading time</span><span className="v">11 min</span></div>
          <div><span className="k">Updated</span><span className="v">April 2026</span></div>
        </div>
      </div>
    </div>
  </section>
);

/* ===================== TOP 5 — the SEO money block ===================== */
const TOP5 = [
  {
    rank: "01",
    query: "how to deep clean an oven",
    monthly: "156,000",
    diff: "Intermediate",
    time: "2 — 4 hrs",
    cost: "$3 — $8",
    blurb:
      "The oven door is the most-photographed cooking surface in listing photos, and a grimy door reads as neglected. Baking soda overnight or a chemical oven cleaner — both work, chemistry differs.",
    link: "Read the oven guide",
    href: "/en/kitchen/clean/how-to-deep-clean-an-oven/",
  },
  {
    rank: "02",
    query: "how to degrease a stovetop",
    monthly: "128,000",
    diff: "Beginner",
    time: "30 min",
    cost: "$2 — $6",
    blurb:
      "Gas and electric both splatter. Light grease: baking soda paste. Baked-on sticky: alkaline degreaser. The secret: let the chemical work 3–5 minutes, then wipe. Don't scrub first.",
    link: "Read the stovetop guide",
    href: "/en/kitchen/clean/how-to-degrease-a-stovetop/",
  },
  {
    rank: "03",
    query: "how to clean a range hood filter",
    monthly: "94,000",
    diff: "Beginner",
    time: "20 min",
    cost: "$1 — $4",
    blurb:
      "Range hoods trap grease-laden air, and the filter becomes a sponge. Most are dishwasher-safe, but soaking in degreaser then hot-water rinse works better. A clogged filter cuts airflow by 60%.",
    link: "Read the hood filter guide",
    href: "/en/kitchen/clean/how-to-clean-a-range-hood-filter/",
  },
  {
    rank: "04",
    query: "how to clean grout lines backsplash",
    monthly: "71,000",
    diff: "Beginner",
    time: "45 min",
    cost: "$4 — $10",
    blurb:
      "Backsplash grout collects grease and splatters, and it's porous — it stains like a sponge. Oxygen bleach (not chlorine) is the right choice. Apply, wait, scrub with toothbrush, rinse.",
    link: "Read the grout guide",
    href: "/en/kitchen/clean/how-to-clean-grout-lines-in-a-kitchen-backsplash/",
  },
  {
    rank: "05",
    query: "how to clean inside of dishwasher",
    monthly: "82,500",
    diff: "Beginner",
    time: "15 min active",
    cost: "$3 — $7",
    blurb:
      "Dishwasher filters and drain walls trap food particles and grease buildup, which reduces cleaning power. A monthly vinegar cycle clears it; quarterly deep clean with commercial dishwasher cleaner restores spray.",
    link: "Read the dishwasher guide",
    href: "/en/kitchen/clean/how-to-clean-the-inside-of-a-dishwasher/",
  },
];

const CKTop5 = () => (
  <section className="ck-top5">
    <h2>The five most-searched kitchen-cleaning projects</h2>
    <div className="grid">
      {TOP5.map((item) => (
        <article key={item.rank} className="card">
          <div className="rank">{item.rank}</div>
          <h3>{item.query}</h3>
          <div className="meta-row"><span className="label">Monthly searches</span><span className="value">{item.monthly}</span></div>
          <div className="meta-row"><span className="label">Difficulty</span><span className="value">{item.diff}</span></div>
          <div className="meta-row"><span className="label">Time</span><span className="value">{item.time}</span></div>
          <div className="meta-row"><span className="label">Cost</span><span className="value">{item.cost}</span></div>
          <p>{item.blurb}</p>
          <a href={item.href}>{item.link} →</a>
        </article>
      ))}
    </div>
  </section>
);

/* ===================== ESSAY ===================== */
const CKEssay = () => (
  <section className="ck-essay">
    <h2>The kitchen earns its grease honestly</h2>
    <p>A Sunday oven-cleaning session, the smell of it hot and the door open — that's when you know a kitchen is lived-in. Grease is a message: people cook here, real meals, not reheated takeout. The chemistry of grease is also why kitchen cleaning is technically interesting. Grease doesn't respond to water; it responds to alkaline degreaser, heat, and patience. A stovetop cleaned wrong (water alone, no degreaser) stays sticky. A stovetop cleaned right (baking soda paste + steam, or a proper degreaser + soft-bristle brush) shines like new. The difference is understanding the chemistry.</p>
  </section>
);

/* ===================== TOOLS ===================== */
const CKTools = () => (
  <section className="ck-tools">
    <h2>Tools and chemicals that earn their place in kitchen deep-cleaning</h2>
    <div className="toolkit">
      <div className="tool">
        <h3>Alkaline degreaser ($8–$12)</h3>
        <p>The chemical workhorse for baked grease. Breaks the grease bond by saponifying it (turning it into soap). Brands: Zep, Krud Kutter, Dawn Pro concentrate. Always ventilate. Let it work 3–5 minutes before wiping.</p>
      </div>
      <div className="tool">
        <h3>Baking soda ($2–$4)</h3>
        <p>Mild abrasive plus mildly alkaline chemistry. As a paste, safe on most surfaces and thorough. As a dry powder, absorbs odors. Best for: oven interiors, gentle stovetop work, drain odors. The lifetime supply.</p>
      </div>
      <div className="tool">
        <h3>Oxygen bleach ($3–$6)</h3>
        <p>Lifts stains through oxidation without chlorine's corrosive damage. Safe on stainless, natural stone, and colored surfaces (test first). Use for: grout stains, tile brightness. Apply, wait 10 min, scrub, rinse.</p>
      </div>
      <div className="tool">
        <h3>Enzymatic drain cleaner ($4–$8)</h3>
        <p>Breaks down proteins, starches, organic matter. Works slowly (24–48 hrs) but gentler on pipes. Use for: drain maintenance, garbage disposal buildup, food-based stains. Not effective on pure grease or mineral deposits.</p>
      </div>
      <div className="tool">
        <h3>Microfiber cloths and soft brushes ($12–$20)</h3>
        <p>Microfiber absorbs grease better than cotton. Soft-bristle brushes won't scratch surfaces. Buy multiples — once a cloth soaks in grease, replace it. A brush for tile, a brush for drains.</p>
      </div>
      <div className="tool">
        <h3>Stainless-steel polish ($6–$10)</h3>
        <p>Removes water spots and fingerprints when you're finished degreasing. Mineral oil on a microfiber cloth does the same, cheaper. Wipe in the grain direction. Don't use on matte finishes.</p>
      </div>
    </div>
  </section>
);

/* ===================== MATRIX ===================== */
const CKMatrix = () => (
  <section className="ck-matrix">
    <h2>Kitchen surface types: why we clean differently</h2>
    <div className="surface">
      <h3>Stainless steel — grain direction and mineral spots</h3>
      <p>Stainless shows water spots and fingerprints instantly. The grain has a direction — wipe in the grain direction to hide streaks. For hard-water deposits, use dilute white vinegar (1:1 with water). For fingerprints post-cleaning, a microfiber cloth with a tiny bit of mineral oil removes them without oil film.</p>
    </div>
    <div className="surface">
      <h3>Tile and grout — porous grout soaks stains</h3>
      <p>Grout is porous limestone and clay, stains like a sponge. Once stained, surface scrubbing won't work — stain has migrated into the pore structure. Poultices (bleach powder or hydrogen peroxide mixed to mud) left overnight draw stains back out. Prevention: seal grout after installation and yearly.</p>
    </div>
    <div className="surface">
      <h3>Natural stone (marble, granite) — acid sensitivity</h3>
      <p>Acidic cleaners (vinegar, lemon) etch the surface and dull polish, especially on marble. Use pH-neutral cleaners only, or degreaser if needed. Granite is more acid-resistant than marble but still benefits from pH-neutral care.</p>
    </div>
  </section>
);

/* ===================== TIPS ===================== */
const CKTips = () => (
  <section className="ck-tips">
    <h2>Five mistakes specific to kitchen deep-cleaning</h2>
    <ul>
      <li><strong>Using acidic cleaner on grease.</strong> Vinegar, lemon, acidic degreasers don't break grease—they push it around. Grease needs alkaline degreaser or soapy water. Acidic is for mineral deposits and hard-water stains.</li>
      <li><strong>Scrubbing before the chemical works.</strong> Degreaser needs contact time to dissolve the grease bond. Scrubbing immediately spreads grease and wastes chemical. Let it sit 3–5 min, then wipe. Scrub if needed after.</li>
      <li><strong>Using chlorine bleach on stainless steel.</strong> Chlorine bleach pits and corrodes stainless. Use oxygen bleach for tile grout, enzymatic cleaners for drains, degreaser for steel surfaces.</li>
      <li><strong>Cleaning backsplash before stovetop.</strong> Splatter falls during cooking. Clean top-to-bottom (hood, stovetop, then backsplash) to avoid re-splattering a just-cleaned surface.</li>
      <li><strong>Not ventilating with chemical degreasers.</strong> Kitchen degreasers emit fumes. Open a window, turn on range hood, maintain airflow. Your lungs are not a grease filter.</li>
    </ul>
  </section>
);

/* ===================== CHEMISTRY ===================== */
const CKChemistry = () => (
  <section className="ck-chemistry">
    <h2>The chemistry that actually works: four cleaner types and when to use each</h2>
    <p>Kitchen grease and grime respond to four different chemistries. Know which one when, and cleaning becomes predictable.</p>
    <div className="chem">
      <h3>1. Alkaline degreaser — the workhorse for baked grease</h3>
      <p>Alkaline breaks the grease bond by saponifying (turning it into soap). Your go-to for stovetops, range hoods, baked-on splatters. Brands: Zep Degrease, Krud Kutter, Dawn Pro. pH ~10–12. Always ventilate. Wait 3–5 min before wiping.</p>
    </div>
    <div className="chem">
      <h3>2. Baking soda — mild abrasive + chemistry</h3>
      <p>Gentle abrasive (don't use on polished stainless) and mildly alkaline. As a paste, safe and thorough. As a dry powder, absorbs odors. Best for: oven interiors, gentle stovetop, drain odors. Cost: $2–$4 lifetime supply.</p>
    </div>
    <div className="chem">
      <h3>3. Oxygen bleach — stain removal without chlorine damage</h3>
      <p>Lifts stains through oxidation without chlorine's corrosive damage. Safe on stainless and natural stone. Use for: grout stains, tile, general brightness. Don't use on colors that fade. Mix, sit 10 min.</p>
    </div>
    <div className="chem">
      <h3>4. Enzymatic cleaners — drain and protein residue</h3>
      <p>Enzymes break down proteins, starches, organic matter. Work slowly (24–48 hrs) but gentler on pipes. Use for: drain maintenance, disposal buildup, food-based stains. Not effective on pure grease or mineral deposits.</p>
    </div>
  </section>
);

/* ===================== RELATED ===================== */
const CKRelated = () => (
  <section className="ck-related">
    <h2>Sister intersections in kitchen and clean</h2>
    <div className="sisters">
      <div className="column">
        <h3>Other kitchen lanes</h3>
        <ul>
          <li><a href="/en/kitchen/install/">Install × Kitchen</a> — 78 fixtures and upgrades</li>
          <li><a href="/en/kitchen/repair/">Repair × Kitchen</a> — 64 fixes</li>
          <li><a href="/en/kitchen/build/">Build × Kitchen</a> — 41 projects</li>
          <li><a href="/en/kitchen/organize/">Organize × Kitchen</a> — 38 systems</li>
          <li><a href="/en/kitchen/decorate/">Decorate × Kitchen</a> — 35 finishes</li>
        </ul>
      </div>
      <div className="column">
        <h3>Other clean rooms</h3>
        <ul>
          <li><a href="/en/bathroom/clean/">Clean × Bathroom</a> — 28 guides</li>
          <li><a href="/en/bedroom/clean/">Clean × Bedroom</a> — 18 guides</li>
          <li><a href="/en/living-room/clean/">Clean × Living Room</a> — 22 guides</li>
        </ul>
      </div>
    </div>
  </section>
);

/* ===================== COLOPHON ===================== */
const CKColophon = () => (
  <section className="ck-colophon">
    <h2>About this intersection</h2>
    <p>This page is the Clean × Kitchen intersection — one of 60 task-lane × room intersection pages on HowTo: Home Edition. It exists at two equivalent URLs: <code>/en/clean/kitchen/</code> (lane-first) and <code>/en/kitchen/clean/</code> (room-first). Both are real pages; both serve the same purpose; both link to the same 32 leaf guides. The dual URLs let users navigate as they think: "I want to clean something, what room?" vs. "I'm in the kitchen, what can I do?"</p>
  </section>
);