"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Download, Star, Target, TrendingUp, Users } from "lucide-react";

export default function FitnessApp() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="FitFlow"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Workout Plans", id: "features" },
            { name: "Success Stories", id: "testimonial" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Download Now",            href: "#download"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCentered
          title="Transform Your Fitness Journey"
          description="Personalized workout plans, expert guidance, and a supportive community to help you reach your fitness goals faster than ever before"
          background={{ variant: "downward-rays-animated" }}
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              alt: "User 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              alt: "User 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              alt: "User 3"
            }
          ]}
          avatarText="Join 50K+ active members"
          buttons={[
            {
              text: "Start Free Trial",              href: "#download"
            },
            {
              text: "Watch Demo",              href: "#about"
            }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardEight
          title="Your Personalized Workout Plans"
          description="Choose from adaptive workout programs designed by certified fitness trainers, tailored to your fitness level and goals"
          tag="Workout Plans"
          features={[
            {
              id: 1,
              title: "Cardio Blast",              description: "High-intensity cardiovascular training designed to boost endurance and burn calories effectively with guided routines",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-athletic-woman-exercising-rowing-machine-while-having-sports-training-fitness-center_637285-516.jpg",              imageAlt: "cardio running exercise workout training"
            },
            {
              id: 2,
              title: "Strength Build",              description: "Progressive resistance training to build muscle, increase strength, and sculpt your physique with expert form guidance",              imageSrc: "https://img.b2bpic.net/free-photo/sportswoman-doing-hyperextension-exercise_651396-754.jpg",              imageAlt: "strength weightlifting gym workout training"
            },
            {
              id: 3,
              title: "Flexibility Flow",              description: "Yoga and stretching programs to improve mobility, reduce stress, and enhance recovery between intense workouts",              imageSrc: "https://img.b2bpic.net/free-photo/happy-female-athlete-doing-relaxation-exercises-while-warming-up-n-gym_637285-8484.jpg",              imageAlt: "yoga flexibility stretching wellness exercise"
            },
            {
              id: 4,
              title: "HIIT Express",              description: "Time-efficient interval workouts that maximize results in minimal time with scientifically-proven training methods",              imageSrc: "https://img.b2bpic.net/free-photo/woman-lifting-weights-doing-chest-work-gym_169016-57291.jpg",              imageAlt: "fitness workout gym exercise training"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Explore All Plans",              href: "#download"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextAbout
          tag="About FitFlow"
          title="Your personal trainer, nutrition coach, and fitness community all in one intelligent app. We use advanced AI algorithms to adapt your workouts based on your progress, recovery needs, and personal preferences."
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn How It Works",              href: "#features"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Community Impact"
          description="See the remarkable results our members are achieving with consistent training and personalized guidance"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          textboxLayout="default"
          metrics={[
            {
              id: "1",              value: "50K",              title: "Active Users",              description: "Growing fitness community worldwide",              icon: Users
            },
            {
              id: "2",              value: "100M",              title: "Workouts Completed",              description: "Total training sessions logged",              icon: TrendingUp
            },
            {
              id: "3",              value: "85%",              title: "Success Rate",              description: "Members achieve their fitness goals",              icon: Target
            },
            {
              id: "4",              value: "4.9",              title: "Star Rating",              description: "App store user satisfaction score",              icon: Star
            }
          ]}
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="FitFlow completely transformed my fitness routine. The personalized plans adapted to my schedule and the community support kept me motivated. I've never felt this confident about my fitness journey."
          rating={5}
          author="Sarah Mitchell, Fitness Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              alt: "User 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              alt: "User 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              alt: "User 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              alt: "User 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              alt: "User 6"
            }
          ]
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="download" data-section="download">
        <ContactFaq
          ctaTitle="Ready to Transform Your Fitness?"
          ctaDescription="Download FitFlow now and start your personalized fitness journey with a free 7-day trial. No credit card required."
          ctaButton={{
            text: "Download App",            href: "https://appstore.example.com/fitflow"
          }}
          ctaIcon={Download}
          useInvertedBackground="invertDefault"
          animationType="scale-rotate"
          faqs={[
            {
              id: "1",              title: "Is there a free trial?",              content: "Yes! All new users get a 7-day free trial with full access to all workout plans, coaching features, and community. No payment method required to start."
            },
            {
              id: "2",              title: "Can I cancel anytime?",              content: "Absolutely. You can cancel your subscription anytime from your account settings. No hidden fees or long-term contracts required."
            },
            {
              id: "3",              title: "What equipment do I need?",              content: "FitFlow offers workouts for all fitness levels. We have programs requiring no equipment, bodyweight only, or gym access. Choose what works for you."
            },
            {
              id: "4",              title: "How personalized are the plans?",              content: "Our AI analyzes your fitness level, goals, recovery data, and preferences to continuously adapt your workouts and nutrition recommendations."
            },
            {
              id: "5",              title: "Is there coach support?",              content: "Premium members get access to certified fitness coaches for form checks, motivation, and personalized guidance via the app."
            },
            {
              id: "6",              title: "Works on all devices?",              content: "FitFlow is available on iOS and Android. Sync your workouts across all devices and pick up where you left off anytime."
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about FitFlow, our plans, and how to get the most from your fitness app"
          tag="Help Center"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How does the AI personalization work?",              content: "Our algorithm analyzes your workout history, recovery metrics, body composition data, and personal preferences. It then generates customized plans that evolve as you progress, ensuring continuous challenge and improvement."
            },
            {
              id: "2",              title: "Can I track my nutrition?",              content: "Yes! FitFlow includes an integrated nutrition tracker with a database of 500K+ foods. Log your meals, track macros, and receive AI-powered meal suggestions aligned with your fitness goals."
            },
            {
              id: "3",              title: "What if I'm a complete beginner?",              content: "Perfect! We have beginner-friendly programs with detailed video tutorials and form cues. Your workout difficulty automatically scales as you build strength and confidence."
            },
            {
              id: "4",              title: "How often should I work out?",              content: "FitFlow adapts to your schedule. Whether you prefer 3, 5, or 6 days per week, we'll create a plan that fits your lifestyle while maximizing results and recovery."
            },
            {
              id: "5",              title: "Can I share workouts with friends?",              content: "Absolutely! Our social features let you create group challenges, share your progress, compete on leaderboards, and keep each other accountable with your fitness community."
            },
            {
              id: "6",              title: "How detailed are the video tutorials?",              content: "Every exercise includes HD videos from multiple angles showing proper form, common mistakes, and modifications for different fitness levels. Form guidance videos help prevent injuries."
            },
            {
              id: "7",              title: "Is the app available offline?",              content: "Yes! Download workouts to your phone and access them anywhere without internet. Your data syncs once you're back online."
            },
            {
              id: "8",              title: "How do I contact support?",              content: "Our support team is available 24/7 via in-app chat, email, or phone. Premium members get priority support with response times under 1 hour."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FitFlow"
          copyrightText="© 2025 FitFlow. All rights reserved. Transforming fitness journeys."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Download", href: "#download" },
                { label: "What's New", href: "#blog" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#careers" },
                { label: "Blog", href: "#blog" },
                { label: "Press", href: "#press" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Help Center", href: "#faq" },
                { label: "Community", href: "#community" },
                { label: "Coaches", href: "#coaches" },
                { label: "API Docs", href: "#api" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Cookie Policy", href: "#cookies" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}