/* /en/bedroom — Production Bedroom Room Hub */

const BedroomHero = () => (
  <section className="bdr-hero">
    <div className="img" style={{ backgroundImage: "url('https://images.unsplash.com/photo-1616594039964-ae9021a400a0?w=2400&q=85')" }} />
    <div className="bdr-mast">
      <span className="crumb">
        <a href="/">Home</a>  ·  Bedroom
      </span>
      <span className="ctr">HowTo Quarterly · Vol. III / The Bedroom Issue</span>
      <span className="right">№ 03 / Spring 2026</span>
    </div>
    <div className="bdr-cover">
      <div>
        <div className="eyebrow">Room Guide · Bedroom</div>
        <h1>A third of your <em>life, well-spent.</em></h1>
      </div>
      <div>
        <p className="deck">
          Every guide we have written for the bedroom — sorted by what you came here to do. 146 projects, from a 30-minute blackout shade to a platform bed built from scratch.
        </p>
        <div className="meta">
          <div><span className="k">Section</span><span className="v">Bedroom</span></div>
          <div><span className="k">Guides</span><span className="v">146 total</span></div>
          <div><span className="k">Reading time</span><span className="v">10 min</span></div>
          <div><span className="k">Updated</span><span className="v">April 2026</span></div>
        </div>
      </div>
    </div>
  </section>
);

const BDR_ACTIONS = [
  {
    n: "01", slug: "repair",
    name: "Repair",   em: "what's broken.",
    lede: "Drawer slides, closet rods, curtain brackets that pulled from the wall. Bedroom repair is finish-level work — quick, satisfying, long overdue.",
    bg: "https://images.unsplash.com/photo-1555041469-a586c61ea9bc?w=1400&q=80",
    examples: "Drawer slide · Closet rod drop · Curtain bracket · Squeaky floor · Door latch · Mirror bracket",
    count: 22,
  },
  {
    n: "02", slug: "install",
    name: "Install",  em: "what's new.",
    lede: "Blackout shades, dimmer switches, ceiling fans, wall sconces, closet systems. The bedroom's highest-ROI upgrades are all here.",
    bg: "https://images.unsplash.com/photo-1616594039964-ae9021a400a0?w=1400&q=80",
    examples: "Blackout shades · Ceiling fan · Dimmer switch · Wall sconce · Closet system · Headboard mount",
    count: 38,
  },
  {
    n: "03", slug: "build",
    name: "Build",    em: "from scratch.",
    lede: "Platform beds, built-in reading nooks, window seats with storage. The projects sized to your room because you measured your room.",
    bg: "https://images.unsplash.com/photo-1540518614846-7eded433c457?w=1400&q=80",
    examples: "Platform bed · Reading nook · Window seat · Custom shelving · Floating nightstand · Closet island",
    count: 22,
  },
  {
    n: "04", slug: "clean",
    name: "Clean",    em: "what accumulates.",
    lede: "Mattress deep-clean, pillow washing, the wall behind the headboard. Bedroom cleaning has its own rhythm — these guides set it.",
    bg: "https://images.unsplash.com/photo-1631049307264-da0ec9d70304?w=1400&q=80",
    examples: "Mattress clean · Pillow wash · Duvet airing · Carpet under bed · Walls behind headboard · Fan blades",
    count: 18,
  },
  {
    n: "05", slug: "organize",
    name: "Organize", em: "the morning chaos.",
    lede: "Closet rebuilds, dresser editing, under-bed systems. The bedroom organize lane pays back every single morning when you get dressed.",
    bg: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=80",
    examples: "Closet rebuild · Dresser edit · Under-bed storage · Nightstand system · Shoe storage · Seasonal rotation",
    count: 22,
  },
  {
    n: "06", slug: "decorate",
    name: "Decorate", em: "the room.",
    lede: "Calming colors, gallery walls, curtain rod placement that changes everything. The bedroom is the room most worth getting right.",
    bg: "https://images.unsplash.com/photo-1506439773649-6e0eb8cfb237?w=1400&q=80",
    examples: "Calming paint color · Gallery wall · Curtain rod height · Rug sizing · Art above headboard · Lighting layers",
    count: 24,
  },
];

