/* Sam's article — How to Refinish a Thrifted Chair
 * Renders into #render-target. Source content: scripts/insert-sam-chair-post.ts.
 * Format: Sam editorial (patchhole.jsx) — Hero, Lede, WhatYouNeed, Steps, HotTakes, Redo, Comments, Signoff.
 */

const { useState } = React;

const SamSays = ({ children }) => (
  <div className="sa-step-says">
    <span className="who">— Sam</span>
    <p>{children}</p>
  </div>
);

/* ============ CRUMBS ============ */
const Crumbs = () => (
  <nav className="sa-crumbs" aria-label="Breadcrumb">
    <div className="l">
      <a href="/">Start</a>
      <span>/</span>
      <a href="/de/contributors/sam/">Sam</a>
      <span>/</span>
      <span>How-to</span>
      <span>/</span>
      <span style={{ color: "#EFE5CF" }}>Trödel-Stuhl aufarbeiten</span>
    </div>
    <div className="r">
      <span>Ausgabe 04 · Frühjahr '26</span>
      <span className="by">geschrieben von Sam ✦</span>
    </div>
  </nav>
);

/* ============ HERO ============ */
const Hero = () => (
  <section className="sa-hero">
    <div
      className="img"
      style={{
        backgroundImage: "url('../thrifted-chair.png')",
      }}
    />
    <div className="sa-hero-wrap">
      <div>
        <div className="sa-hero-kicker">
          <span>How-to</span>
          <span className="dot">●</span>
          <span>Nr. 01</span>
          <span className="dot">●</span>
          <span className="sig">geschrieben von Sam</span>
        </div>
        <h1>
          Wie man einen <em>Trödel-Stuhl</em> aufarbeitet (und ihn aussehen lässt, als hättest du den vollen Preis bezahlt)
        </h1>
        <p className="standfirst">
          12-Dollar-Stuhl. Nachmittagsprojekt. Niemand muss wissen, wo er herkommt. Sechs ehrliche Schritte vom Trödelladen bis zum Eingangsbereich, mit allen Fehlern, die ich schon für dich gemacht habe.
        </p>
      </div>
      <div className="sa-hero-side">
        <div className="row">
          <span>Zeit</span>
          <span className="v">3–4 Std. <span style={{opacity:0.5}}>+ 24 Std. Aushärtung</span></span>
        </div>
        <div className="row">
          <span>Kosten</span>
          <span className="v">$20–$35</span>
        </div>
        <div className="row">
          <span>Schwierigkeit</span>
          <span className="v">Einfach</span>
        </div>
        <div className="row">
          <span>Sauereifaktor</span>
          <span className="v warn">●○○ Leicht</span>
        </div>
        <div className="row">
          <span>Aktualisiert</span>
          <span className="v">Frühjahr '26</span>
        </div>
      </div>
    </div>
    <div className="sa-hero-scribble">
      $12. Massivholz. <u>echt jetzt</u>.
      <svg viewBox="0 0 60 30" fill="none">
        <path d="M2 22 C 12 8, 28 4, 56 12" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
        <path d="M48 6 L 56 12 L 50 20" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none" />
      </svg>
    </div>
  </section>
);

