// Free workbook download page

const FreeWorkbookPage = () => (
  <main>
    <section className="page-header">
      <div className="container-narrow">
        <Eyebrow>Free Resource</Eyebrow>
        <h1>Unlock your full potential with <em>Aligned Attachments.</em></h1>
        <p>
          Download your free Subconscious Reprogramming Workbook below — the same starter
          framework I take 1:1 clients through.
        </p>
      </div>
    </section>

    <section className="section section-cream" style={{ paddingTop: 16 }}>
      <div className="container" style={{ maxWidth: 1080 }}>
        <div className="workbook-card">
          <div>
            <Eyebrow>The Workbook</Eyebrow>
            <h2 className="h-display" style={{ fontSize: 38, margin: "12px 0 16px" }}>
              The Subconscious Reprogramming Workbook.
            </h2>
            <p className="body-lg" style={{ marginBottom: 16 }}>
              Unlock the power of your subconscious mind with this comprehensive workbook.
              Step-by-step exercises designed to help you identify and transform limiting
              beliefs, paving the way for personal growth and emotional resilience.
            </p>
            <ul style={{ listStyle: "none", padding: 0, margin: "0 0 24px", display: "flex", flexDirection: "column", gap: 10 }}>
              {[
                "Identify your attachment style",
                "Map your core wounds and limiting beliefs",
                "Daily reprogramming prompts",
                "30-day reset calendar",
              ].map(t => (
                <li key={t} style={{ paddingLeft: 26, position: "relative", fontFamily: "var(--aa-font-body)", fontSize: 16, color: "var(--aa-ink-800)" }}>
                  <span style={{ position: "absolute", left: 0, top: 0, color: "var(--aa-teal-700)", fontWeight: 700 }}>✓</span>{t}
                </li>
              ))}
            </ul>
            <div style={{ display: "flex", gap: 14, flexWrap: "wrap" }}>
              <a
                className="btn btn-dark"
                href="/assets/subconscious-reprogramming-workbook.pdf"
                download="Subconscious-Reprogramming-Workbook.pdf"
              >
                Download The Workbook (PDF)
              </a>
            </div>
            <p className="body-md" style={{ marginTop: 18, fontStyle: "italic", color: "var(--aa-ink-500)" }}>
              Free, instant download — no email required. The PDF works on any device.
            </p>
          </div>
          <div style={{
            background: "linear-gradient(180deg, var(--aa-mint-200), var(--aa-mint-100))",
            borderRadius: 22, padding: "48px 32px",
            display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 18,
            minHeight: 480,
          }}>
            <div className="workbook-book" style={{
              width: 220, height: 300,
              background: "#fff", borderRadius: 8,
              boxShadow: "0 18px 40px rgba(20,57,58,.20), 0 4px 12px rgba(20,57,58,.10)",
              display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center",
              padding: 24, textAlign: "center",
              border: "1px solid rgba(20,57,58,.10)",
            }}>
              <div style={{ fontFamily: "var(--aa-font-headline)", fontSize: 9, letterSpacing: "0.30em", color: "var(--aa-teal-700)", marginBottom: 14 }}>ALIGNED ATTACHMENTS</div>
              <div style={{ fontFamily: "var(--aa-font-display)", fontStyle: "italic", fontWeight: 500, fontSize: 26, lineHeight: 1.15, color: "var(--aa-ink-1000)", marginBottom: 14 }}>Subconscious<br/>Reprogramming<br/>Workbook</div>
              <div style={{ width: 50, height: 2, background: "var(--aa-gold-500)", margin: "10px auto" }}/>
              <div style={{ fontFamily: "var(--aa-font-body)", fontSize: 11, color: "var(--aa-ink-500)" }}>Brittney Edwards</div>
            </div>
            <div style={{ fontFamily: "var(--aa-font-headline)", fontSize: 11, letterSpacing: "0.22em", textTransform: "uppercase", color: "var(--aa-ink-700)" }}>
              Free PDF · 8 pages
            </div>
          </div>
        </div>
      </div>
    </section>

    <section className="mint-cta">
      <div className="container mint-cta-inner">
        <div>
          <h2>Ready for the deeper work?</h2>
          <p>The workbook is the first step. 1:1 coaching is the rest of the path.</p>
        </div>
        <Btn variant="dark" href="#/work-with-me" onClick={navTo("work-with-me")}>Apply For Coaching</Btn>
      </div>
    </section>
  </main>
);

window.FreeWorkbookPage = FreeWorkbookPage;