const BedroomMenu = () => (
  <section className="bdr-menu">
    <div className="bdr-menu-wrap">
      <div className="section-folio">
        <span>The Menu · Bedroom, by Action</span>
        <span className="pg">PG. 02</span>
      </div>
      <div className="bdr-menu-head">
        <h2>Six things to do <em>in a bedroom.</em></h2>
        <p className="deck">
          Every project on this site lives at the intersection of a room and a verb. You are in the bedroom — pick a verb.
        </p>
      </div>
      <div className="bdr-actions">
        {BDR_ACTIONS.map(a => (
          <a key={a.name} href={`/en/bedroom/${a.slug}/`} className="bdr-act">
            <div className="bdr-act-bg" style={{ backgroundImage: `url(${a.bg})` }} />
            <div className="num">№ {a.n} — Layer 01</div>
            <h3>{a.name} <em>{a.em}</em></h3>
            <p className="lede">{a.lede}</p>
            <p className="examples">{a.examples}</p>
            <div className="foot">
              <span><strong>{a.count}</strong> guides</span>
              <span className="arr">Browse {a.name.toLowerCase()} →</span>
            </div>
          </a>
        ))}
      </div>
    </div>
  </section>
);

const BedroomEssay = () => (
  <section className="bdr-essay">
    <div className="bdr-essay-wrap">
      <div className="section-folio" style={{ borderColor: "rgba(189,183,167,0.25)" }}>
        <span>Editor's Note · The Bedroom, Considered</span>
        <span className="pg">PG. 06</span>
      </div>
      <div className="bdr-essay-grid">
        <aside className="bdr-essay-side">
          <h2>The room that <em>restores you.</em></h2>
          <div className="by">By the Editors · 5 min read</div>
          <div className="stat-list">
            <div className="row"><span>Hours / night in use</span><strong>8</strong></div>
            <div className="row"><span>Share of your life</span><strong>1/3</strong></div>
            <div className="row"><span>Most-searched verb</span><strong>"install"</strong></div>
            <div className="row"><span>Top fix this season</span><strong>"shades"</strong></div>
          </div>
        </aside>
        <div className="bdr-essay-body">
          <p className="dropcap">
            The bedroom is the room people most underinvest in and most regret underinvesting in. It gets the leftover furniture, the curtains from the previous apartment, the ceiling fixture that came with the house and has never once been the right light for anything. It is also the room where you spend a third of your life — roughly 3,000 hours a year — and where the quality of that time is directly downstream of the quality of the room itself.
          </p>
          <p>
            Which is a long way of saying that a dimmer switch and a proper blackout shade are not luxuries. They are maintenance. They are the difference between waking up rested and waking up to a flat overhead light that was on when you fell asleep because you did not feel like crossing the room to the switch. The bedroom is the room where the smallest, cheapest projects — $18 dimmer switch, $60 blackout shades, a closet rod at the right height — have the most compounding daily return.
          </p>
          <div className="pull">
            "The bedroom is the room where the smallest projects have the most compounding daily return."
          </div>
          <p>
            So we built this hub around the way people actually arrive at bedroom projects. Some of you come with a specific problem: the headboard is rocking, the drawer does not close, the curtain rod is still at the wrong height three years in. Some of you come with a project you have been putting off: the platform bed you want to build, the closet that has been a disaster since you moved in, the gallery wall above the bed that exists only in a saved Instagram post. Some of you are starting from scratch with a new room and want to know what to do first.
          </p>
          <p>
            Pick a verb. Browse <a href="/en/bedroom/repair/">repair</a>, <a href="/en/bedroom/install/">install</a>, <a href="/en/bedroom/build/">build</a>, <a href="/en/bedroom/clean/">clean</a>, <a href="/en/bedroom/organize/">organize</a>, <a href="/en/bedroom/decorate/">decorate</a> — six lanes, each a complete library, each written by someone who did the project in their own bedroom. Below: the seasonal pick, the most-read projects this month, the six mistakes we see most often, and a room anatomy that routes you to the guide for the specific part of your bedroom that is bothering you most.
          </p>
        </div>
      </div>
    </div>
  </section>
);