/* ============ LEDE ============ */
const Lede = () => (
  <section className="sa-lede">
    <div className="sa-lede-wrap">
      <aside className="sa-lede-side">
        <div className="marker">In dieser Anleitung</div>
        <ul>
          <li>Die Trödelladen-Mathematik</li>
          <li>Was du wirklich brauchst</li>
          <li>Die 6 Schritte</li>
          <li>Hot Takes</li>
          <li>Was ich anders machen würde</li>
        </ul>
      </aside>

      <div className="sa-lede-body">
        <p className="dropcap">
          Ich habe diesen Stuhl an einem Dienstag bei Goodwill gefunden. Zwölf Dollar. Massives Teakholz — die wirklich schwere Sorte, nicht die IKEA-Furnier-tut-so-als-ob-Sorte. Feste Verbindungen. Überraschend bequem. Und eine Lackierung so aggressiv orange-Schellack-1972, dass ich ihn fast wieder hingestellt hätte.
        </p>

        <p>
          Habe ich nicht. Ich habe ihn mit nach Hause genommen. Ich habe ihn an einem Nachmittag für etwa dreißig Dollar an Material aufgearbeitet. Er steht jetzt bei meiner Haustür, hält einen Pflanzenkübel auf seinem Sitz, und zweimal im letzten Monat hat mich jemand gefragt, wo ich ihn gekauft habe.
        </p>

        <div className="sa-pullquote">
          <p>
            Massivholz in jeder Preisklasse unter tausend Dollar ist tot. Der Stuhl, den du im Trödelladen aus dem Jahr 1972 findest, hat eher echte Verbindungen als der Stuhl, den du im selben Budget neu kaufen würdest.
          </p>
        </div>

        <p>
          Das ist die ganze Idee von Trödelmöbeln. Die Substanz ist gut. Die Haut ist falsch. Aufarbeiten — nicht Strippen, nicht Restaurieren, nicht „in den Originalzustand zurückversetzen" — ist die ganze Bewegung. Du lässt den Stuhl, du änderst sein Outfit, du machst mit deinem Leben weiter.
        </p>

        <p>
          Was folgt, ist ein vollständiges Sechs-Schritt-Projekt in <strong>drei bis vier Stunden tatsächlicher Arbeit</strong>, plus 24 Stunden Aushärtezeit, bevor du dich draufsetzt. Der Held dieses Artikels ist ein einziges Produkt namens <em>Rust-Oleum Chalked Paint</em>, und ich werde dafür missionieren.
        </p>
      </div>

      <aside className="sa-margin">
        <span className="lab">Sams Notiz</span>
        <h4>Bevor du einen Trödel-Stuhl kaufst</h4>
        <p>
          Setz dich im Laden drauf. Wenn er wackelt, geh weg. Wackelige Verbindungen sind ein separates, größeres Projekt. Wir arbeiten heute auf, wir leimen nicht neu.
        </p>
      </aside>
    </div>
  </section>
);

/* ============ WHAT YOU NEED ============ */
const WhatYouNeed = () => (
  <section className="sa-need">
    <div className="sa-need-wrap">
      <div>
        <div className="sa-need-head">§ 01 / Material</div>
        <h2>
          Was du <em>wirklich</em> brauchst
        </h2>
        <p className="body">
          Gesamtbudget: <strong>$20–$35</strong> an Material, vorausgesetzt, du besitzt noch nichts. Der Held ist ein Quart Chalked Paint. Alles andere ist klein.
        </p>

        <div className="sa-need-dont">
          <span className="lab">Spar dir</span>
          <ul>
            <li>
              „Möbelaufarbeitungs-Sets" als Upsell
              <span className="why">Es ist Chalked Paint und Schleifpapier. Das Set bezahlt für die Schachtel.</span>
            </li>
            <li>
              Borstenpinsel
              <span className="why">Sie hinterlassen Pinselstriche. Schaumstoff nicht. Kauf Schaumstoff.</span>
            </li>
            <li>
              Die Originallackierung zu strippen
              <span className="why">Chalked Paint deckt sie ab. Strippen ist ein anderer, längerer Artikel.</span>
            </li>
          </ul>
        </div>
      </div>

      <ul className="sa-need-list">
        <li>
          <span className="item">
            Rust-Oleum Chalked Paint, 1 Quart
            <span className="why">Farbe liegt bei dir. Salbei, Anthrazit, Creme, Terrakotta, sanftes Schwarz.</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Schleifpapier, Körnung 120
            <span className="why">Für die Vorbereitung. Raut die vorhandene Lackierung an.</span>
          </span>
          <span className="qty">×1 Bogen</span>
        </li>
        <li>
          <span className="item">
            Schleifpapier, Körnung 220
            <span className="why">Zwischen den Schichten. Nimmt Pinselstriche weg.</span>
          </span>
          <span className="qty">×1 Bogen</span>
        </li>
        <li>
          <span className="item">
            Schaumstoffpinsel
            <span className="why">Für Sprossen, geschnitzte Details, Kanten.</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Kleine Schaumstoffrolle
            <span className="why">Für flache Flächen. Schneller, glatter. Die zusätzlichen 4 Dollar wert.</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Klarer Decklack (mattes Polycrylic ODER klares Wachs)
            <span className="why">Polycrylic ist haltbarer; Wachs hat mehr Tiefe. Polycrylic für täglich genutzte Stühle.</span>
          </span>
          <span className="qty">×½ Pint</span>
        </li>
        <li>
          <span className="item">
            Abdeckplane (Segeltuch, kein Plastik)
            <span className="why">Segeltuch bleibt liegen. Plastik rutscht, wenn du den Stuhl bewegst.</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Fusselfreies Wischtuch
            <span className="why">Für Staub zwischen den Schichten.</span>
          </span>
          <span className="qty">×1</span>
        </li>
      </ul>
    </div>
  </section>
);

