import Navigation from "@/components/Navigation";
import Footer from "@/components/Footer";
import Newsletter from "@/components/Newsletter";

export const metadata = {
  title: "Testimonials — Nusqool",
  description: "What people are saying about working with Thu Nguyen at Nusqool.",
};

const testimonials = [
  {
    quote: "Thu has a deep insight, understanding of and compassion for type A or driven personalities. She has experienced the extreme end of burnout and has a unique take on how coaching can help people through these challenges. She brings a really beautiful combination of both Eastern and Western approaches to coaching, allowing her to create a holistic approach that addresses the mind, body, and spirit.",
    name: "Jane Murray",
    title: "CEO, Peacebeam",
  },
  {
    quote: "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.",
    name: "Ideshini Naidoo",
    title: "Head of Engineering - Legal Practice, Thomson Reuters",
  },
  {
    quote: "Thu's greatest strength is that she walks the talk. Unlike other coaches, Thu is not trying to sell you a formula or a framework. She is deeply committed to her own growth and healing, and she brings that authenticity to every interaction. She creates a safe space where you can be vulnerable and honest, and she meets you with compassion and wisdom.",
    name: "Patrick Suen",
    title: "",
  },
  {
    quote: "Thu has been a great coach. As an independent entrepreneur and researcher I wanted to make sure I had the right support system in place to navigate the challenges of building a business while staying true to my values. Thu helped me see my blind spots, develop my leadership capacity, and build resilience for the long journey ahead.",
    name: "Anonymous",
    title: "Partner, Probably Studio",
  },
  {
    quote: "Thu's greatest strength is listening. More than being heard, Thu can decrypt what is being said and what is not being said. She has an uncanny ability to reflect back what you're feeling in a way that makes you feel truly seen and understood. That depth of listening is a rare gift.",
    name: "Anonymous",
    title: "",
  },
  {
    quote: "The thing that I like most about working with Thu as her coaching client is her openness, her vulnerability, and her willingness to share her own journey. It makes the coaching relationship feel reciprocal and genuine, not transactional. She creates a container of trust that allows you to go deeper than you thought possible.",
    name: "Anonymous",
    title: "",
  },
];

export default function Testimonials() {
  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">Testimonials</h1>
          <p className="body-text max-w-2xl mx-auto">
            What people are saying about working with Thu.
          </p>
        </div>
      </section>

      {/* Testimonials Grid */}
      <section className="section-padding bg-white">
        <div className="max-w-5xl mx-auto">
          <div className="grid md:grid-cols-2 gap-8">
            {testimonials.map((testimonial, index) => (
              <div
                key={index}
                className="p-8 bg-nusqool-cream rounded-sm"
              >
                <div className="text-4xl text-nusqool-yellow/40 font-serif mb-4">&ldquo;</div>
                <blockquote className="body-text text-sm mb-6 italic">
                  {testimonial.quote}
                </blockquote>
                <div>
                  <p className="font-medium text-nusqool-brown">{testimonial.name}</p>
                  {testimonial.title && (
                    <p className="text-sm text-nusqool-warmGray">{testimonial.title}</p>
                  )}
                </div>
              </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 Begin Your Journey?</h2>
          <p className="text-white/80 text-lg mb-8">
            Book a free consultation to explore how we can 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>
  );
}