const BedroomPick = () => (
  <section className="bdr-pick">
    <div className="bdr-pick-spread">
      <div className="bdr-pick-img" style={{ backgroundImage: "url('https://images.unsplash.com/photo-1585412727339-54e4bae3bbf9?w=1800&q=85')" }}>
        <div className="stamp">Editor's<br/>Pick<small>SPRING 2026</small></div>
      </div>
      <div className="bdr-pick-text">
        <div className="eyebrow">Featured Project · Bedroom, Install</div>
        <h3>How to install blackout shades <em>that actually block the light.</em></h3>
        <p>
          Outside-mount installation that eliminates edge bleed. The difference between a blackout shade and a blackout room is one bracket width and ten extra minutes. Friday-night measure, Saturday-morning install, Saturday-afternoon nap — longer than usual, finally.
        </p>
        <div className="meta">
          <span><span className="dot"></span>Beginner</span>
          <span><span className="dot"></span>30 min</span>
          <span><span className="dot"></span>$50–$200</span>
          <span><span className="dot"></span>8 steps</span>
        </div>
        <a href="/en/bedroom/install/how-to-install-blackout-shades/" className="read">Read the guide  →</a>
      </div>
    </div>
  </section>
);

const BDR_LANE_SLUGS = { "Repair": "repair", "Install": "install", "Build": "build", "Clean": "clean", "Organize": "organize", "Decorate": "decorate" };
const bdrLaneHref = label => `/en/bedroom/${BDR_LANE_SLUGS[label.split(" · ")[0]] || "install"}/`;

