// About — Meet Brittney (real copy from the live About page)

const AboutPage = () => (
  <main>
    <section className="section section-cream">
      <div className="container" style={{
        display: "grid", gridTemplateColumns: ".95fr 1.05fr", gap: 64, alignItems: "center",
      }}>
        <div style={{ position: "relative" }}>
          <div style={{ position: "absolute", inset: "-5% 5% -5% -8%", background: "var(--aa-mint-200)", borderRadius: 22, zIndex: 0, opacity: .85 }}/>
          <img src="assets/photo-brittney-curls.webp" alt="Brittney Edwards"
               style={{ position: "relative", zIndex: 1, width: "100%", height: 600, objectFit: "cover", objectPosition: "center 18%", borderRadius: 18, boxShadow: "0 22px 60px rgba(20,57,58,.20)" }}/>
        </div>
        <div>
          <Eyebrow>Hi, I'm Brittney</Eyebrow>
          <h1 className="h-display" style={{ fontSize: 56, margin: "16px 0 24px" }}>
            Meet Brittney Edwards: Your <em className="serif-em">Integrated Attachment Theory</em> Coach.
          </h1>
          <p className="body-lg" style={{ marginBottom: 18 }}>
            Hi, I'm Brittney Edwards, a certified Integrated Attachment Theory relationship
            coach and the founder of Aligned Attachments LLC. I help adults with anxious and
            fearful avoidant attachment styles fix the subconscious patterns that keep
            showing up in their relationships and build the emotional safety and security
            they've been missing.
          </p>
          <p className="body-lg" style={{ marginBottom: 28 }}>
            <strong style={{ color: "var(--aa-ink-1000)" }}>This work is personal to me.</strong>
          </p>
          <Btn variant="dark" href="#/contact" onClick={navTo("contact")}>Let's Connect</Btn>
        </div>
      </div>
    </section>

    {/* PERSONAL STORY */}
    <section className="section section-white">
      <div className="container-narrow">
        <div className="body-lg">
          <p style={{ marginTop: 0 }}>
            I understand what it's like to crave deep connection while feeling overwhelmed
            by it, to overthink, shut down, people-please, or pull away even when you care
            deeply. I've lived the process of unlearning unhealthy attachment patterns and
            rebuilding secure connection from the inside out. It's deep, focused work, and
            meaningful change often happens faster than people expect.
          </p>
          <p>
            That's why my approach goes beyond awareness and insight. In our work together,
            we focus on uncovering the beliefs and nervous system responses driving your
            reactions, then building real-life skills for emotional regulation, communication,
            boundaries, and self-trust. The goal is not just understanding your attachment
            style. It is learning how to actually <em>change</em> it and become secure.
          </p>
          <blockquote style={{
            fontFamily: "var(--aa-font-display)", fontStyle: "italic", fontWeight: 500,
            fontSize: 28, lineHeight: 1.4, color: "var(--aa-teal-800)",
            margin: "36px 0", padding: "8px 0 8px 24px",
            borderLeft: "3px solid var(--aa-mint-400)",
            textWrap: "balance",
          }}>
            Your attachment patterns once served a purpose, but they do not have to run
            your relationships forever.
          </blockquote>
          <p>
            With the right guidance and tools, you can stop repeating exhausting cycles and
            start experiencing relationships that feel stable, emotionally safe, and fulfilling.
          </p>
          <p>
            When I'm not coaching, I'm spending time with my two children, continuing my
            education to better support my clients, or immersing myself in music and live concerts.
          </p>
          <p style={{ marginBottom: 0 }}>
            If you're ready to stop surviving your relationships and start feeling secure in
            them, I'd love to support you.
          </p>
        </div>
        <div style={{ marginTop: 36, display: "flex", gap: 14, flexWrap: "wrap" }}>
          <Btn variant="dark" href="#/work-with-me" onClick={navTo("work-with-me")}>Apply For Coaching</Btn>
          <Btn variant="outline" href="#/services" onClick={navTo("services")}>Book A Free Consultation</Btn>
        </div>
      </div>
    </section>

    {/* PHILOSOPHY + EXPERIENCE */}
    <section className="section section-cream">
      <div className="container">
        <div className="two-col-grid">
          <div className="card-soft">
            <Eyebrow>My Philosophy</Eyebrow>
            <h3 style={{ marginTop: 14 }}>True healing comes from within.</h3>
            <p>
              I believe that true healing comes from a balance of self-awareness,
              compassion, and practical tools. Lasting transformation begins with
              understanding the emotions, subconscious patterns, and limiting beliefs
              that shape our lives.
            </p>
          </div>
          <div className="card-soft">
            <Eyebrow>My Experience</Eyebrow>
            <h3 style={{ marginTop: 14 }}>From personal practice to certified coaching.</h3>
            <p>
              Over the past two years, I've helped friends and family uncover subconscious
              patterns, reprogram limiting beliefs, improve emotional regulation skills, and
              develop healthier relationships. This work inspired me to turn my passion into
              a career, becoming a certified Integrated Attachment Theory coach to help even
              more people thrive.
            </p>
          </div>
        </div>
      </div>
    </section>

    {/* CTA */}
    <section className="mint-cta">
      <div className="container mint-cta-inner">
        <div>
          <h2>Ready to start the work?</h2>
          <p>Book a free 15-minute consultation to discover your attachment style.</p>
        </div>
        <Btn variant="dark" href="#/services" onClick={navTo("services")}>Reserve Your Spot</Btn>
      </div>
    </section>
  </main>
);

window.AboutPage = AboutPage;