/* SampleChapter.jsx — read-an-excerpt block styled like an opened book page */

function SampleChapter() {
  return (
    <section className="section sample" id="sample">
      <div className="container sample-grid">
        <div className="sample-intro">
          <div className="section-thread" aria-hidden="true"></div>
          <h2>Sample chapter</h2>
          <p className="sample-body">
            Start with the introduction — how three decades of constructionism took
            root in Thai villages, schools, and factories, and what it asks of the
            rest of us.
          </p>
          <div className="hero-actions">
            <a className="btn primary" href="https://mitpress.mit.edu/9780262052276/the-society-that-learns/" target="_blank" rel="noopener">
              Download sample (PDF) <span className="arrow">→</span>
            </a>
            <a className="btn ghost" href="https://doi.org/10.7551/mitpress/15483.001.0001" target="_blank" rel="noopener">
              Read the introduction <span className="arrow">→</span>
            </a>
          </div>
        </div>

        <figure className="sample-page" aria-label="Excerpt from the book">
          <div className="sample-page-marker">Chapter 1 · Introduction</div>
          <p className="sample-excerpt">
            “When learners at the margins of society are equipped with the skills and
            agency to succeed, they can create solutions outside of formal schooling
            that respond to their communities’ needs.”
          </p>
          <p className="sample-cont">
            The richly documented case studies in this book show how the Thai
            Constructionist community applied this philosophy to transform agricultural
            practices, educational methods, economic development in villages, and
            industrial and business processes.
          </p>
          <div className="sample-folio">1</div>
        </figure>
      </div>
    </section>
  );
}

window.SampleChapter = SampleChapter;