import { Metadata } from 'next';
import Image from 'next/image';
import Link from 'next/link';

export const metadata: Metadata = {
  title: 'Consulting',
  description: 'Individual consulting sessions with Katheryn Trenshaw. Professional, personal, and artistic development.',
};

export default function ConsultingPage() {
  return (
    <div className="min-h-screen bg-white pt-24">
      {/* Hero Section */}
      <section className="relative min-h-[60vh] flex items-center">
        {/* Background Image */}
        <div className="absolute inset-0">
          <Image
            src="/images/consulting.jpg"
            alt="Katheryn Trenshaw presenting"
            fill
            className="object-cover"
            priority
            sizes="100vw"
          />
          <div className="absolute inset-0 bg-black/50" />
        </div>

        {/* Content */}
        <div className="relative z-10 mx-auto max-w-4xl px-4 text-center text-white py-20">
          <p className="text-xs uppercase tracking-[0.3em] opacity-80 mb-4">Work With Me</p>
          <h1 className="font-serif text-4xl md:text-5xl lg:text-6xl mb-6">Consulting</h1>
          <p className="text-lg md:text-xl opacity-90 max-w-2xl mx-auto">
            Revealing what is essential, authentic and true
          </p>
        </div>
      </section>

      {/* Main Content */}
      <section className="py-20">
        <div className="mx-auto max-w-3xl px-4">
          <div className="prose prose-lg mx-auto text-gray-600">
            <p className="text-xl leading-relaxed">
              Katheryn consults with individuals, couples, small groups and organisations.
              Individual 2 hour, half day and day long sessions are available.
            </p>

            <p>
              Sessions are geared to revealing and discovering what is essential, authentic
              and true. From these innate strengths and natural abilities, individuals and
              organizations thrive.
            </p>

            <p>
              This inside out approach allows for a natural flow. From this, satisfaction
              and success arise effortlessly. These sessions can be used for professional,
              personal, and artistic development.
            </p>
          </div>

          <div className="mt-12 text-center">
            <Link
              href="/contact"
              className="inline-block px-8 py-4 bg-[#222] text-white text-sm uppercase tracking-wider rounded-full hover:bg-[#444] transition-colors"
            >
              Get in Touch
            </Link>
          </div>
        </div>
      </section>

      {/* Quote */}
      <section className="py-16 bg-gray-50">
        <div className="mx-auto max-w-3xl px-4 text-center">
          <blockquote className="font-serif text-2xl text-[#222] italic">
            &ldquo;Take care. Take risks.&rdquo;
          </blockquote>
          <footer className="mt-4 text-sm uppercase tracking-wider text-gray-500">
            &mdash; Katheryn Trenshaw
          </footer>
        </div>
      </section>

      {/* Online Sessions */}
      <section className="py-20">
        <div className="mx-auto max-w-3xl px-4">
          <h2 className="font-serif text-3xl text-[#222] text-center mb-12">
            Online Sessions Available
          </h2>

          <div className="prose prose-lg mx-auto text-gray-600">
            <p>
              Katheryn is available to work with you individually, on video call, or consult
              with your group or organisation in person. Inquire for availability.
            </p>

            <p>
              This is a unique opportunity to speak privately with international artist,
              author & speaker Katheryn Trenshaw. Join from the comfort of your own home
              via videoconference.
            </p>

            <p>
              In this safe, confidential space, explore your deepest calling, and what
              holds you back. It&apos;s Katheryn&apos;s joy to offer focused attention about what
              truly matters to you.
            </p>
          </div>
        </div>
      </section>

      {/* Approach */}
      <section className="py-20 bg-gray-50">
        <div className="mx-auto max-w-3xl px-4">
          <h2 className="font-serif text-3xl text-[#222] text-center mb-12">
            The Approach
          </h2>

          <div className="prose prose-lg mx-auto text-gray-600">
            <p>
              Katheryn meets you in Presence. Whatever challenges you face, she strips bare
              the excess and guides you home to the now.
            </p>

            <p>
              Katheryn has been teaching and traveling Internationally for more than 30 years,
              holding workshops and retreats and sharing a provocative message of embodied
              consciousness, awakening, non-duality and living in the present moment.
              Passionate Presence.
            </p>

            <p>
              She creates a safe, loving space where you can explore your most uncomfortable
              feelings, bring awareness to your troubling thoughts, and express the authentic
              truth and courage of your inner world.
            </p>
          </div>
        </div>
      </section>

      {/* Testimonial */}
      <section className="py-20 bg-white">
        <div className="mx-auto max-w-3xl px-4 text-center">
          <blockquote className="font-serif text-xl md:text-2xl text-[#222] italic leading-relaxed">
            &ldquo;My session with Katheryn was powerful and surprisingly potent. It changed
            my perspective and helped me see how I keep myself unnecessarily anxious and
            actively block joy. I can see much more clearly how I can have a life where I
            feel at home and more alive without effort. A life of actually living fully.&rdquo;
          </blockquote>
          <footer className="mt-6 text-sm uppercase tracking-wider text-gray-500">
            &mdash; K.N.
          </footer>
        </div>
      </section>

      {/* Rumi Quote */}
      <section className="py-16 bg-[#222] text-white">
        <div className="mx-auto max-w-3xl px-4 text-center">
          <blockquote className="font-serif text-xl md:text-2xl italic leading-relaxed opacity-90">
            &ldquo;Out beyond ideas of wrongdoing and rightdoing there is a field.
            I&apos;ll meet you there.&rdquo;
          </blockquote>
          <footer className="mt-4 text-sm uppercase tracking-wider opacity-60">
            &mdash; Rumi
          </footer>
        </div>
      </section>

      {/* CTA */}
      <section className="py-20">
        <div className="mx-auto max-w-2xl px-4 text-center">
          <h2 className="font-serif text-3xl text-[#222] mb-6">Ready to Begin?</h2>
          <p className="text-gray-600 mb-8">
            Reach out to discuss how consulting might support your journey.
          </p>
          <Link
            href="/contact"
            className="inline-block px-8 py-4 bg-[#222] text-white text-sm uppercase tracking-wider rounded-full hover:bg-[#444] transition-colors"
          >
            Inquire Now
          </Link>
        </div>
      </section>
    </div>
  );
}
