/* 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="/">होम</a>
      <span>/</span>
      <a href="/hi/contributors/sam/">Sam</a>
      <span>/</span>
      <span>How-to</span>
      <span>/</span>
      <span style={{ color: "#EFE5CF" }}>थ्रिफ्टेड कुर्सी रिफिनिश करें</span>
    </div>
    <div className="r">
      <span>Issue 04 · Spring '26</span>
      <span className="by">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>No. 01</span>
          <span className="dot">●</span>
          <span className="sig">Sam द्वारा लिखित</span>
        </div>
        <h1>
          <em>थ्रिफ्टेड कुर्सी</em> को कैसे रिफिनिश करें (और ऐसा दिखाएँ जैसे तुमने पूरी कीमत दी हो)
        </h1>
        <p className="standfirst">
          12 डॉलर की कुर्सी। दोपहर का प्रोजेक्ट। किसी को नहीं पता होना चाहिए कहाँ से आई। थ्रिफ्ट-स्टोर से एंट्रीवे तक छह ईमानदार स्टेप्स, उन सभी ग़लतियों के साथ जो मैं तुम्हारे लिए पहले ही कर चुकी हूँ।
        </p>
      </div>
      <div className="sa-hero-side">
        <div className="row">
          <span>समय</span>
          <span className="v">3–4 घंटे <span style={{opacity:0.5}}>+ 24 घंटे cure</span></span>
        </div>
        <div className="row">
          <span>लागत</span>
          <span className="v">$20–$35</span>
        </div>
        <div className="row">
          <span>स्किल</span>
          <span className="v">आसान</span>
        </div>
        <div className="row">
          <span>गंदगी का स्तर</span>
          <span className="v warn">●○○ हल्की</span>
        </div>
        <div className="row">
          <span>अपडेटेड</span>
          <span className="v">Spring '26</span>
        </div>
      </div>
    </div>
    <div className="sa-hero-scribble">
      $12. ठोस लकड़ी. <u>सच में</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">इसमें</div>
        <ul>
          <li>थ्रिफ्ट-स्टोर का गणित</li>
          <li>तुम्हें असल में क्या चाहिए</li>
          <li>6 स्टेप्स</li>
          <li>हॉट टेक्स</li>
          <li>अगली बार मैं क्या अलग करूंगी</li>
        </ul>
      </aside>

      <div className="sa-lede-body">
        <p className="dropcap">
          मुझे ये कुर्सी एक मंगलवार को Goodwill में मिली। बारह डॉलर। ठोस टीक — असली भारी वाली, IKEA-वेनियर-दिखावा वाली नहीं। मज़बूत जोड़। हैरान करने वाली आरामदायक। और इतनी आक्रामक तरह से नारंगी-शेलैक-1972 वाली फ़िनिश कि मैंने लगभग वापस रख दी थी।
        </p>

        <p>
          मैंने वापस नहीं रखी। मैं घर ले आई। मैंने उसे एक दोपहर में लगभग तीस डॉलर के सामान में रिफिनिश किया। अब वो मेरे सामने के दरवाज़े पर रहती है, उसकी सीट पर एक planter रहता है, और पिछले महीने में दो बार किसी ने पूछा है कहाँ से ली।
        </p>

        <div className="sa-pullquote">
          <p>
            हज़ार डॉलर से नीचे हर price point पर ठोस लकड़ी मर चुकी है। 1972 की जो कुर्सी तुम्हें थ्रिफ्ट स्टोर में मिलती है, उसमें असली joinery होने की संभावना उस कुर्सी से ज़्यादा है जो तुम उसी बजट में नई ख़रीदोगे।
          </p>
        </div>

        <p>
          यही पूरी पिच है थ्रिफ्ट-स्टोर फर्नीचर के लिए। हड्डियाँ अच्छी हैं। चमड़ी ग़लत है। रिफिनिशिंग — stripping नहीं, refurbishing नहीं, "मूल हालत में बहाल करना" नहीं — यही पूरा क़दम है। तुम कुर्सी छोड़ देते हो, उसकी पोशाक बदलते हो, अपनी ज़िंदगी आगे बढ़ाते हो।
        </p>

        <p>
          आगे जो है वो एक पूरा छह-स्टेप प्रोजेक्ट है <strong>तीन से चार घंटे की असली मेहनत में</strong>, प्लस उस पर बैठने से पहले 24-घंटे का cure window। इस article का हीरो एक product है जिसका नाम है <em>Rust-Oleum Chalked Paint</em> और मैं इसके लिए जूनून भर के बात करूंगी।
        </p>
      </div>

      <aside className="sa-margin">
        <span className="lab">Sam का नोट</span>
        <h4>थ्रिफ्टेड कुर्सी ख़रीदने से पहले</h4>
        <p>
          स्टोर में उस पर बैठो। अगर हिलती है, चले जाओ। हिलते जोड़ एक अलग, बड़ा प्रोजेक्ट हैं। हम आज रिफिनिश कर रहे हैं, regluing नहीं।
        </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 / सामग्री</div>
        <h2>
          तुम्हें <em>असल में</em> क्या चाहिए
        </h2>
        <p className="body">
          कुल बजट: <strong>$20–$35</strong> सामान में, ये मानते हुए कि तुम्हारे पास पहले से कुछ नहीं है। हीरो है chalked paint का एक quart। बाकी सब छोटा है।
        </p>

        <div className="sa-need-dont">
          <span className="lab">इन पर ध्यान मत दो</span>
          <ul>
            <li>
              "Furniture refinishing kit" अपसेल्स
              <span className="why">ये chalked paint और sandpaper है। Kit सिर्फ़ डिब्बे के पैसे ले रही है।</span>
            </li>
            <li>
              Bristle brushes
              <span className="why">ये brush marks छोड़ते हैं। Foam नहीं छोड़ता। Foam ख़रीदो।</span>
            </li>
            <li>
              मूल फ़िनिश stripping
              <span className="why">Chalked paint उसे कवर कर देता है। Stripping एक अलग, लंबा article है।</span>
            </li>
          </ul>
        </div>
      </div>

      <ul className="sa-need-list">
        <li>
          <span className="item">
            Rust-Oleum Chalked Paint, 1 quart
            <span className="why">रंग तुम्हारी मर्ज़ी। Sage, charcoal, cream, terracotta, soft black।</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Sandpaper, 120 grit
            <span className="why">Prep के लिए। मौजूदा फ़िनिश को scuff करता है।</span>
          </span>
          <span className="qty">×1 शीट</span>
        </li>
        <li>
          <span className="item">
            Sandpaper, 220 grit
            <span className="why">कोट्स के बीच। Brush marks हटाता है।</span>
          </span>
          <span className="qty">×1 शीट</span>
        </li>
        <li>
          <span className="item">
            Foam brush
            <span className="why">Spindles, carved details, किनारों के लिए।</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            छोटा foam roller
            <span className="why">सपाट सतहों के लिए। तेज़, चिकना। अतिरिक्त $4 के लायक।</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Clear topcoat (matte polycrylic या clear wax)
            <span className="why">Polycrylic ज़्यादा टिकाऊ है; wax में ज़्यादा गहराई। रोज़ इस्तेमाल वाली कुर्सियों के लिए polycrylic।</span>
          </span>
          <span className="qty">×½ pint</span>
        </li>
        <li>
          <span className="item">
            ड्रॉप क्लॉथ (canvas, plastic नहीं)
            <span className="why">Canvas टिका रहता है। Plastic खिसकता है जब तुम कुर्सी हिलाते हो।</span>
          </span>
          <span className="qty">×1</span>
        </li>
        <li>
          <span className="item">
            Lint-free पोंछने वाला कपड़ा
            <span className="why">कोट्स के बीच धूल के लिए।</span>
          </span>
          <span className="qty">×1</span>
        </li>
      </ul>
    </div>
  </section>
);

/* ============ STEPS ============ */
const STEPS = [
  {
    n: "01",
    phase: "Prep · 5 मिनट",
    title: "पहले कुर्सी साफ़ करो।",
    flip: false,
    body: (
      <>
        <p>
          एक नम कपड़े से पोंछो और पूरी तरह सूखने दो। कोई भी ग्रीस, धूल, या थ्रिफ्ट-स्टोर का रहस्यमय अवशेष paint के चिपकने को बिगाड़ देगा।
        </p>
        <p>
          ये स्टेप पाँच मिनट लेता है और लोग हमेशा इसे छोड़ देते हैं। <em>मत छोड़ो।</em> कुर्सी किसी के basement में पड़ी थी, फिर एक warehouse में, फिर थ्रिफ्ट स्टोर के sales floor पर, फिर तुम्हारी trunk में। उस पर जो भी है, तुम नहीं चाहते कि वो तुम्हारे paint के नीचे sealed हो जाए।
        </p>
      </>
    ),
    tip: { lab: "Sam की आलसी टिप:", text: "अगर मौजूदा फ़िनिश में तुम्हें अपनी परछाईं दिख रही है, तो पानी से पहले एक त्वरित degreaser से पोंछ लो। पुरानी kitchen कुर्सियों पर ख़ास तौर पर — उन्होंने चालीस साल की उँगलियों के निशान सोखे हैं।" },
    fig: {
      img: "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=1200&q=80",
      tag: "Fig 01 · पोंछना",
      cap: "पाँच मिनट जो कोई बिताना नहीं चाहता।",
    },
    says: "मैं ये drop cloth पर कुर्सी उल्टी रख कर करती हूँ। हर सतह दिख जाती है और जिस under-rail की धूल लोग भूल जाते हैं वो भी पकड़ में आ जाती है।",
  },
  {
    n: "02",
    phase: "सैंड · 15 मिनट",
    title: "120 grit से हल्की सैंडिंग करो।",
    flip: true,
    body: (
      <>
        <p>
          तुम <em>पूरी फ़िनिश नहीं उतार रहे</em> — बस उसे scuff कर रहे हो ताकि paint को पकड़ने को कुछ मिले। सभी सपाट सतहों पर जाओ और लकड़ी पर grain के साथ चलो। काम ख़त्म होने पर एक नम lint-free कपड़े से धूल पोंछ दो।
        </p>
        <p>
          पूरी सैंडिंग शायद पंद्रह मिनट लगेगी। लक्ष्य है कुर्सी को glossy और slick से थोड़ा hazy बनाना। <strong>अगर सैंडिंग के बाद भी ये कांच जैसी लगती है, और सैंडिंग करो।</strong>
        </p>
      </>
    ),
    tip: { lab: "Spindles में मत सैंड करो", text: "Carved details वैसे भी paint से ढक जाते हैं। बस सपाट हिस्सों पर मारो: सीट का ऊपर, leg के सामने, arm के ऊपर। वो जगहें जहाँ paint visually दिखेगा।" },
    fig: {
      img: "https://images.unsplash.com/photo-1565793298595-6a879b1d9492?w=1200&q=80",
      tag: "Fig 02 · scuff",
      cap: "चमकदार → धुंधला। बस इतना ही।",
    },
  },
  {
    n: "03",
    phase: "Paint · 30 मिनट + सूखना",
    title: "पहला कोट — पतला, बदसूरत, ठीक है।",
    flip: false,
    body: (
      <>
        <p>
          <em>इसे ढेर मत लगाओ।</em> पतले, बराबर strokes। पहले कोट के बाद ये बहुत बुरा दिखेगा और ये बिल्कुल सामान्य है — chalked paint हमेशा ऐसा करता है। धारीदार। धब्बेदार। तुम्हें इसके पार मूल फ़िनिश दिखेगी। <strong>ये सही है।</strong>
        </p>
        <p>
          सूखने दो। Chalked paint लगभग तीस मिनट में सूखता है, लेकिन मैं आमतौर पर सुरक्षा के लिए पूरा एक घंटा रुकती हूँ। <em>गीले रहते उभरे धब्बों को ठीक करने की इच्छा से लड़ो।</em> तुम उन्हें कोट दो में ठीक करोगे।
        </p>
      </>
    ),
    warn: { lab: "ध्यान दें", text: "अगर paint can से निकलते समय गाढ़ा लगे, तो उसे हिलाओ — पानी मत डालो। Chalked paint can की consistency पर लगाने के लिए बना है। पानी डालने से coverage ख़त्म हो जाता है।" },
    fig: {
      img: "https://images.unsplash.com/photo-1562259949-e8e7689d7828?w=1200&q=80",
      tag: "Fig 03 · कोट 1",
      cap: "बदसूरत ठीक है। ईमानदार ज़रूरी है।",
    },
    says: "सीट और सपाट panels के लिए foam roller। Spindles, arms के नीचे, और carved हिस्सों के लिए foam brush।",
  },
  {
    n: "04",
    phase: "सैंड · 5 मिनट",
    title: "220 grit से हल्की सैंडिंग दोबारा करो।",
    flip: true,
    body: (
      <>
        <p>
          यही फ़िनिश को चिकना बनाता है textured के बजाय। बस एक त्वरित pass — तुम brush marks हटा रहे हो, paint नहीं। Lint-free कपड़े से धूल पोंछ दो।
        </p>
        <p>
          220 grit इतना बारीक है कि तुम इसे ख़राब नहीं कर सकते जब तक कि power sander से ज़ोर से न दबाओ। <em>हाथ से, ठीक रहोगे।</em>
        </p>
      </>
    ),
    fig: {
      img: "https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?w=1200&q=80",
      tag: "Fig 04 · चिकनाहट",
      cap: "पाँच मिनट। फ़िनिश-क्वालिटी वाला स्टेप।",
    },
  },
  {
    n: "05",
    phase: "Paint · 30 मिनट + सूखना",
    title: "दूसरा कोट — यहीं से ये काम करना शुरू करता है।",
    flip: false,
    body: (
      <>
        <p>
          वही पतले, बराबर strokes। ज़्यादातर कुर्सियों को सिर्फ़ दो कोट चाहिए। <em>अगर दूसरे कोट के सूखने के बाद कहीं अभी भी दिख रहा है, तो तीसरा कर दो।</em> तीसरे कोट में कोई शर्म नहीं। एक मोटे दूसरे कोट से बेहतर है जो टपके।
        </p>
        <p>
          Sealing से पहले कम से कम एक घंटा सूखने दो। कुर्सी अब <strong>तैयार</strong> दिखनी चाहिए, paint-में-ढकी नहीं। अगर अभी भी painted कुर्सी जैसी दिखती है, तुम्हें एक और कोट चाहिए।
        </p>
      </>
    ),
    fig: {
      img: "https://images.unsplash.com/photo-1503602642458-232111445657?w=1200&q=80",
      tag: "Fig 05 · कोट 2",
      cap: "अब ये कुर्सी है, प्रोजेक्ट नहीं।",
    },
    says: "कोट्स के बीच छह फीट पीछे हटो। चीज़ कमरे के दूसरी तरफ़ से क़रीब से एकदम अलग पढ़ी जाती है। कमरे का view ही वो है जो मायने रखता है।",
  },
  {
    n: "06",
    phase: "Seal · 15 मिनट + 24 घंटे cure",
    title: "Seal करो। फिर हट जाओ।",
    flip: true,
    body: (
      <>
        <p>
          Chalked paint बिना topcoat के खरोंच जाता है। Clear wax या matte polycrylic दोनों चलते हैं। एक साफ़ foam brush से एक पतली परत लगाओ, grain के साथ काम करते हुए। कुर्सी असल में इस्तेमाल करने से पहले <strong>चौबीस घंटे</strong> cure होने दो।
        </p>
        <p>
          यही धैर्य वाला हिस्सा है। कुर्सी कोट दो के बाद तकनीकी रूप से <em>तैयार</em> है — लेकिन अगर तुम sealer cure होने से पहले उस पर बैठ गए, तो दो हफ़्तों में paint घिस जाएगा। चौबीस घंटे। <em>टाइमर लगाओ।</em>
        </p>
      </>
    ),
    tip: { lab: "Wax बनाम polycrylic", text: "Wax में ज़्यादा गहराई है — vintage दिखता है, हाथ से बना लगता है। Polycrylic में ज़्यादा टिकाऊपन — रोज़ बैठने वाली कुर्सी के लिए बेहतर। एंट्रीवे एक्सेंट कुर्सी जो ज़्यादातर planter रखती है, wax। Kitchen कुर्सी के लिए, polycrylic।" },
    fig: {
      img: "https://images.unsplash.com/photo-1572297870735-d68a30c0e603?w=1200&q=80",
      tag: "Fig 06 · cure",
      cap: "वो हिस्सा जो ज़्यादातर इंतज़ार है।",
    },
    says: "मैं उस पर एक sticky note लगाती हूँ जिस पर लिखा होता है DO NOT SIT और 24 घंटे आगे की तारीख़। मैंने ये सबक़ ख़ुद सीखा है।",
  },
];

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>
          <em>छह</em> स्टेप्स
        </h2>
        <span className="count">06 स्टेप्स · ≈3 घंटे ACTIVE · 24 घंटे CURE</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">Sam के हॉट टेक्स</span>
        <h2>
          जिनसे मैं <em>थक</em> चुकी हूँ
        </h2>
      </header>
      <div className="sa-hottakes-list">
        <div className="sa-take">
          <div className="num">i.</div>
          <h3>एकदम-नई फर्नीचर पर "distressing" करना</h3>
          <p>
            अगर तुमने नया ख़रीदा है, उसे छोड़ दो। Distressed फ़िनिश काम इसलिए करती है क्योंकि थ्रिफ्टेड फर्नीचर चालीस साल की ज़िंदगी से पहले से distressed होता है। कल ख़रीदी चीज़ में नक़ली घिसाव sand करना cosplay है।
          </p>
        </div>
        <div className="sa-take">
          <div className="num">ii.</div>
          <h3>"समय बचाने" के लिए topcoat छोड़ना</h3>
          <p>
            Topcoat ही फ़र्क़ है एक साल चलने वाली कुर्सी और तीसरे महीने तक छिलने वाली कुर्सी के बीच। <em>चौबीस घंटे का इंतज़ार प्रोजेक्ट दोबारा करने से छोटा है।</em>
          </p>
        </div>
        <div className="sa-take">
          <div className="num">iii.</div>
          <h3>chalked-paint के विकल्प के तौर पर spray paint</h3>
          <p>
            अलग फ़िनिश, अलग coverage, अलग टिकाऊपन। Spray paint metal और छोटे हिस्सों के लिए है। लकड़ी के फर्नीचर के लिए जिसे तुम रोज़ छुओगे, हर बार brushed-on chalked paint।
          </p>
        </div>
        <div className="sa-take">
          <div className="num">iv.</div>
          <h3>ऐसा रंग चुनना जो "तुम्हारे decor से मेल खाए"</h3>
          <p>
            कुर्सी एक्सेंट है। अगर वो कमरे की हर चीज़ से मेल खाती है, तो वो ग़ायब हो जाती है। ऐसा रंग चुनो जो कमरे से थोड़ा लड़े। गर्म कमरे में sage। ठंडे में terracotta। Charcoal कहीं भी।
          </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">
        अगली बार
        <br />
        <em style={{ color: "#D97A4F" }}>क्या अलग</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>
          अगली बार मैं क्या <em>अलग</em> करूंगी
        </h2>
        <p>
          पहली कुर्सी जो मैंने रिफिनिश की, मैंने sealer छोड़ने की कोशिश की क्योंकि मैं इंतज़ार से थक गई थी। तीसरे महीने तक, सीट पर वहाँ एक घिसा हुआ patch था जहाँ मैं बैठती थी। मुझे पूरा ऊपरी हिस्सा सैंड करना पड़ा और कोट दो और तीन से दोबारा शुरू करना पड़ा। <strong>मेरी तरह मत बनो।</strong> चौबीस घंटे का इंतज़ार प्रोजेक्ट दोबारा करने से छोटा है।
        </p>
        <p>
          मैं <strong>पुरानी मुझे</strong> क्या बताती: foam brush के अलावा foam roller भी ख़रीदो। Brush spindles और carved details संभालता है, roller सपाट सतहों को एक चौथाई समय में संभालता है और एक चिकनी फ़िनिश छोड़ता है। छह डॉलर अच्छे से ख़र्च हुए।
        </p>
        <p>
          और मैं ज़्यादा तेज़ रंग पहले चुनती। पहली कुर्सी cream थी। ठीक कुर्सी है, लेकिन दीवार से ग़ायब हो जाती है। दूसरी sage थी। तीसरी terracotta थी। Terracotta वाली ही फ़ोटो में दिखती है। <em>कुर्सी एक्सेंट है। उसे एक्सेंट बनने दो।</em>
        </p>
      </div>
    </div>
  </section>
);

