"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
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 HomePage() {
  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="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PLASTILIN"
          description="Find your inner peace and balance through transformative yoga practices designed for all levels"
          buttons={[
            { text: "Explore Classes", href: "/classes" },
            { text: "Get Started", href: "/contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/yoga-beach_1163-3332.jpg",              imageAlt: "Sunset yoga practice"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/easy-yoga-pose_1163-3295.jpg",              imageAlt: "Outdoor yoga in nature"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/black-silhouette-yogi-girl-with-her-hands-clasped-front-her-chest-beautiful-girl-with-ideal-back-posture-practicing_549566-411.jpg",              imageAlt: "Yoga studio class"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Plastilin Yoga Center is dedicated to fostering holistic wellness through authentic yoga practices, mindful living, and community connection. We believe yoga is a transformative journey that strengthens body, calms mind, and nourishes spirit."
          buttons={[
            { text: "Learn Our Philosophy", href: "/about" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="What We Offer"
          description="Discover the core benefits of practicing yoga at Plastilin"
          tag="Our Services"
          features={[
            {
              title: "Enhanced Flexibility",              description: "Improve your range of motion and physical flexibility through guided stretching and poses",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunrise-back-view-half-body-sportive-woman-sitting-lotus-pose_8353-6933.jpg",              imageAlt: "Flexibility training"
            },
            {
              title: "Building Strength",              description: "Develop lean muscle and core strength with power yoga and strength-focused classes",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-viparita-virabhadrasana-tropical-location_1163-3365.jpg",              imageAlt: "Strength building"
            },
            {
              title: "Mindfulness Practice",              description: "Cultivate mental clarity, reduce stress, and find inner peace through meditation",              imageSrc: "https://img.b2bpic.net/free-photo/rear-view-woman-meditating-sunset_1163-700.jpg",              imageAlt: "Mindfulness meditation"
            },
            {
              title: "Community Connection",              description: "Join a supportive community of yogis committed to wellness and personal growth",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-training-tropical-location_1163-3362.jpg",              imageAlt: "Community class"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Plastilin Yoga Center has transformed my life. The instructors are deeply knowledgeable, the community is welcoming, and I've never felt more balanced and at peace. I cannot recommend it enough to anyone seeking wellness."
          rating={5}
          author="Sarah Mitchell, Marketing Executive"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              alt: "John Davis"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-against-colored-background_23-2147890569.jpg",              alt: "Emily Chen"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-blonde-woman-white_181624-33452.jpg",              alt: "Michael Johnson"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Pricing Plans"
          description="Choose the membership that works best for your yoga journey"
          tag="Membership"
          plans={[
            {
              id: "beginner",              title: "Starter",              price: "$29",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/silhouette-beautiful-woman-practicing-yoga-surfboard-sunrise_176420-2020.jpg",              imageAlt: "Beginner yoga class",              button: { text: "Start Free Trial", href: "/contact" },
              features: [
                "4 group classes per month",                "Access to online resources",                "Community forum access",                "Beginner workshops"
              ]
            },
            {
              id: "intermediate",              title: "Active",              price: "$59",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunset-beach-woman-doing-yoga-performing-asanas-enjoying-life-river_639032-2796.jpg",              imageAlt: "Intermediate yoga practice",              button: { text: "Join Now", href: "/contact" },
              features: [
                "Unlimited group classes",                "Priority class booking",                "Monthly specialty workshops",                "Member exclusive events",                "Personalized progress tracking"
              ]
            },
            {
              id: "premium",              title: "Premium",              price: "$149",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-sitting-outdoors_23-2148897883.jpg",              imageAlt: "Private yoga coaching",              button: { text: "Get Premium Access", href: "/contact" },
              features: [
                "Unlimited group classes",                "2 private sessions per month",                "One-on-one personalized coaching",                "All workshops and events",                "Nutrition consultation",                "24/7 member support"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Begin Your Journey?"
          ctaDescription="Get in touch with our team to book your first class or answer any questions about membership"
          ctaButton={{ text: "Contact Us", href: "mailto:info@plastilin-yoga.com" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How do I schedule my first class?",              content: "You can schedule your first class by contacting us directly, booking through our website, or visiting our studio. We recommend attending an orientation session to familiarize yourself with our space and teachers."
            },
            {
              id: "2",              title: "What are your studio hours?",              content: "We are open Monday-Friday 6am-8pm, Saturday 8am-6pm, and Sunday 9am-5pm. Class schedules vary, so check our website for the full timetable."
            },
            {
              id: "3",              title: "Do you offer corporate wellness programs?",              content: "Yes! We offer customized corporate wellness programs for businesses. Contact our team for information about group classes and wellness packages designed for your company."
            }
          ]}
          useInvertedBackground="invertDefault"
          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>
  );
}