/* ============ STEPS ============ */
const STEPS = [
  {
    n: "01",
    phase: "Vorbereitung · 5 Min.",
    title: "Reinige den Stuhl zuerst.",
    flip: false,
    body: (
      <>
        <p>
          Wische ihn mit einem feuchten Tuch ab und lass ihn vollständig trocknen. Fett, Staub oder mysteriöse Trödelladen-Rückstände beeinträchtigen die Haftung der Farbe.
        </p>
        <p>
          Dieser Schritt dauert fünf Minuten und Leute überspringen ihn immer. <em>Überspring ihn nicht.</em> Der Stuhl saß im Keller von jemandem, dann in einem Lager, dann auf einer Trödelladen-Verkaufsfläche, dann in deinem Kofferraum. Was auch immer drauf ist, du willst es nicht unter deiner Farbe versiegeln.
        </p>
      </>
    ),
    tip: { lab: "Sams fauler Tipp:", text: "Wenn du dein Spiegelbild in der vorhandenen Lackierung sehen kannst, geh ihr vor dem Wasser kurz mit Entfetter dran. Besonders alte Küchenstühle — sie haben vierzig Jahre Fingerabdrücke aufgesogen." },
    fig: {
      img: "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=1200&q=80",
      tag: "Abb. 01 · Das Abwischen",
      cap: "fünf Minuten, die niemand verbringen will.",
    },
    says: "Ich mache das mit dem Stuhl umgedreht auf einer Abdeckplane. So siehst du jede Oberfläche und erwischst den Staub unter den Streben, den die Leute vergessen.",
  },
  {
    n: "02",
    phase: "Schleifen · 15 Min.",
    title: "Leicht mit Körnung 120 schleifen.",
    flip: true,
    body: (
      <>
        <p>
          Du strippst <em>nicht</em> die ganze Oberfläche — du raust sie nur an, damit die Farbe etwas zum Greifen hat. Bearbeite alle flachen Flächen und gehe bei Holz mit der Maserung. Wische den Staub mit einem feuchten fusselfreien Tuch ab, wenn du fertig bist.
        </p>
        <p>
          Das ganze Schleifen sollte vielleicht fünfzehn Minuten dauern. Das Ziel ist es, den Stuhl von glänzend und glatt zu leicht matt zu bringen. <strong>Wenn er sich nach dem Schleifen immer noch wie Glas anfühlt, schleife mehr.</strong>
        </p>
      </>
    ),
    tip: { lab: "Bemüh dich nicht, in die Sprossen zu schleifen", text: "Die geschnitzten Details werden eh von der Farbe bedeckt. Bearbeite nur die Flächen: Sitzoberseite, Beinvorderseiten, Armlehnenoberseiten. Die Stellen, wo die Farbe optisch landet." },
    fig: {
      img: "https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=1200&q=80",
      tag: "Abb. 02 · Das Anrauen",
      cap: "glänzend → matt. das war's.",
    },
  },
  {
    n: "03",
    phase: "Streichen · 30 Min. + Trocknen",
    title: "Erste Schicht — dünn, hässlich, in Ordnung.",
    flip: false,
    body: (
      <>
        <p>
          <em>Klatsch sie nicht drauf.</em> Dünne, gleichmäßige Striche. Es wird nach der ersten Schicht furchtbar aussehen, und das ist völlig normal — Chalked Paint macht das immer. Streifig. Fleckig. Du wirst die Originallackierung durchscheinen sehen. <strong>Das ist richtig so.</strong>
        </p>
        <p>
          Lass sie trocknen. Chalked Paint trocknet in etwa dreißig Minuten, aber ich warte normalerweise eine ganze Stunde, nur um sicher zu sein. <em>Widersteh dem Drang, ungleichmäßige Stellen zu reparieren, während sie nass ist.</em> Du behebst sie bei der zweiten Schicht.
        </p>
      </>
    ),
    warn: { lab: "Achtung", text: "Wenn die Farbe sich beim Herauskommen aus der Dose dick anfühlt, rühr sie um — füg kein Wasser hinzu. Chalked Paint soll in Dosenkonsistenz aufgetragen werden. Sie zu verdünnen tötet die Deckkraft." },
    fig: {
      img: "https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1200&q=80",
      tag: "Abb. 03 · Schicht 1",
      cap: "hässlich ist okay. ehrlich ist Pflicht.",
    },
    says: "Schaumstoffrolle für den Sitz und flache Paneele. Schaumstoffpinsel für die Sprossen, die Unterseite der Armlehnen und die geschnitzten Stellen.",
  },
  {
    n: "04",
    phase: "Schleifen · 5 Min.",
    title: "Leicht mit Körnung 220 nachschleifen.",
    flip: true,
    body: (
      <>
        <p>
          Das macht die Oberfläche glatt statt strukturiert. Nur ein kurzer Durchgang — du nimmst Pinselstriche weg, nicht die Farbe. Wische den Staub mit dem fusselfreien Tuch ab.
        </p>
        <p>
          Körnung 220 ist fein genug, dass du das nicht vermasseln kannst, es sei denn, du drückst mit einem elektrischen Schleifer fest. <em>Per Hand kommst du klar.</em>
        </p>
      </>
    ),
    fig: {
      img: "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=1200&q=80",
      tag: "Abb. 04 · Das Glätten",
      cap: "fünf Minuten. der Qualitätsschritt.",
    },
  },
  {
    n: "05",
    phase: "Streichen · 30 Min. + Trocknen",
    title: "Zweite Schicht — hier fängt es an zu funktionieren.",
    flip: false,
    body: (
      <>
        <p>
          Gleiche dünne, gleichmäßige Striche. Die meisten Stühle brauchen nur zwei Schichten. <em>Wenn nach dem Trocknen der zweiten Schicht noch Stellen durchscheinen, mach eine dritte.</em> Keine Schande bei einer dritten Schicht. Besser als eine dicke zweite, die tropft.
        </p>
        <p>
          Lass sie mindestens eine Stunde trocknen, bevor du versiegelst. Der Stuhl sollte jetzt <strong>fertig</strong> aussehen, nicht mit-Farbe-bedeckt. Wenn er immer noch wie ein gestrichener Stuhl aussieht, brauchst du noch eine Schicht.
        </p>
      </>
    ),
    fig: {
      img: "https://images.unsplash.com/photo-1503602642458-232111445657?w=1200&q=80",
      tag: "Abb. 05 · Schicht 2",
      cap: "jetzt ist es ein Stuhl, kein Projekt.",
    },
    says: "Tritt zwischen den Schichten sechs Schritte zurück. Das Ding liest sich von der anderen Seite des Raums total anders als aus der Nähe. Die Raumansicht ist die, die zählt.",
  },
  {
    n: "06",
    phase: "Versiegeln · 15 Min. + 24 Std. Aushärtung",
    title: "Versiegeln. Dann weggehen.",
    flip: true,
    body: (
      <>
        <p>
          Chalked Paint zerkratzt ohne Decklack. Klares Wachs oder mattes Polycrylic funktionieren beide. Trage eine dünne Schicht mit einem sauberen Schaumstoffpinsel auf, mit der Maserung arbeiten. Lass sie <strong>vierundzwanzig Stunden</strong> aushärten, bevor du den Stuhl tatsächlich benutzt.
        </p>
        <p>
          Das ist der Geduldsteil. Der Stuhl ist nach Schicht zwei technisch <em>fertig</em> — aber wenn du dich draufsetzt, bevor der Versiegler ausgehärtet ist, schleifst du die Farbe in zwei Wochen durch. Vierundzwanzig Stunden. <em>Stell einen Timer.</em>
        </p>
      </>
    ),
    tip: { lab: "Wachs vs. Polycrylic", text: "Wachs hat mehr Tiefe — sieht vintage aus, fühlt sich handgemacht an. Polycrylic ist haltbarer — besser für einen Stuhl, auf dem du jeden Tag sitzt. Für einen Akzentstuhl im Eingangsbereich, der hauptsächlich einen Pflanzenkübel hält, Wachs. Für einen Küchenstuhl, Polycrylic." },
    fig: {
      img: "https://images.unsplash.com/photo-1572297870735-d68a30c0e603?w=1200&q=80",
      tag: "Abb. 06 · Die Aushärtung",
      cap: "der Teil, der hauptsächlich Warten ist.",
    },
    says: "Ich klebe einen Klebezettel drauf, auf dem NICHT DRAUFSETZEN steht und ein Datum 24 Stunden später. Diese Lektion habe ich persönlich gelernt.",
  },
];