/* ============ COMMENTS ============ */
const Comments = () => (
  <section className="sa-comments">
    <div className="sa-comments-wrap">
      <header className="sa-comments-head">
        <h2>
          <em>पाठकों</em> से
        </h2>
        <span className="meta">14 चिट्ठियाँ · ज़्यादातर DRESSERS</span>
      </header>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Maya R.</span>
          <span>Phoenix, AZ</span>
          <span className="when">2 हफ़्ते पहले</span>
        </div>
        <div className="body">
          <p>
            पिछले वीकेंड कुर्सी के बजाय 20 डॉलर के dresser के साथ ये किया। स्टेप 6 ने मुझे बचा लिया — मैं ग़लत stripper इस्तेमाल करने वाली थी और वेनियर बर्बाद हो जाता। ड्रॉअर के सामने वाले हिस्से ज़बरदस्त निकले। मैचिंग nightstand के लिए वापस जा रही हूँ।
          </p>
          <div className="sa-reply">
            <span className="lab">Sam ने जवाब दिया</span>
            <p>
              please dresser की फ़ोटो भेजो। और nightstand की भी जब तुम उसे bag कर लो।
              <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">3 हफ़्ते पहले</span>
        </div>
        <div className="body">
          <p>
            Topcoat छोड़ दिया। एक महीने बाद इस article को दोबारा पढ़ने आया क्योंकि सीट पहले से ही घिस रही थी। सबक़ सीखा। आज restripping।
          </p>
        </div>
      </div>

      <div className="sa-comment">
        <div className="who">
          <span className="n">Priya K.</span>
          <span>Toronto, ON</span>
          <span className="when">1 महीने पहले</span>
        </div>
        <div className="body">
          <p>
            सवाल — मेरी कुर्सी में cane seat है। क्या मैं cane को भी paint करूँ या उसे tape कर दूँ?
          </p>
          <div className="sa-reply">
            <span className="lab">Sam ने जवाब दिया</span>
            <p>
              tape कर दो। Cane paint सोखता है और कुरकुरा हो जाता है। ये कुर्सी का सबसे ख़ूबसूरत हिस्सा है, छोड़ दो। बस लकड़ी का frame paint करो।
              <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">5 हफ़्ते पहले</span>
        </div>
        <div className="body">
          <p>
            Property manager हूँ। हम अपने short-term rentals में जो भी कुर्सी बदलते हैं उसे इसी तरीक़े से रिफिनिश करता हूँ। 25 डॉलर का सामान हर छह महीने में नई कुर्सी से सस्ता है। पूरी टीम को forward कर रहा हूँ।
          </p>
        </div>
      </div>
    </div>
  </section>
);

