Add Work With Me pages with content from original site

- Add Passionate Presence Centre page with Living Awake series
- Add Consulting page with approach and testimonials
- Add 1-to-1 Sessions page with session types and areas of focus
- Update navigation to link to new pages
- Add images for all three pages

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/app/1to1/page.tsx

@@ -0,0 +1,231 @@
+import { Metadata } from 'next';
+import Image from 'next/image';
+import Link from 'next/link';
+
+export const metadata: Metadata = {
+  title: '1-to-1 Sessions',
+  description: 'Individual sessions with Katheryn Trenshaw. Trauma-informed, somatic-based art therapy for individuals and couples.',
+};
+
+export default function OneToOneSessionsPage() {
+  return (
+    <div className="min-h-screen bg-white pt-24">
+      {/* Header */}
+      <section className="border-b border-gray-200">
+        <div className="mx-auto max-w-7xl px-4 py-16 text-center">
+          <p className="text-xs uppercase tracking-[0.3em] text-gray-500 mb-4">Work With Me</p>
+          <h1 className="font-serif text-4xl md:text-5xl text-[#222]">Sessions</h1>
+          <p className="mt-4 font-serif text-2xl text-gray-600">1 to 1 sessions</p>
+        </div>
+      </section>
+
+      {/* Main Description */}
+      <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 is a freedom doula. She is a pioneer in trauma-informed, somatic-based
+              art therapy.
+            </p>
+
+            <p>
+              Katheryn has worked internationally with groups, couples, individuals and
+              organisations for over 35 years. She inspires passionate presence by helping
+              people to embrace paradox and non-duality: shadow/shame, PTS, childhood trauma,
+              long-term illness and facing mortality/grief &mdash; revealing the hidden to
+              liberate freedom with curiosity, creativity and courage.
+            </p>
+
+            <p>
+              My work is rooted in an art-and-somatic-therapy approach to revealing what
+              is essential, authentic and true.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      {/* Session Types */}
+      <section className="py-20 bg-gray-50">
+        <div className="mx-auto max-w-6xl px-4">
+          <h2 className="font-serif text-3xl text-[#222] text-center mb-16">Session Types</h2>
+
+          <div className="grid gap-12 lg:grid-cols-2">
+            {/* Individual Sessions */}
+            <div className="relative">
+              <div className="aspect-[4/3] relative mb-8 overflow-hidden">
+                <Image
+                  src="/images/sessions-individual.jpg"
+                  alt="Individual Sessions"
+                  fill
+                  className="object-cover"
+                  sizes="(max-width: 1024px) 100vw, 50vw"
+                />
+              </div>
+              <h3 className="font-serif text-2xl text-[#222] mb-4">Individual Sessions</h3>
+              <p className="text-gray-600 mb-6">
+                One-on-one sessions tailored to your personal journey. A safe, confidential
+                space to explore your deepest calling and what holds you back. Available
+                in person or via video call.
+              </p>
+              <Link
+                href="/contact"
+                className="inline-block text-sm text-[#222] underline underline-offset-4 hover:no-underline"
+              >
+                Book a session
+              </Link>
+            </div>
+
+            {/* Couples Sessions */}
+            <div className="relative">
+              <div className="aspect-[4/3] relative mb-8 overflow-hidden">
+                <Image
+                  src="/images/sessions-couples.jpg"
+                  alt="Couples Sessions"
+                  fill
+                  className="object-cover"
+                  sizes="(max-width: 1024px) 100vw, 50vw"
+                />
+              </div>
+              <h3 className="font-serif text-2xl text-[#222] mb-4">Couples Sessions</h3>
+              <p className="text-gray-600 mb-6">
+                Work together with your partner in a supportive environment. Explore
+                communication, connection, and creative expression as a couple. Sessions
+                available in person or online.
+              </p>
+              <Link
+                href="/contact"
+                className="inline-block text-sm text-[#222] underline underline-offset-4 hover:no-underline"
+              >
+                Book a session
+              </Link>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* What to Expect */}
+      <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">What to Expect</h2>
+
+          <div className="space-y-8">
+            <div className="flex gap-6">
+              <div className="flex-shrink-0 w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center">
+                <span className="font-serif text-xl text-[#222]">1</span>
+              </div>
+              <div>
+                <h3 className="font-serif text-xl text-[#222] mb-2">Safe, Confidential Space</h3>
+                <p className="text-gray-600">
+                  A nurturing environment where you can explore your most uncomfortable feelings
+                  and bring awareness to troubling thoughts.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-6">
+              <div className="flex-shrink-0 w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center">
+                <span className="font-serif text-xl text-[#222]">2</span>
+              </div>
+              <div>
+                <h3 className="font-serif text-xl text-[#222] mb-2">Somatic Awareness</h3>
+                <p className="text-gray-600">
+                  Working with the body as well as the mind, integrating art and movement
+                  to access deeper wisdom and healing.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-6">
+              <div className="flex-shrink-0 w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center">
+                <span className="font-serif text-xl text-[#222]">3</span>
+              </div>
+              <div>
+                <h3 className="font-serif text-xl text-[#222] mb-2">Authentic Expression</h3>
+                <p className="text-gray-600">
+                  Express the authentic truth and courage of your inner world through
+                  creative exploration and presence.
+                </p>
+              </div>
+            </div>
+
+            <div className="flex gap-6">
+              <div className="flex-shrink-0 w-12 h-12 rounded-full bg-gray-100 flex items-center justify-center">
+                <span className="font-serif text-xl text-[#222]">4</span>
+              </div>
+              <div>
+                <h3 className="font-serif text-xl text-[#222] mb-2">Liberation & Freedom</h3>
+                <p className="text-gray-600">
+                  Revealing the hidden to liberate freedom with curiosity, creativity
+                  and courage.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Areas of Focus */}
+      <section className="py-20 bg-gray-50">
+        <div className="mx-auto max-w-4xl px-4">
+          <h2 className="font-serif text-3xl text-[#222] text-center mb-12">Areas of Focus</h2>
+
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+            {[
+              'Shadow Work',
+              'Shame & Vulnerability',
+              'Post-Traumatic Stress',
+              'Childhood Trauma',
+              'Long-term Illness',
+              'Grief & Mortality',
+              'Creative Blocks',
+              'Life Transitions',
+              'Authentic Expression',
+            ].map((area, index) => (
+              <div
+                key={index}
+                className="p-4 bg-white text-center border border-gray-200"
+              >
+                <span className="text-sm text-gray-600">{area}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Availability */}
+      <section className="py-20">
+        <div className="mx-auto max-w-3xl px-4 text-center">
+          <h2 className="font-serif text-3xl text-[#222] mb-6">Availability</h2>
+          <p className="text-gray-600 mb-4">
+            Sessions are available in person (by arrangement) or online via video call.
+          </p>
+          <p className="text-gray-600 mb-8">
+            Session lengths: 2 hours, half day, or full day
+          </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"
+          >
+            Book a Session
+          </Link>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-20 bg-[#222] text-white">
+        <div className="mx-auto max-w-2xl px-4 text-center">
+          <h2 className="font-serif text-3xl mb-6">Begin Your Journey</h2>
+          <p className="text-gray-300 mb-8">
+            Reach out to discuss how 1-to-1 sessions might support you.
+          </p>
+          <Link
+            href="/contact"
+            className="inline-block px-8 py-4 border-2 border-white text-white text-sm uppercase tracking-wider rounded-full hover:bg-white hover:text-[#222] transition-colors"
+          >
+            Get in Touch
+          </Link>
+        </div>
+      </section>
+    </div>
+  );
+}

frontend/src/app/consulting/page.tsx

@@ -0,0 +1,185 @@
+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>
+  );
+}

