"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Phone } from "lucide-react";

export default function ClassesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Plastilin"
          button={{
            text: "Book a Class",            href: "/contact"
          }}
        />
      </div>

      <div id="classes" data-section="classes">
        <FeatureCardOne
          title="Our Class Offerings"
          description="Explore our diverse range of yoga classes designed to meet you wherever you are in your practice"
          tag="Classes"
          features={[
            {
              title: "Vinyasa Flow",              description: "Dynamic sequences linking breath with movement in creative, flowing patterns",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-viparita-virabhadrasana-tropical-location_1163-3365.jpg",              imageAlt: "Vinyasa flow practice",              button: { text: "Book Class", href: "/contact" }
            },
            {
              title: "Hatha Yoga",              description: "Slower-paced practice focusing on alignment, breathing, and mindful transitions",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunrise-back-view-half-body-sportive-woman-sitting-lotus-pose_8353-6933.jpg",              imageAlt: "Hatha yoga practice",              button: { text: "Book Class", href: "/contact" }
            },
            {
              title: "Restorative Yoga",              description: "Gentle, supported poses designed to promote deep relaxation and stress relief",              imageSrc: "https://img.b2bpic.net/free-photo/rear-view-woman-meditating-sunset_1163-700.jpg",              imageAlt: "Restorative yoga",              button: { text: "Book Class", href: "/contact" }
            },
            {
              title: "Power Yoga",              description: "Vigorous, fitness-based approach building strength, flexibility, and endurance",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-training-tropical-location_1163-3362.jpg",              imageAlt: "Power yoga class",              button: { text: "Book Class", href: "/contact" }
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="schedule" data-section="schedule">
        <PricingCardNine
          title="Class Schedule & Packages"
          description="Choose from our flexible class packages or unlimited membership options"
          tag="Schedule"
          plans={[
            {
              id: "single",              title: "Drop-In Class",              price: "$18",              period: "/class",              imageSrc: "https://img.b2bpic.net/free-photo/silhouette-beautiful-woman-practicing-yoga-surfboard-sunrise_176420-2020.jpg",              imageAlt: "Single yoga class",              button: { text: "Book Now", href: "/contact" },
              features: [
                "Perfect for trying us out",                "All class types included",                "Valid for 30 days",                "No commitment required"
              ]
            },
            {
              id: "package",              title: "10-Class Package",              price: "$150",              period: "/package",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunset-beach-woman-doing-yoga-performing-asanas-enjoying-life-river_639032-2796.jpg",              imageAlt: "Yoga class package",              button: { text: "Purchase Package", href: "/contact" },
              features: [
                "Save $30 vs drop-in rate",                "Valid for 4 months",                "Transferable to friends/family",                "Priority booking available"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-classes" data-section="contact-classes">
        <ContactFaq
          ctaTitle="Ready to Join a Class?"
          ctaDescription="Book your spot in any of our upcoming classes or ask about our beginner-friendly options"
          ctaButton={{ text: "Book Your Class", href: "mailto:info@plastilin-yoga.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What should I expect in my first class?",              content: "Your first class will begin with a brief check-in with the instructor. We'll discuss any injuries or concerns, and the teacher will offer modifications throughout the class. Come 10 minutes early to get settled and familiar with the space."
            },
            {
              id: "2",              title: "Do I need to be flexible to start yoga?",              content: "Absolutely not! Flexibility is something you develop through practice, not a prerequisite. Our instructors provide modifications for every pose to meet you where you are in your practice."
            },
            {
              id: "3",              title: "How do I choose the right class for me?",              content: "Start with our Beginner Hatha or Gentle Vinyasa classes if you're new to yoga. For those with some experience, try our regular Vinyasa Flow. We're always happy to help you find the perfect class during your visit."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Navigate",            items: [
              { label: "Home", href: "/" },
              { label: "Classes", href: "/classes" },
              { label: "About", href: "/about" },
              { label: "Pricing", href: "/pricing" }
            ]
          },
          {
            title: "Community",            items: [
              { label: "Meet Our Team", href: "/#team" },
              { label: "Member Stories", href: "/#testimonials" },
              { label: "Events", href: "/contact" },
              { label: "Wellness Blog", href: "#" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "/#faq" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Plastilin Yoga Center. All rights reserved."
        bottomRightText="Namaste"
      />
    </ThemeProvider>
  );
}