const Step = ({ data }) => (
  <article className={`sa-step ${data.flip ? "flip" : ""}`}>
    <div className="sa-step-text">
      <div className="sa-step-meta">
        <span className="sa-step-num">{data.n}</span>
        <span className="sa-step-phase">{data.phase}</span>
      </div>
      <h3>{data.title}</h3>
      <div className="sa-step-body">{data.body}</div>
      {data.tip && (
        <div className="sa-step-tip">
          <span className="lab">{data.tip.lab}</span>
          <p>{data.tip.text}</p>
        </div>
      )}
      {data.warn && (
        <div className="sa-step-warn">
          <span className="lab">{data.warn.lab}</span>
          <p>{data.warn.text}</p>
        </div>
      )}
    </div>
    <figure className="sa-step-fig">
      <div className="frame">
        <span className="tag">{data.fig.tag}</span>
        <img src={data.fig.img} alt="" loading="lazy" />
      </div>
      <figcaption>{data.fig.cap}</figcaption>
      {data.says && <SamSays>{data.says}</SamSays>}
    </figure>
  </article>
);

const Steps = () => (
  <section className="sa-steps">
    <div className="sa-steps-wrap">
      <header className="sa-steps-head">
        <h2>
          Die <em>sechs</em> Schritte
        </h2>
        <span className="count">06 SCHRITTE · ≈3 STD. AKTIV · 24 STD. AUSHÄRTUNG</span>
      </header>
      {STEPS.map((s) => (
        <Step key={s.n} data={s} />
      ))}
    </div>
  </section>
);

