"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Zap, Play, Star, Dumbbell } from "lucide-react";

export default function PowerCorePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PowerCore Gym"
          navItems={[
            { name: "Classes", id: "classes" },
            { name: "Membership", id: "membership" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",            href: "#membership"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Transform Your Strength at PowerCore Gym"
          description="California's premier fitness destination. State-of-the-art equipment, expert trainers, and a thriving community ready to push your limits."
          tag="Premium Fitness"
          tagIcon={Zap}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-having-cross-training-stationary-bike-gym_637285-2524.jpg?id=25743621",              imageAlt: "Gym weights and training area"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627086.jpg?id=30893579",              imageAlt: "Members exercising together"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/active-woman-gym_1098-13871.jpg",              imageAlt: "Cardio equipment section"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-man-training-gym-bodybuilding_23-2149552352.jpg",              imageAlt: "Group fitness class"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-black-man-is-engaged-gym_1157-32175.jpg",              imageAlt: "Strength training zone"
            }
          ]}
          buttons={[
            {
              text: "Join Today & Get 30% Off Your First Month",              href: "#membership"
            },
            {
              text: "Tour Our Facility",              href: "#about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Built for Champions, Open to Everyone"
          description="Since 2015, PowerCore Gym has been California's trusted fitness hub. We combine cutting-edge equipment with a supportive community where every member—from beginners to elite athletes—achieves their goals. Our certified trainers, diverse class offerings, and state-of-the-art facilities create the perfect environment for transformation."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/personal-trainer-gym_53876-21383.jpg"
          imageAlt="PowerCore Gym community members training together"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Meet Our Team",              href: "#team"
            },
            {
              text: "View Classes",              href: "#classes"
            }
          ]}
        />
      </div>

      <div id="classes" data-section="classes">
        <FeatureCardTwentyOne
          title="Premium Services & Classes"
          description="From high-intensity strength training to yoga and recovery, we offer comprehensive fitness solutions tailored to every goal and fitness level."
          tag="What We Offer"
          imageSrc="https://img.b2bpic.net/premium-photo/young-athletic-african-american-man-trains-with-ropes-dark-gym-motivated-guy-waving-ropes_164411-6382.jpg?id=74546985"
          imageAlt="Strength training with professional equipment"
          accordionItems={[
            {
              id: "1",              title: "Strength & Conditioning",              content: "Access our extensive free weight zone, squat racks, and functional training area. Perfect for building muscle and power with our expert spotters and form coaching available."
            },
            {
              id: "2",              title: "Group Fitness Classes",              content: "Join energetic spin classes, CrossFit, HIIT, yoga, and more. Led by certified instructors, our classes provide motivation, community, and proven results. New classes daily."
            },
            {
              id: "3",              title: "Personal Training",              content: "Work one-on-one with certified trainers who design customized programs. We focus on form, progression, and sustainable results to help you reach any fitness goal."
            },
            {
              id: "4",              title: "Recovery & Wellness",              content: "Stretch studios, massage chairs, sauna facilities, and nutrition counseling. Recovery is training—we help you stay healthy and injury-free while maximizing results."
            },
            {
              id: "5",              title: "Cardio & Conditioning",              content: "State-of-the-art treadmills, rowing machines, bikes, and stair climbers with entertainment systems. Build endurance with premium equipment and climate-controlled comfort."
            }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
          buttons={[
            {
              text: "Explore All Classes",              href: "#"
            }
          ]}
        />
      </div>

      <div id="membership" data-section="membership">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="No hidden fees. Cancel anytime. Choose the membership that fits your lifestyle and goals."
          tag="Membership Plans"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "basic",              badge: "Getting Started",              badgeIcon: Play,
              price: "$29/month",              subtitle: "Perfect for those exploring fitness",              buttons: [
                {
                  text: "Get Started",                  href: "#contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "Unlimited gym access",                "All basic cardio equipment",                "Free WiFi & water stations",                "Member community access",                "Mobile app with workout tracking"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Star,
              price: "$59/month",              subtitle: "Ideal for serious fitness enthusiasts",              buttons: [
                {
                  text: "Join Pro",                  href: "#contact"
                },
                {
                  text: "Explore Features",                  href: "#"
                }
              ],
              features: [
                "All Basic features",                "Unlimited group classes",                "Priority equipment access",                "4 personal training sessions/month",                "Nutrition planning consultation",                "Guest privileges (4/month)"
              ]
            },
            {
              id: "elite",              badge: "Champion Level",              badgeIcon: Zap,
              price: "$99/month",              subtitle: "For dedicated athletes seeking excellence",              buttons: [
                {
                  text: "Become Elite",                  href: "#contact"
                },
                {
                  text: "Premium Details",                  href: "#"
                }
              ],
              features: [
                "All Pro features",                "Unlimited personal training",                "1-on-1 nutrition coaching",                "Priority class booking",                "Sauna & recovery facility access",                "Monthly performance testing",                "VIP locker & shower area"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Member Success Stories"
          description="Real transformations from people just like you. Join thousands who've achieved their fitness goals at PowerCore."
          tag="Testimonials"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson",              handle: "@marcusfit",              testimonial: "Lost 45 pounds and gained muscle. The trainers here actually care about your progress, not just your membership fee. Best decision I've made.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-fit-man-posing-while-wearing-tank-top-with-crossed-arms_23-2148700611.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@sarahstrength",              testimonial: "As a beginner, I was intimidated. The community at PowerCore welcomed me and made me feel capable. Now I'm deadlifting 225! Incredible gym.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              name: "David Rodriguez",              handle: "@davidpower",              testimonial: "The equipment is top-notch, classes are energetic, and trainers know their stuff. Worth every penny. I've been a member for 3 years and never looked back.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-male-fitness-instructor-cross-arms-smiling-confident-workout-gym-standing-white-background_176420-49893.jpg",              imageAlt: "David Rodriguez"
            },
            {
              id: "4",              name: "Jessica Williams",              handle: "@jessicafit",              testimonial: "PowerCore gave me discipline, strength, and confidence. I went from zero fitness to completing a marathon. The trainers believed in me before I believed in myself.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-posing-while-wearing-tank-top-with-crossed-arms_23-2148700610.jpg",              imageAlt: "Jessica Williams"
            },
            {
              id: "5",              name: "Alex Thompson",              handle: "@alexathlete",              testimonial: "Professional-grade facility with actual experts. The nutrition coaching paired with training created real, sustainable results. Highly recommend.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              imageAlt: "Alex Thompson"
            },
            {
              id: "6",              name: "Nicole Park",              handle: "@nicolepowercore",              testimonial: "This gym isn't just about lifting. The community, the support, the vibe—it keeps you coming back. Transformed my body and mind in one year.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",              imageAlt: "Nicole Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform?"
          ctaDescription="Join PowerCore today and start your fitness journey. Get a free tour and meet our team."
          ctaButton={{
            text: "Schedule Your Tour",            href: "#"
          }}
          ctaIcon={Dumbbell}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Do I need experience to join?",              content: "Absolutely not! PowerCore welcomes beginners and elite athletes alike. Our trainers are certified to help you at any level, and we offer orientation sessions to get you started safely."
            },
            {
              id: "2",              title: "Can I cancel my membership anytime?",              content: "Yes. No long-term contracts or hidden fees. You can cancel anytime by speaking with our membership team. We'd love to help you achieve your goals while you're here."
            },
            {
              id: "3",              title: "What are your facility hours?",              content: "Open Monday-Friday: 5 AM - 11 PM, Saturday-Sunday: 7 AM - 10 PM. We offer 24-hour access for Elite members. Holiday hours may vary."
            },
            {
              id: "4",              title: "Do you offer childcare?",              content: "Yes! Our members can use our supervised childcare facility during gym hours. It's complimentary with all membership levels. Reserve spots at the front desk."
            },
            {
              id: "5",              title: "Are personal training sessions included?",              content: "Basic membership includes gym access only. Pro members get 4 sessions/month, and Elite members enjoy unlimited sessions with certified trainers. Custom packages available."
            },
            {
              id: "6",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, and bank transfers. Memberships are billed monthly on your selected date. We also offer package deals with upfront payment discounts."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Gym",              items: [
                { label: "Home", href: "#" },
                { label: "Classes", href: "#classes" },
                { label: "Membership", href: "#membership" },
                { label: "Trainers", href: "#about" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Nutrition Guide", href: "#" },
                { label: "Workout Plans", href: "#" },
                { label: "FAQ", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Reviews", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Waiver", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 PowerCore Gym. All rights reserved."
          bottomRightText="Built for fitness excellence in California."
        />
      </div>
    </ThemeProvider>
  );
}