const BedroomIndex = () => {
  const cols = [
    {
      title: "Most-read this month",
      count: "One per lane",
      items: [
        ["01", "How to repair a dropped closet rod",         "Repair · 20 min"],
        ["02", "How to install blackout shades",             "Install · 30 min"],
        ["03", "How to build a platform bed",                "Build · 1 day"],
        ["04", "How to deep clean a mattress",               "Clean · 2 hrs"],
        ["05", "How to install a closet system",             "Organize · half day"],
        ["06", "How to paint a calming bedroom color",       "Decorate · 4 hrs"],
      ],
    },
    {
      title: "Most-saved by readers",
      count: "One per lane",
      items: [
        ["01", "How to fix a grinding drawer slide",         "Repair · 20 min"],
        ["02", "How to mount a headboard",                   "Install · 1 hr"],
        ["03", "How to build a window seat with storage",    "Build · weekend"],
        ["04", "How to wash pillows without damage",         "Clean · 1 hr"],
        ["05", "How to double your closet hanging space",    "Organize · 2 hrs"],
        ["06", "How to hang curtains high and wide",         "Decorate · 1 hr"],
      ],
    },
  ];
  return (
    <section className="bdr-index">
      <div className="bdr-index-wrap">
        <div className="section-folio">
          <span>The Index · Most-read bedroom guides</span>
          <span className="pg">PG. 14</span>
        </div>
        <div className="bdr-index-head">
          <h2>What people came here <em>to do.</em></h2>
          <div className="right">As of <strong>April 2026</strong> · live ranking</div>
        </div>
        <div className="bdr-index-grid">
          {cols.map(c => (
            <div className="bdr-index-col" key={c.title}>
              <h3>{c.title} <span className="ct">— {c.count}</span></h3>
              <ul className="bdr-index-list">
                {c.items.map(([n, t, m]) => (
                  <li key={n}><a href={bdrLaneHref(m)}><span className="n">{n}</span><span className="t-text">{t}</span><span className="t">{m}</span></a></li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

const BedroomMistakes = () => {
  const items = [
    { h: "Hanging curtains low and narrow",
      p: "Mount the rod 4–6 inches above the window trim, extend 6–12 inches past the frame on each side. Curtains should skim the floor. This alone makes the room feel taller, the window feel larger, and the whole setup feel designed rather than installed." },
    { h: "Headboards into drywall, not studs",
      p: "Anchors fail under dynamic load. Find the studs, mount into wood. When studs do not align with bracket holes, use a cleat — a 1×4 lag-screwed into both studs — and attach to the cleat. Thirty extra minutes, years of stability." },
    { h: "Overhead light with no dimmer",
      p: "A ceiling fixture on a standard switch is either blindingly on or off. An $18 dimmer switch and 20 minutes of install work transforms how the room feels between 8 p.m. and midnight. The single highest sleep-quality ROI per dollar in the bedroom." },
    { h: "Rugs too small",
      p: "The bed should sit on the rug with at least 18 inches extending past each side and the foot. Rugs sized to the open floor — not the full room — float uselessly and make the space feel disjointed. Scale does more work than texture." },
    { h: "Art at gallery height, not bed-height",
      p: "Gallery standard is 57–60 inches center — correct for a hallway, wrong above a bed. When you are lying down, that art is near the ceiling. Hang it with the bottom frame 6–8 inches above the headboard. Use a laser level to get it right the first time." },
    { h: "Blackout shades that are not blackout",
      p: "Inside-mount shades bleed light at the edges no matter what the box says. Outside-mount wraps the trim and eliminates the gap. Add side channels for the remaining bleed. If the room is still bright after outside-mount, the light is coming under the door — not around the window." },
  ];
  return (
    <section className="bdr-mistakes">
      <div className="bdr-mistakes-wrap">
        <div className="section-folio" style={{ marginBottom: 0 }}>
          <span>Field Notes · Bedroom Mistakes We've Seen</span>
          <span className="pg">PG. 22</span>
        </div>
        <div className="bdr-mistakes-head">
          <h2>Six bedroom mistakes <em>worth avoiding.</em></h2>
          <div className="num">№ 01 — 06</div>
        </div>
        <div className="bdr-mistakes-grid">
          {items.map((m, i) => (
            <div className="bdr-mistake" key={i}>
              <div className="n">{String(i + 1).padStart(2, "0")}</div>
              <div>
                <h4>{m.h}</h4>
                <p>{m.p}</p>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

const BedroomFilters = () => (
  <section className="bdr-filters">
    <div className="bdr-filters-grid">
      <div className="bdr-filter">
        <span className="label">Sort · By Skill</span>
        <h3>What have you done before?</h3>
        <div className="bdr-pills">
          <a href="/en/bedroom/" className="bdr-pill">Beginner <span className="ct">72</span></a>
          <a href="/en/bedroom/" className="bdr-pill">Intermediate <span className="ct">58</span></a>
          <a href="/en/bedroom/" className="bdr-pill">Advanced <span className="ct">16</span></a>
        </div>
      </div>
      <div className="bdr-filter">
        <span className="label">Sort · By Time</span>
        <h3>How much weekend do you have?</h3>
        <div className="bdr-pills">
          <a href="/en/bedroom/" className="bdr-pill">Under an hour <span className="ct">38</span></a>
          <a href="/en/bedroom/" className="bdr-pill">A morning <span className="ct">44</span></a>
          <a href="/en/bedroom/" className="bdr-pill">A full day <span className="ct">42</span></a>
          <a href="/en/bedroom/" className="bdr-pill">Multi-day <span className="ct">22</span></a>
        </div>
      </div>
      <div className="bdr-filter">
        <span className="label">Sort · By Budget</span>
        <h3>Spending what, exactly?</h3>
        <div className="bdr-pills">
          <a href="/en/bedroom/" className="bdr-pill">$0 — $50 <span className="ct">46</span></a>
          <a href="/en/bedroom/" className="bdr-pill">$50 — $200 <span className="ct">62</span></a>
          <a href="/en/bedroom/" className="bdr-pill">$200 — $500 <span className="ct">28</span></a>
          <a href="/en/bedroom/" className="bdr-pill">$500+ <span className="ct">10</span></a>
        </div>
      </div>
    </div>
  </section>
);

const BedroomAnatomy = () => {
  const parts = [
    { n: "01", h: "Bed wall", em: "& headboard.",
      d: "The room's focal point. Headboard mount, wall anchoring, sconce placement, art height.",
      links: [["Mount headboard", "install"], ["Wall sconce", "install"], ["Art placement", "decorate"], ["Gallery wall", "decorate"], ["Headboard repair", "repair"]] },
    { n: "02", h: "Nightstands", em: "& lamps.",
      d: "Lighting, surface function, the cord chaos underneath. Small zone, high daily use.",
      links: [["Plug-in sconce", "install"], ["Cord management", "organize"], ["Nightstand swap", "decorate"], ["Dimmer install", "install"], ["Surface organize", "organize"]] },
    { n: "03", h: "Windows", em: "& light control.",
      d: "Blackout shades, curtain rod height, light bleed at the edges. The zone that controls sleep quality.",
      links: [["Blackout shades", "install"], ["Curtain rod height", "decorate"], ["Outside mount", "install"], ["Side channels", "install"], ["Shade repair", "repair"]] },
    { n: "04", h: "Closet", em: "& storage.",
      d: "Rods, shelves, shoe storage. The bedroom zone with the highest daily-use return on any investment.",
      links: [["Closet system", "organize"], ["Second rod tier", "organize"], ["Shoe storage", "organize"], ["Closet rod repair", "repair"], ["Custom shelves", "build"]] },
    { n: "05", h: "Dresser", em: "& mirror.",
      d: "Drawer function, mirror height, the surface organization that pays back every morning.",
      links: [["Drawer slide fix", "repair"], ["Mirror mount", "install"], ["Dresser editing", "organize"], ["Drawer dividers", "organize"], ["Wall mirror", "install"]] },
    { n: "06", h: "Ceiling", em: "& overhead.",
      d: "Fan, light fixture, the dimmer that should have been there from day one.",
      links: [["Dimmer switch", "install"], ["Ceiling fan", "install"], ["Light fixture swap", "install"], ["Fan blade clean", "clean"], ["Fan wobble fix", "repair"]] },
    { n: "07", h: "Floors", em: "& rugs.",
      d: "Rug sizing, carpet cleaning, the squeaky board you walk around every morning.",
      links: [["Squeaky floor", "repair"], ["Carpet deep-clean", "clean"], ["Rug sizing guide", "decorate"], ["Under-bed storage", "organize"], ["Floor refinish", "build"]] },
    { n: "08", h: "Walls", em: "& color.",
      d: "Paint selection for a room that reads differently in morning light than evening light.",
      links: [["Calming color", "decorate"], ["Paint trim", "decorate"], ["Patch drywall", "repair"], ["Wall prep", "decorate"], ["Accent wall", "decorate"]] },
  ];
  return (
    <section className="bdr-anatomy">
      <div className="bdr-anatomy-wrap">
        <div className="section-folio">
          <span>The Diagram · Bedroom, By the Zone</span>
          <span className="pg">PG. 28</span>
        </div>
        <div className="bdr-anatomy-head">
          <h2>Eight parts of a bedroom, <em>and the guides that improve them.</em></h2>
          <p className="deck">If you arrived with a specific part in mind, start here. We will route you to the verb from there.</p>
        </div>
        <div className="bdr-anatomy-grid">
          {parts.map(p => (
            <div className="bdr-anatomy-cell" key={p.n}>
              <div className="n">№ {p.n}</div>
              <h4>{p.h} <em>{p.em}</em></h4>
              <p>{p.d}</p>
              <div className="links">
                {p.links.map(([label, lane], i) => (
                  <React.Fragment key={label}>
                    <a href={`/en/bedroom/${lane}/`}>{label}</a>
                    {i < p.links.length - 1 && <span>·</span>}
                  </React.Fragment>
                ))}
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

const BedroomFaq = () => {
  const [open, setOpen] = React.useState(0);
  const faqs = [
    { q: "What is the single highest-impact bedroom project under $100?",
      a: "A dimmer switch ($18–$35) plus a set of blackout shades ($50–$80 for a standard window). The dimmer transforms how the room feels from eight p.m. onward; the blackout shades transform how you sleep and wake. Combined, they cost less than a single dinner out and pay back every night for the life of the room. The install for both is under two hours for a first-timer." },
    { q: "Do I need an electrician to install a dimmer switch?",
      a: "For a single-pole dimmer replacing an existing single-pole switch — no. Turn off the circuit at the breaker, confirm with a non-contact tester, swap the switch, re-connect. The guide covers single-pole, 3-way, and smart dimmer installations. You need an electrician if you are adding a new circuit, if your wiring is aluminum (common in homes from the 1960s and 1970s), or if you want a dimmer for a bathroom fan on the same switch." },
    { q: "How do I find the studs for a headboard mount in plaster walls?",
      a: "Magnetic stud finders do not work reliably on plaster — the lath behind the plaster confuses the signal. Use an electronic stud finder set to deep mode and move slowly. Confirm the stud by driving a small finish nail at the edge of your marked stud location before you commit to a lag screw. In older homes with irregular stud spacing, a cleat across two confirmed studs is more reliable than trying to match bracket holes to stud locations." },
    { q: "What is the right rug size for a queen bed?",
      a: "For a queen bed in a typical bedroom, a 9×12 rug is the correct minimum if you want the bed to sit fully on the rug with 18+ inches extending past both sides and the foot. An 8×10 works if the bed is against a wall and one side does not need coverage. Smaller than 8×10 under a queen reads as an accent rug, not a room-anchoring rug — the visual effect is opposite to what you want." },
    { q: "Should I inside-mount or outside-mount my blackout shades?",
      a: "Outside-mount for maximum light control — always. Inside-mount looks cleaner when the shades are up, but every inside-mounted shade gaps at the edges and top when it is down, letting in the light you are trying to block. Outside-mount wraps the window trim and presses against the wall, eliminating the gap. The shade sits slightly in front of the window when raised, which is a minor visual trade-off most people cannot see once the shade is in context with the room." },
    { q: "How do I choose a calming paint color for the bedroom?",
      a: "The two variables that matter most are undertone and light source. Cool undertones (blue-gray, green-gray, muted sage) read as calming in rooms with warm incandescent or LED light; they can read cold in rooms with only north-facing natural light. Warm undertones (warm linen, clay, dusty rose) add softness regardless of light direction but can feel heavy in small rooms. Test with a large sample — at least 12 by 12 inches — and look at it at night under your actual lighting, not just in afternoon sun." },
  ];
  return (
    <section className="bdr-faq">
      <div className="section-folio">
        <span>Reader Questions · Bedroom, Answered</span>
        <span className="pg">PG. 36</span>
      </div>
      <div className="bdr-faq-head">
        <span className="label">FAQ · The Most-Asked</span>
        <h2>What people ask <em>before they bedroom.</em></h2>
      </div>
      <div className="bdr-faq-list">
        {faqs.map((f, i) => (
          <div key={i} className={`bdr-faq-item ${open === i ? "open" : ""}`} onClick={() => setOpen(open === i ? -1 : i)}>
            <div className="bdr-faq-q">
              <span>{f.q}</span>
              <span className="toggle">+</span>
            </div>
            <div className="bdr-faq-a">{f.a}</div>
          </div>
        ))}
      </div>
    </section>
  );
};

const BDR_SISTERS = [
  { name: "Kitchen",      slug: "kitchen",      ct: "312 guides", img: "https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1200&q=80" },
  { name: "Bathroom",     slug: "bathroom",     ct: "284 guides", img: "https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=1200&q=80" },
  { name: "Living Room",  slug: "living-room",  ct: "247 guides", img: "https://images.unsplash.com/photo-1555041469-a586c61ea9bc?w=1200&q=80" },
  { name: "Lawn & Garden",slug: "lawn-garden",  ct: "172 guides", img: "https://images.unsplash.com/photo-1416879595882-3373a0480b5b?w=1200&q=80" },
  { name: "Garage",       slug: "garage",       ct: "133 guides", img: "https://images.unsplash.com/photo-1486718448742-163732cd1544?w=1200&q=80" },
];

const BedroomSisters = () => (
  <section className="bdr-sisters">
    <div className="bdr-sisters-wrap">
      <div className="bdr-sisters-head">
        <h2>Other rooms <em>worth a Saturday.</em></h2>
        <a href="/en/" className="view-all">All rooms  →</a>
      </div>
      <div className="bdr-sisters-grid">
        {BDR_SISTERS.map(s => (
          <a key={s.name} href={`/en/${s.slug}/`} className="bdr-sister">
            <div className="img" style={{ backgroundImage: `url(${s.img})` }} />
            <div className="meta">
              <div className="nm">{s.name}</div>
              <div className="ct">{s.ct}</div>
            </div>
          </a>
        ))}
      </div>
    </div>
  </section>
);

const BedroomColophon = () => (
  <section className="bdr-colophon">
    <h2>Found what you're <em>improving?</em></h2>
    <p>Every bedroom guide on HowTo is written by someone who did the project in their own home. Pick a verb and start exploring.</p>
    <a href="#bdr-menu" className="go">Browse bedroom projects  →</a>
  </section>
);

window.BedroomHero      = BedroomHero;
window.BedroomMenu      = BedroomMenu;
window.BedroomEssay     = BedroomEssay;
window.BedroomPick      = BedroomPick;
window.BedroomIndex     = BedroomIndex;
window.BedroomMistakes  = BedroomMistakes;
window.BedroomFilters   = BedroomFilters;
window.BedroomAnatomy   = BedroomAnatomy;
window.BedroomFaq       = BedroomFaq;
window.BedroomSisters   = BedroomSisters;
window.BedroomColophon  = BedroomColophon;