/* ============ HOT TAKES ============ */
const HotTakes = () => (
  <section className="sa-hottakes">
    <div className="sa-hottakes-wrap">
      <header className="sa-hottakes-head">
        <span className="lab">Sams Hot Takes</span>
        <h2>
          Dinge, die ich <em>satt</em> habe
        </h2>
      </header>
      <div className="sa-hottakes-list">
        <div className="sa-take">
          <div className="num">i.</div>
          <h3>Ein brandneues Möbelstück „distressen"</h3>
          <p>
            Wenn du es neu gekauft hast, lass es in Ruhe. Der ganze Grund, warum Distressed-Oberflächen funktionieren, ist, dass Trödelmöbel von vierzig Jahren Leben vorab-distressed kommen. Falsche Abnutzung in ein Ding zu schleifen, das du gestern gekauft hast, ist Cosplay.
          </p>
        </div>
        <div className="sa-take">
          <div className="num">ii.</div>
          <h3>Den Decklack überspringen, um „Zeit zu sparen"</h3>
          <p>
            Der Decklack ist der Unterschied zwischen einem Stuhl, der ein Jahr überlebt, und einem Stuhl, der bis Monat drei abblättert. <em>Vierundzwanzig Stunden Warten sind kürzer als das Projekt zu wiederholen.</em>
          </p>
        </div>
        <div className="sa-take">
          <div className="num">iii.</div>
          <h3>Sprühfarbe als Chalked-Paint-Ersatz</h3>
          <p>
            Andere Oberfläche, andere Deckkraft, andere Haltbarkeit. Sprühfarbe ist für Metall und kleine Teile. Für Holzmöbel, die du jeden Tag berührst, jedes Mal aufgepinselte Chalked Paint.
          </p>
        </div>
        <div className="sa-take">
          <div className="num">iv.</div>
          <h3>Eine Farbe wählen, die „zur Einrichtung passt"</h3>
          <p>
            Der Stuhl ist der Akzent. Wenn er zu allem im Raum passt, verschwindet er. Wähl eine Farbe, die ein bisschen mit dem Raum kämpft. Salbei in einem warmen Raum. Terrakotta in einem kühlen. Anthrazit überall.
          </p>
        </div>
      </div>
    </div>
  </section>
);