frontend/src/app/passionate-presence-centre/page.tsx

@@ -0,0 +1,185 @@
+import { Metadata } from 'next';
+import Image from 'next/image';
+import Link from 'next/link';
+
+export const metadata: Metadata = {
+  title: 'Passionate Presence Centre',
+  description: 'International training and facilitation in movement, art, and personal development. Workshops, retreats, and consulting.',
+};
+
+export default function PassionatePresenceCentrePage() {
+  const livingAwakeSeries = [
+    '01. Getting Messy',
+    '02. Living as Art',
+    '03. A Different Kind of Beauty',
+    '04. Dancing with Paradox',
+    '05. The Spaces in Between',
+    '06. Fluid and Fluent in Change',
+    '07. Freedom as Limits',
+    '08. Grief, Grace and Gratitude',
+    '09. Curiosity and Creativity',
+    '10. Women in Wonder and Wabi-Sabi Wanderings',
+    '11. Dying to Live',
+    '12. In Your Own Skin',
+  ];
+
+  return (
+    <div className="min-h-screen bg-white pt-24">
+      {/* Hero Section */}
+      <section className="relative">
+        <div className="mx-auto max-w-7xl px-4">
+          <div className="grid gap-12 lg:grid-cols-2 items-center py-16">
+            {/* Image */}
+            <div className="relative aspect-[4/5] overflow-hidden">
+              <Image
+                src="/images/passionate-presence.jpg"
+                alt="Katheryn Trenshaw - Passionate Presence"
+                fill
+                className="object-cover"
+                priority
+                sizes="(max-width: 1024px) 100vw, 50vw"
+              />
+            </div>
+
+            {/* Content */}
+            <div>
+              <p className="text-xs uppercase tracking-[0.3em] text-gray-500 mb-4">Work With Me</p>
+              <h1 className="font-serif text-4xl md:text-5xl text-[#222] mb-8">
+                Passionate Presence Centre
+              </h1>
+
+              <div className="prose prose-lg text-gray-600">
+                <p>
+                  The Passionate Presence Center operates internationally without physical walls,
+                  offering training and facilitation in movement, art, and personal development.
+                </p>
+                <p>
+                  The organization provides workshops, educational events, and consulting for
+                  individuals, groups, and organizations across the United States, Europe, and globally.
+                </p>
+                <p>
+                  Services range from 2-hour sessions to 2-week residential retreats, designed to
+                  reveal authentic strengths and natural abilities for professional, artistic, and
+                  personal development.
+                </p>
+              </div>
+
+              <div className="mt-8">
+                <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>
+          </div>
+        </div>
+      </section>
+
+      {/* Services Section */}
+      <section className="py-20 bg-gray-50">
+        <div className="mx-auto max-w-4xl px-4">
+          <h2 className="font-serif text-3xl text-center text-[#222] mb-12">Services Offered</h2>
+
+          <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-4">
+            {[
+              { title: 'Workshops', desc: 'Group experiences in creativity and presence' },
+              { title: 'Consultations', desc: 'Individual and organizational guidance' },
+              { title: 'Lectures & Talks', desc: 'Inspiring presentations and discussions' },
+              { title: 'Retreats', desc: 'Immersive residential experiences' },
+            ].map((service, index) => (
+              <div key={index} className="text-center p-6 bg-white">
+                <h3 className="font-serif text-xl text-[#222] mb-2">{service.title}</h3>
+                <p className="text-sm text-gray-600">{service.desc}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Living Awake Series */}
+      <section className="py-20 bg-white">
+        <div className="mx-auto max-w-4xl px-4">
+          <div className="text-center mb-12">
+            <h2 className="font-serif text-3xl text-[#222] mb-4">Living Awake Series</h2>
+            <p className="text-gray-600">A 12-part workshop sequence exploring presence, creativity, and authentic living</p>
+          </div>
+
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+            {livingAwakeSeries.map((workshop, index) => (
+              <div
+                key={index}
+                className="p-4 border border-gray-200 hover:border-gray-400 transition-colors"
+              >
+                <span className="text-sm text-gray-600">{workshop}</span>
+              </div>
+            ))}
+          </div>
+
+          <div className="mt-12 p-8 bg-gray-50 text-center">
+            <p className="text-sm text-gray-600 mb-4">
+              Maximum 12 participants per workshop. Most courses require application and online session prerequisite.
+            </p>
+            <Link
+              href="/contact"
+              className="inline-block text-sm text-[#222] underline underline-offset-4 hover:no-underline"
+            >
+              Inquire about upcoming dates
+            </Link>
+          </div>
+        </div>
+      </section>
+
+      {/* Additional Courses */}
+      <section className="py-20 bg-gray-50">
+        <div className="mx-auto max-w-4xl px-4">
+          <h2 className="font-serif text-3xl text-center text-[#222] mb-12">Additional Courses</h2>
+
+          <div className="space-y-6">
+            <div className="p-6 bg-white">
+              <h3 className="font-serif text-xl text-[#222] mb-2">Wild and Precious Life</h3>
+              <p className="text-gray-600">Women Living With & Beyond Breast Cancer</p>
+            </div>
+            <div className="p-6 bg-white">
+              <h3 className="font-serif text-xl text-[#222] mb-2">Affirming the Female Body</h3>
+              <p className="text-gray-600">Weeklong intensive workshop</p>
+            </div>
+            <div className="p-6 bg-white">
+              <h3 className="font-serif text-xl text-[#222] mb-2">Drawing Down the Moon</h3>
+              <p className="text-gray-600">Yearlong journey of exploration</p>
+            </div>
+          </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-2xl md:text-3xl text-[#222] italic leading-relaxed">
+            &ldquo;The retreat with Katheryn evolved my life and my essential happiness.&rdquo;
+          </blockquote>
+          <footer className="mt-6 text-sm uppercase tracking-wider text-gray-500">
+            &mdash; KMJ, UK Teacher
+          </footer>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-20 bg-[#222] text-white">
+        <div className="mx-auto max-w-2xl px-4 text-center">
+          <h2 className="font-serif text-3xl mb-6">Ready to Begin?</h2>
+          <p className="text-gray-300 mb-8">
+            Contact us to discuss which offering might be right for your journey.
+          </p>
+          <Link
+            href="/contact"
+            className="inline-block px-8 py-4 border-2 border-white text-white text-sm uppercase tracking-wider rounded-full hover:bg-white hover:text-[#222] transition-colors"
+          >
+            Get in Touch
+          </Link>
+        </div>
+      </section>
+    </div>
+  );
+}

frontend/src/components/navigation.tsx

@@ -21,7 +21,7 @@ const navLinks = [
     children: [
       { href: '/passionate-presence-centre', label: 'Passionate Presence Centre' },
       { href: '/consulting', label: 'Consulting' },
-      { href: '/sessions', label: '1-to-1 Sessions' },
+      { href: '/1to1', label: '1-to-1 Sessions' },
     ],
   },
   { href: '/store', label: 'Store' },