/* global React, Reveal */

// =========================================================
// SAID THIS — the "why before how" beat. First content
// section after the hero; hands off into the quiet-thoughts list.
// Three real things people say are the focal point; body beneath.
// No icons, no CTA.
// =========================================================
function SaidThis() {
  const quotes = [
    <>&ldquo;I don&rsquo;t want to be working <em>all my life</em>.&rdquo;</>,
    <>&ldquo;I need to find a way to replace my job. <em>I need a way out</em>.&rdquo;</>,
    <>&ldquo;I want to be there for my family &mdash; to actually travel, to <em>live my life</em>.&rdquo;</>,
    <>&ldquo;I can&rsquo;t see myself like this <em>forever</em>.&rdquo;</>,
    <>&ldquo;People at my work keep getting made redundant. <em>I could be next</em>.&rdquo;</>,
  ];

  return (
    <section id="said" className="section sd" data-screen-label="You've said this">
      <div className="container">
        <div className="sd__grid">
          <div className="sd__left">
            <Reveal className="sd__head">
              <div className="eyebrow">Before the how</div>
              <h2 className="display sd__title">You&rsquo;ve said some version of this.</h2>
            </Reveal>

            <Reveal className="sd__body" delay={120}>
              <p>
                None of that is about Amazon. It&rsquo;s not about listings, logistics, or
                &ldquo;passive income.&rdquo; It&rsquo;s about your time, the people who matter, and
                waking up with some say over your own day. Wanting that doesn&rsquo;t make you
                ungrateful or restless. It makes you honest.
              </p>
              <p>
                The business is just the vehicle &mdash; <b>your life is the point.</b> It&rsquo;s easy
                to forget that when every coach online is selling you a dashboard. Here&rsquo;s the
                straight version: <b>that life is reachable.</b> Not in 90 days, and not without real
                work &mdash; but reachable, on an honest path, with someone who&rsquo;s actually
                walked it. That&rsquo;s what the rest of this page is about.
              </p>
            </Reveal>
          </div>

          <div className="sd__thread">
            {quotes.map((q, i) => (
              <Reveal key={i} className="sd__node" delay={i * 100}>
                <p className="sd__bub">{q}</p>
              </Reveal>
            ))}
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { SaidThis });