/* ============ WHAT I'D DO DIFFERENTLY ============ */
const Redo = () => (
  <section className="sa-redo">
    <div className="sa-redo-wrap">
      <aside className="sa-redo-side">
        was ich
        <br />
        <em style={{ color: "#D97A4F" }}>anders machen würde</em>
        <svg viewBox="0 0 80 60" fill="none">
          <path d="M5 12 C 25 6, 55 14, 70 38" stroke="#91A86C" strokeWidth="2" strokeLinecap="round" />
          <path d="M64 30 L 70 38 L 60 42" stroke="#91A86C" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" fill="none" />
        </svg>
      </aside>
      <div>
        <h2>
          Was ich beim nächsten Mal <em>anders machen würde</em>
        </h2>
        <p>
          Beim ersten Stuhl, den ich aufgearbeitet habe, habe ich versucht, den Versiegler zu überspringen, weil ich des Wartens müde war. Bis Monat drei hatte der Sitz eine durchgewetzte Stelle, wo ich saß. Ich musste die ganze Oberseite abschleifen und mit Schicht zwei und drei von vorne anfangen. <strong>Sei nicht ich.</strong> Vierundzwanzig Stunden Warten sind kürzer als das Projekt zu wiederholen.
        </p>
        <p>
          Was ich <strong>meinem früheren Ich</strong> sagen würde: kauf zusätzlich zum Schaumstoffpinsel die Schaumstoffrolle. Der Pinsel bewältigt die Sprossen und die geschnitzten Details, die Rolle bewältigt die flachen Flächen in einem Viertel der Zeit und hinterlässt eine glattere Oberfläche. Sechs gut investierte Dollar.
        </p>
        <p>
          Und ich würde früher eine lautere Farbe wählen. Der erste Stuhl war Creme. Ein guter Stuhl, aber er verschwindet vor der Wand. Der zweite war Salbei. Der dritte war Terrakotta. Der Terrakotta ist der, der tatsächlich auf Fotos auftaucht. <em>Der Stuhl ist der Akzent. Lass ihn der Akzent sein.</em>
        </p>
      </div>
    </div>
  </section>
);

