import Image from "next/image";
import Navigation from "@/components/Navigation";
import Footer from "@/components/Footer";
import Newsletter from "@/components/Newsletter";

export const metadata = {
  title: "About Thu — Nusqool",
  description: "Thu Nguyen is a resilience coach that helps connect you to your courage, conviction and creativity.",
};

export default function AboutThu() {
  return (
    <main>
      <Navigation />

      {/* Hero */}
      <section className="pt-28 pb-16 px-6 bg-nusqool-cream">
        <div className="max-w-4xl mx-auto text-center">
          <h1 className="heading-xl text-nusqool-brown mb-6">
            I am a resilience coach that helps connect you to your courage, conviction and creativity to be the change you wish to see in the world.
          </h1>
        </div>
      </section>

      {/* Bio with Image */}
      <section className="section-padding bg-white">
        <div className="max-w-7xl mx-auto">
          <div className="grid lg:grid-cols-2 gap-12 lg:gap-20 items-start">
            <div className="relative aspect-[4/5] rounded-sm overflow-hidden">
              <Image
                src="/images/thu-portrait.jpg"
                alt="Thu Nguyen"
                fill
                className="object-cover"
              />
            </div>

            <div className="space-y-6 body-text">
              <p>
                Thu graduated from University of Waterloo with a degree in Computer Engineering. She spent 10+ years in semiconductor and telecom companies in R&amp;D and application engineering roles, followed by 10+ years in startup leadership positions including Simply Good and LogDNA, plus co-founding Instadoodle and Flowzo.
              </p>
              <p>
                She became a certified coach through Co-Active Training Institute (CTI) in 2019, received ACC certification from International Coaching Federation (ICF) in 2020, and PCC certification in 2022.
              </p>
              <p>
                Her background spans supporting Fortune 500 leaders, academic professors, and non-profit social change leaders. She facilitates workshops on Positive Intelligence, Body Intelligence, Authentic Leadership, and Gender Equity &amp; Reconciliation.
              </p>
              <p>
                She created the 12-week Embodied Self Circle starting in 2022, now in its fifth year.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Philosophy */}
      <section className="section-padding bg-nusqool-cream">
        <div className="max-w-4xl mx-auto">
          <blockquote className="text-center">
            <p className="heading-lg text-nusqool-brown italic mb-6">
              &ldquo;Rarely are there safe spaces where someone gets you, sees your whole self and holds you.&rdquo;
            </p>
          </blockquote>
          <div className="space-y-6 body-text mt-8">
            <p>
              I take a Whole Person approach, knowing that personal thriving is related to professional outcomes. I am a good listener, compassionate, and creative. I take a collaborative and practical approach to coaching, weaving together somatic practices, nervous system regulation, and leadership development.
            </p>
          </div>
        </div>
      </section>

      {/* Credentials */}
      <section className="section-padding bg-white">
        <div className="max-w-5xl mx-auto">
          <h2 className="heading-lg text-nusqool-brown mb-12 text-center">Credentials &amp; Experience</h2>

          <div className="grid md:grid-cols-2 gap-12">
            <div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-4">Executive Coaching</h3>
              <ul className="space-y-3 body-text">
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Co-Active Professional Coaching Certification (CPCC)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Professional Certified Coach (PCC) through ICF
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Distinguished Fellow Coach at BetterUp
                </li>
              </ul>
            </div>

            <div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-4">Somatic &amp; Stress Practices</h3>
              <ul className="space-y-3 body-text">
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Medical Qi Gong Level 1 and 2 Therapist
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Certified TRE&reg; Provider
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Certified in Coaching, Neuroscience and Relational Trauma with Ann Betz
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Neuroscience of Change training with Coaches Rising
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  The Resilient Heart&trade;: Trauma-Sensitive HeartMath Certification
                </li>
              </ul>
            </div>

            <div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-4">Facilitation</h3>
              <ul className="space-y-3 body-text">
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Certified Gender Equity and Reconciliation Facilitator
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Kindness Kitchen Toronto volunteer facilitator (100+ volunteers, 1000+ meals)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Wednesday Heart Circles meditation facilitator (since 2018)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Hammock Stories podcast co-host
                </li>
              </ul>
            </div>

            <div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-4">Engineering &amp; Startups</h3>
              <ul className="space-y-3 body-text">
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  B.A.Sc Computer Engineering, University of Waterloo (2005)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Application Engineer at Marvell&apos;s Emerging Wireless ($1M to $500M growth)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  TechStars Boston (Winter 2011) &mdash; Loop app team
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  CEO/Co-Founder of Flowzo (Alchemist Accelerator Class XV)
                </li>
                <li className="flex items-start">
                  <span className="text-nusqool-yellow mr-3 mt-1">&#10003;</span>
                  Early team member at LogDNA (YC W15, $60M funding)
                </li>
              </ul>
            </div>
          </div>
        </div>
      </section>

      {/* CTA */}
      <section className="section-padding bg-nusqool-brown text-white text-center">
        <div className="max-w-2xl mx-auto">
          <h2 className="heading-lg text-nusqool-yellow mb-6">Ready to Connect?</h2>
          <p className="text-white/80 text-lg mb-8">
            Book a call to explore how we might work together.
          </p>
          <a
            href="https://calendly.com/nusqool/connect"
            target="_blank"
            rel="noopener noreferrer"
            className="btn-primary"
          >
            Book a Call
          </a>
        </div>
      </section>

      <Newsletter />
      <Footer />
    </main>
  );
}
