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

export const metadata = {
  title: "Coaching — Nusqool",
  description: "Thu Nguyen is a somatic leadership coach who empowers the helpers by reconnecting them to their true selves.",
};

export default function Coaching() {
  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">
            Thu Nguyen is a somatic leadership coach who empowers the helpers by reconnecting them to their true selves
          </h1>
        </div>
      </section>

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

            <div className="space-y-6 body-text">
              <p>
                Thu blends powerful somatic and nervous system regulation practices (TRE, Medical Qi Gong, Meditation) and leadership coaching (PCC, CPCC, CRTC) to help changemakers overcome burnout, stress, and trauma while unlocking their capacity to embody the change they wish to see in the world.
              </p>
              <p>
                As a BetterUp Fellow Coach, Thu has supported hundreds of founders, leaders, and executives across diverse industries &mdash; Tech, Finance, Aerospace, Energy, Education, and Social Change &mdash; in creating sustainable success by addressing both personal and professional challenges.
              </p>
              <p>
                With 20 years in tech and three startups, she understands VUCA (Volatile, Uncertain, Complex, Ambiguous) environments. After cancer, chronic illness, and burnout, she transitioned from tech to coaching, helping others transform adversity into opportunity and loss into purpose.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Services */}
      <section className="section-padding bg-nusqool-cream">
        <div className="max-w-5xl mx-auto">
          <h2 className="heading-lg text-nusqool-brown mb-12 text-center">How We Can Work Together</h2>

          <div className="grid md:grid-cols-2 gap-8">
            <div className="p-8 bg-white rounded-sm">
              <div className="text-3xl mb-4">&#128172;</div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-3">Coaching</h3>
              <p className="body-text text-sm">
                Thu coaches conscientious and compassionate leaders through personal and professional transformation, focusing on inner self-discovery and deepening emotional, social, body, and positive intelligence. She holds PCC with ICF, trained through CTI, offering 1:1 and group coaching.
              </p>
            </div>

            <div className="p-8 bg-white rounded-sm">
              <div className="text-3xl mb-4">&#127793;</div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-3">Workshops</h3>
              <p className="body-text text-sm">
                Thu hosts and co-facilitates workshops on stress and tension release, TRE practices, Qi Gong, Tai Chi, Gender Equity &amp; Reconciliation, and deep listening. She teaches weekly 1:1 and group classes in Inner Flow.
              </p>
            </div>

            <div className="p-8 bg-white rounded-sm">
              <div className="text-3xl mb-4">&#9898;</div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-3">Circles</h3>
              <p className="body-text text-sm">
                Thu hosts virtual and in-person circles and community events amplifying stillness, sharing, authenticity, creativity, and kindness. She has hosted a weekly Wednesday circle for four years as a safe contemplation and connection space.
              </p>
            </div>

            <div className="p-8 bg-white rounded-sm">
              <div className="text-3xl mb-4">&#127908;</div>
              <h3 className="text-xl font-serif text-nusqool-brown mb-3">Speaking Engagements</h3>
              <p className="body-text text-sm">
                Thu speaks at tech startups, schools, meetup groups, and podcasts on Authentic Leadership, Gender Identity and Expression, Burnout, Stress, Ikigai, Diversity, and Resilience.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Testimonial */}
      <section className="section-padding bg-nusqool-brown text-white">
        <div className="max-w-3xl mx-auto text-center">
          <blockquote>
            <p className="text-xl md:text-2xl font-serif italic leading-relaxed text-white/90">
              &ldquo;Thu possesses that rare combination of incredible gentleness and immense strength. From my first conversation with her I felt the genuine warmth of her care and compassion and I was immediately struck by her ability to impart wisdom with great kindness. She has put me onto a path of great healing; mind, body and spirit.&rdquo;
            </p>
            <footer className="mt-6 text-nusqool-yellow font-medium">
              &mdash; Ideshini Naidoo, Head of Engineering, Thomson Reuters
            </footer>
          </blockquote>
        </div>
      </section>

      {/* CTA */}
      <section className="section-padding bg-white text-center">
        <div className="max-w-2xl mx-auto">
          <h2 className="heading-lg text-nusqool-brown mb-6">Connect with Thu</h2>
          <p className="body-text mb-8">
            Book a free consultation to explore how coaching can support your journey.
          </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>
  );
}