/* ============ COMMENTS ============ */
const Comments = () => (
  <section className="sa-comments">
    <div className="sa-comments-wrap">
      <header className="sa-comments-head">
        <h2>
          Von den <em>Lesern</em>
        </h2>
        <span className="meta">14 BRIEFE · MEISTENS KOMMODEN</span>
      </header>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Maya R.</span>
          <span>Phoenix, AZ</span>
          <span className="when">vor 2 Wochen</span>
        </div>
        <div className="body">
          <p>
            Habe das letztes Wochenende mit einer 20-Dollar-Kommode statt eines Stuhls probiert. Schritt 6 hat mich gerettet — ich war kurz davor, den falschen Abbeizer zu nehmen und hätte das Furnier ruiniert. Die Schubladenfronten sind unglaublich geworden. Gehe für den passenden Nachttisch zurück.
          </p>
          <div className="sa-reply">
            <span className="lab">Sam antwortete</span>
            <p>
              schick mir bitte ein Foto von der Kommode. und vom Nachttisch, sobald du ihn hast.
              <span className="sig">— S</span>
            </p>
          </div>
        </div>
      </div>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Theo R.</span>
          <span>Oakland, CA</span>
          <span className="when">vor 3 Wochen</span>
        </div>
        <div className="body">
          <p>
            Habe den Decklack übersprungen. Bin einen Monat später zurückgekommen, um diesen Artikel zu lesen, weil der Sitz schon durchgewetzt war. Lektion gelernt. Strippe heute neu.
          </p>
        </div>
      </div>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Priya K.</span>
          <span>Toronto, ON</span>
          <span className="when">vor 1 Monat</span>
        </div>
        <div className="body">
          <p>
            Frage — mein Stuhl hat einen Geflechtsitz. Soll ich das Geflecht auch streichen oder abkleben?
          </p>
          <div className="sa-reply">
            <span className="lab">Sam antwortete</span>
            <p>
              kleb es ab. Geflecht saugt Farbe auf und wird knusprig. außerdem ist es der schönste Teil des Stuhls, lass es. streich nur den Holzrahmen.
              <span className="sig">— S</span>
            </p>
          </div>
        </div>
      </div>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Dale W.</span>
          <span>Toledo, OH</span>
          <span className="when">vor 5 Wochen</span>
        </div>
        <div className="body">
          <p>
            Hausverwalter hier. Ich arbeite jeden Stuhl, den wir in unseren Kurzzeitvermietungen ersetzen, mit genau dieser Methode auf. Fünfundzwanzig Dollar Material sind günstiger als ein neuer Stuhl alle sechs Monate. Leite das an mein ganzes Team weiter.
          </p>
        </div>
      </div>
    </div>
  </section>
);

/* ============ SIGNOFF ============ */
const Signoff = () => (
  <section className="sa-signoff">
    <div className="sa-signoff-wrap">
      <div>
        <h2>
          Das war's. <em>Geh und finde einen Stuhl.</em>
        </h2>
        <p>
          Wenn du das probiert hast und es geklappt hat — oder nicht — will ich davon hören. Foto vom Vorher und Nachher, was du geändert hast, was du anders machen würdest. Ich lese alles, was reinkommt.
        </p>
        <div className="sig">— Sam</div>
        <div className="ctas" style={{ marginTop: 28 }}>
          <a href="/contact/" className="btn primary">
            Foto schicken →
          </a>
          <a href="/de/contributors/sam/" className="btn ghost">
            Mehr von Sam
          </a>
        </div>
      </div>
      <div className="sa-readnext">
        <span className="lab">Lies als nächstes</span>
        <a href="/de/contributors/sam/how-to-hang-something-heavy-without-asking-anyone-for-help/">
          <span>Etwas Schweres aufhängen, ohne jemanden um Hilfe zu bitten</span>
          <span className="m">45 MIN</span>
        </a>
        <a href="/en/decorate/kitchen/">
          <span>Dekorieren × Küche — Mal- und Lackier-Projekte</span>
          <span className="m">HUB</span>
        </a>
        <a href="/en/decorate/living-room/">
          <span>Dekorieren × Wohnzimmer</span>
          <span className="m">HUB</span>
        </a>
        <a href="/de/contributors/sam/">
          <span>Alle Anleitungen von Sam</span>
          <span className="m">PROFIL</span>
        </a>
      </div>
    </div>
  </section>
);

/* ============ ROOT ============ */
const Article = () => (
  <div className="sa">
    <Crumbs />
    <Hero />
    <Lede />
    <WhatYouNeed />
    <Steps />
    <HotTakes />
    <Redo />
    <Comments />
    <Signoff />
  </div>
);

ReactDOM.createRoot(document.getElementById("render-target")).render(<Article />);
