"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ActivateHousePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="ACTIVATE HOUSE"
          navItems={[
            { name: "Classes", id: "classes" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" },
            { name: "Book Now", id: "book" }
          ]}
          bottomLeftText="Holistic Wellness Community"
          bottomRightText="hello@activatehouse.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ACTIVATE HOUSE"
          description="Welcome to the house of wellness. Your ultimate destination for holistic fitness with yoga, pilates, sculpt, and spin classes designed to transform your body and mind."
          buttons={[
            { text: "Book a Class", href: "#pricing" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/young-athletic-woman-exercising-strength-gymnastic-rings-cross-training-fitness-center_637285-447.jpg"
          imageAlt="Activate House fitness studio"
          frameStyle="browser"
          logoLineHeight={1.1}
          ariaLabel="Activate House hero section"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Activate House"
          description="We personify the essence of wellness through expertly crafted fitness programs and a supportive community dedicated to your transformation."
          tabs={[
            {
              id: "philosophy",              label: "Our Philosophy",              description: "We believe in holistic wellness that nurtures both body and mind. Every class is designed to help you activate your potential and achieve lasting transformation through expert instruction and community support."
            },
            {
              id: "experience",              label: "Expert Instructors",              description: "Our certified instructors bring years of experience and passion to every session. They're committed to creating an inclusive environment where every member can thrive, regardless of fitness level."
            },
            {
              id: "community",              label: "Community",              description: "Join a vibrant wellness community dedicated to supporting each other's fitness journey. From beginner to advanced, our studio is a place where everyone belongs and progresses together."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-sportswoman-having-cross-training-with-weight-plate-gym_637285-8530.jpg"
          imageAlt="Activate House community"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="classes" data-section="classes">
        <FeatureCardTwentyOne
          title="Our Class Offerings"
          description="Discover diverse fitness experiences tailored to your wellness goals. Each class combines effective training with expert guidance to help you reach your potential."
          tag="Classes"
          accordionItems={[
            {
              id: "1",              title: "Yoga",              content: "Flow through sequences designed to build strength, flexibility, and mental clarity. Our yoga classes blend traditional practices with modern wellness science to help you achieve inner and outer balance."
            },
            {
              id: "2",              title: "Pilates",              content: "Strengthen your core and transform your body with controlled movements and proper alignment. Pilates develops long, lean muscles while improving posture, balance, and overall functional fitness."
            },
            {
              id: "3",              title: "Sculpt",              content: "Build strength and definition with high-energy workouts that target all major muscle groups. Our sculpt classes combine resistance training with cardio for maximum results and total body transformation."
            },
            {
              id: "4",              title: "Spin",              content: "Push your limits on the bike with energetic, music-driven workouts. Spin classes deliver an incredible cardio experience while building leg strength and mental endurance in a supportive group environment."
            },
            {
              id: "5",              title: "Mat Pilates",              content: "Experience the benefits of pilates using just your body weight. Mat pilates builds functional strength, improves flexibility, and enhances body awareness through precise, controlled movements."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/group-people-exercising-with-dumbbells-fitness-club-gym_613910-18615.jpg"
          imageAlt="Yoga class at Activate House"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          buttons={[
            { text: "View Schedule", href: "#pricing" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Membership Plans"
          description="Get your 2-week intro offer here. Choose the plan that fits your wellness goals and start your transformation today."
          tag="Pricing"
          plans={[
            {
              id: "intro",              title: "2-Week Intro",              price: "$29",              period: "/2 weeks",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",              imageAlt: "Intro plan pilates class",              button: { text: "Get Started", href: "#contact" },
              features: [
                "Unlimited classes for 2 weeks",                "Access to all class types",                "Member community access",                "No commitment required"
              ]
            },
            {
              id: "monthly",              title: "Monthly",              price: "$129",              period: "/month",              imageSrc: "https://img.b2bpic.net/free-photo/woman-taking-break-gym_23-2148024282.jpg",              imageAlt: "Monthly plan sculpt class",              button: { text: "Choose Plan", href: "#contact" },
              features: [
                "Unlimited classes",                "All class types included",                "Member community",                "Download app access",                "Flexible cancellation"
              ]
            },
            {
              id: "quarterly",              title: "Quarterly",              price: "$349",              period: "/3 months",              imageSrc: "https://img.b2bpic.net/free-photo/woman-exercising-step-machine_23-2147789596.jpg",              imageAlt: "Quarterly plan spin class",              button: { text: "Choose Plan", href: "#contact" },
              features: [
                "Unlimited classes",                "All class types included",                "Member community",                "App access",                "Priority booking",                "15% savings"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/young-girl-black-sport-outfits-feels-confident_114579-18791.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Emma Davis",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg",              imageAlt: "Emma Davis"
            },
            {
              id: "3",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-622.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-625.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "5",              name: "David Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/sporty-smiling-female-with-crossed-arms-white-t-shirt-grey-background_613910-13675.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "6",              name: "Lisa Wang",              imageSrc: "https://img.b2bpic.net/free-photo/sporty-smiling-female-with-crossed-arms-white-t-shirt-grey-background_613910-1624.jpg",              imageAlt: "Lisa Wang"
            }
          ]}
          cardTitle="Join thousands of members who've transformed their wellness journey at Activate House"
          cardTag="Member Stories"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Ready to start your wellness journey? Schedule a class, ask questions about our memberships, or visit our studio. We'd love to hear from you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us how we can help...",            rows: 4,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270229.jpg"
          imageAlt="Activate House studio"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="ACTIVATE HOUSE"
        />
      </div>
    </ThemeProvider>
  );
}
