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

export const metadata: Metadata = {
  title: 'Sessions',
  description: 'One-to-one creative sessions tailored to your personal journey',
};

export default function SessionsPage() {
  return (
    <div className="min-h-screen bg-white pt-24">
      {/* Header */}
      <div className="border-b border-gray-200">
        <div className="mx-auto max-w-7xl px-4 py-16 text-center">
          <h1 className="font-serif text-4xl md:text-5xl">Sessions</h1>
          <p className="mt-4 text-gray-600">
            One-to-one creative sessions tailored to your journey
          </p>
        </div>
      </div>

      {/* Content */}
      <div className="mx-auto max-w-3xl px-4 py-16">
        <div className="prose prose-lg mx-auto">
          <p>
            Individual sessions offer a dedicated space for you to explore your
            creativity in a supportive, one-to-one environment. Each session is
            tailored to where you are in your journey and what you need most.
          </p>

          <h2 className="font-serif">What Sessions Include</h2>
          <ul>
            <li>A confidential, supportive space for exploration</li>
            <li>Guided creative exercises and practices</li>
            <li>Reflective conversation and insight</li>
            <li>Tools and techniques you can use on your own</li>
          </ul>

          <h2 className="font-serif">Session Options</h2>
          <p>
            Sessions are available in person (when possible) or online via video call.
            Please get in touch to discuss what would work best for you.
          </p>
        </div>

        <div className="mt-12 text-center">
          <Link href="/contact" className="btn btn-primary">
            Book a Session
          </Link>
        </div>
      </div>
    </div>
  );
}