/* ============ SIGNOFF ============ */
const Signoff = () => (
  <section className="sa-signoff">
    <div className="sa-signoff-wrap">
      <div>
        <h2>
          बस इतना ही। <em>एक कुर्सी ढूंढो।</em>
        </h2>
        <p>
          अगर तुमने ये आज़माया और काम किया — या नहीं किया — मैं उसके बारे में सुनना चाहती हूँ। पहले और बाद की फ़ोटो, क्या बदला, अगली बार क्या अलग करोगे। मैं जो भी आता है सब पढ़ती हूँ।
        </p>
        <div className="sig">— Sam</div>
        <div className="ctas" style={{ marginTop: 28 }}>
          <a href="/contact/" className="btn primary">
            फ़ोटो भेजें →
          </a>
          <a href="/hi/contributors/sam/" className="btn ghost">
            Sam से और
          </a>
        </div>
      </div>
      <div className="sa-readnext">
        <span className="lab">अगला पढ़ें</span>
        <a href="/hi/contributors/sam/how-to-hang-something-heavy-without-asking-anyone-for-help/">
          <span>बिना किसी से मदद माँगे भारी चीज़ टांगें</span>
          <span className="m">45 मिनट</span>
        </a>
        <a href="/en/decorate/kitchen/">
          <span>सजाना × Kitchen — paint और finish प्रोजेक्ट्स</span>
          <span className="m">HUB</span>
        </a>
        <a href="/en/decorate/living-room/">
          <span>सजाना × Living Room</span>
          <span className="m">HUB</span>
        </a>
        <a href="/hi/contributors/sam/">
          <span>Sam की सभी गाइड्स</span>
          <span className="m">PROFILE</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 />);