"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Activity, CheckCircle2, Lightbulb } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Routines",          id: "#routines"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="HabitSync AI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Master Your Habits, Transform Your Life with AI"
      description="Unlock your full potential with HabitSync AI, your personal intelligent assistant. Track progress, discover routines, and receive personalized workouts for a healthier, more productive you."
      buttons={[
        {
          text: "Start Free Trial",          href: "#contact"},
        {
          text: "Learn More",          href: "#features"},
      ]}
      carouselItems={[
        {
          id: "carousel-item-1",          imageSrc: "http://img.b2bpic.net/free-photo/relax-window-book-female-sunrise-waking_1418-16.jpg",          imageAlt: "Habit tracking app interface"},
        {
          id: "carousel-item-2",          imageSrc: "http://img.b2bpic.net/free-photo/slim-active-woman-practices-yoga-uses-digital-tablet-having-online-training-watches-tutorial-drinks-fresh-water-dressed-activewear-poses-outdoors-against-blurred-background-fitness-concept_273609-56888.jpg",          imageAlt: "AI guided home workout"},
        {
          id: "carousel-item-3",          imageSrc: "http://img.b2bpic.net/free-photo/young-fit-man-beach-wearing-sunglasses_273609-15962.jpg",          imageAlt: "Smartwatch displaying habit streaks"},
        {
          id: "carousel-item-4",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-sport-with-stats_23-2150040492.jpg",          imageAlt: "AI assistant projecting workout routine"},
        {
          id: "carousel-item-5",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-bed_23-2148594438.jpg",          imageAlt: "User meditating with progress charts"},
        {
          id: "carousel-item-6",          imageSrc: "http://img.b2bpic.net/free-photo/affirmations-mirror-self-love-body-positivity_23-2152004643.jpg",          imageAlt: "Tablet showing habits done stick chart"},
      ]}
      autoPlay={true}
      autoPlayInterval={5000}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Your AI Companion for Personal Growth"
      metrics={[
        {
          icon: Lightbulb,
          label: "Intelligent Coaching",          value: "AI Powered"},
        {
          icon: CheckCircle2,
          label: "Daily Consistency",          value: "Habit Tracking"},
        {
          icon: Activity,
          label: "Measurable Success",          value: "Progress Charts"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Personalized AI Coaching",          description: "Receive tailored advice and motivation from your AI trainer, adapting to your progress and goals.",          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163342.jpg",          imageAlt: "AI personal trainer on smartphone"},
        {
          title: "Visual Progress Tracking",          description: "See your habits come to life with intuitive charts, streaks, and comprehensive data visualizations.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-color-palette_23-2150538685.jpg",          imageAlt: "Habit tracking data charts on tablet"},
        {
          title: "Curated Routines & Workouts",          description: "Access a library of routines and dynamic workout plans, or create your own with AI assistance.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-sporty-woman-doing-workout-looking-fitness-video-laptop-wireless_1258-253507.jpg",          imageAlt: "Personalized workout routines on desktop"},
      ]}
      title="Powerful Features Designed for Your Success"
      description="HabitSync AI provides an all-in-one solution for your personal development and fitness journey. From intelligent recommendations to insightful analytics, we've got you covered."
    />
  </div>

  <div id="routines" data-section="routines">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "routine-1",          name: "Morning Ritual",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/home-bedroom-sleep-peace-morning-word_53876-124472.jpg",          imageAlt: "Morning routine template on digital interface",          priceButtonProps: { text: "Get Free Routine" }
        },
        {
          id: "routine-2",          name: "Weekly Workout Plan",          price: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165183.jpg",          imageAlt: "Weekly workout progress chart",          priceButtonProps: { text: "Unlock Premium" }
        },
        {
          id: "routine-3",          name: "Evening Wind-Down",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-home_23-2149491983.jpg",          imageAlt: "Evening wind-down routine interface",          priceButtonProps: { text: "Get Free Routine" }
        },
        {
          id: "routine-4",          name: "Nutrition Tracker",          price: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-ingredients-keto-diet_23-2149259414.jpg",          imageAlt: "Nutrition tracking chart",          priceButtonProps: { text: "Unlock Premium" }
        },
        {
          id: "routine-5",          name: "Mindful Meditation",          price: "Free",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-yoga-mat-looking-phone_23-2148429308.jpg",          imageAlt: "Mindfulness & Meditation routine interface",          priceButtonProps: { text: "Get Free Routine" }
        },
        {
          id: "routine-6",          name: "Skill Building Sprint",          price: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/business-idea-concept-with-wooden-blocks-with-icon-message-bubble-wooden-human-figure-top-view_176474-10385.jpg",          imageAlt: "Learning & Skill Development habit interface",          priceButtonProps: { text: "Unlock Premium" }
        },
      ]}
      title="Discover Your Perfect Routine"
      description="Explore pre-designed routines and workout plans crafted to elevate your daily habits and fitness. From morning rituals to evening wind-downs, find what works for you."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Real Results, Measurable Progress"
      tag="Our Impact"
      metrics={[
        {
          id: "metric-1",          value: "95%",          description: "Users achieving their habit goals"},
        {
          id: "metric-2",          value: "700K+",          description: "Workouts completed globally"},
        {
          id: "metric-3",          value: "20M+",          description: "Habits tracked successfully"},
        {
          id: "metric-4",          value: "4.9/5",          description: "Average user satisfaction rating"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Life-Changing! My habits are finally sticking.",          quote: "HabitSync AI has revolutionized my daily routine. The AI trainer's insights are spot on, and seeing my progress in those beautiful charts keeps me motivated like never before. Highly recommend!",          name: "Sarah Johnson",          role: "Marketing Manager",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-good-looking-young-european-woman-wears-fashionable-blue-costume-uses-mobile-phone-chatting-online_273609-55524.jpg",          imageAlt: "Sarah Johnson"},
        {
          id: "2",          title: "The best habit tracker and workout guide out there.",          quote: "I've tried numerous apps, but HabitSync AI stands out. The personalized workout routines are fantastic, and the habit tracking truly helps build consistency. My fitness journey has never been this engaging.",          name: "Michael Chen",          role: "Software Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg",          imageAlt: "Michael Chen"},
        {
          id: "3",          title: "Incredible clarity and motivation in one app.",          quote: "From morning routines to evening stretches, HabitSync AI keeps me on track. The data visualizations are incredibly clear, showing me exactly where I need to improve. It's like having a personal coach in my pocket.",          name: "Emily Rodriguez",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27254.jpg",          imageAlt: "Emily Rodriguez"},
        {
          id: "4",          title: "Achieved my fitness goals faster than ever!",          quote: "Thanks to HabitSync AI, I hit my fitness milestones in record time. The AI trainer pushed me just enough, and the habit tracking ensured I stayed consistent with my diet and exercise. Truly powerful.",          name: "David Kim",          role: "Fitness Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-darkskinned-man-white-tshirt-black-shorts-running-near-sea-young-guy-working-out-smiling-outside_197531-28693.jpg",          imageAlt: "David Kim"},
        {
          id: "5",          title: "An intuitive and highly effective platform.",          quote: "HabitSync AI makes habit formation enjoyable. The user interface is so intuitive, and the AI's guidance feels genuinely supportive. I've successfully built several positive habits that I thought were impossible before.",          name: "Jessica Lee",          role: "UX Designer",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-smiling-staying-street_197531-33902.jpg",          imageAlt: "Jessica Lee"},
      ]}
      title="Hear From Our Thriving Community"
      description="Join thousands who have transformed their lives with HabitSync AI. Our users consistently achieve their goals and build lasting habits."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How does the AI personal trainer work?",          content: "Our AI personal trainer uses advanced algorithms to analyze your progress, preferences, and goals. It provides personalized habit recommendations, workout plans, and motivational feedback, adapting as you evolve."},
        {
          id: "faq-2",          title: "What kind of habits can I track?",          content: "You can track any habit! From daily meditation and hydration to coding practice and reading, HabitSync AI is flexible. You can also create custom habits with personalized tracking metrics."},
        {
          id: "faq-3",          title: "Is my data private and secure?",          content: "Absolutely. We prioritize your privacy and data security. All your personal data and progress information are encrypted and stored securely. We adhere to strict privacy policies."},
        {
          id: "faq-4",          title: "Can I integrate with other fitness apps or devices?",          content: "Yes, HabitSync AI offers integrations with popular fitness trackers and health apps to provide a holistic view of your progress. Check our settings for a list of supported integrations."},
        {
          id: "faq-5",          title: "What if I miss a habit or workout?",          content: "Life happens! HabitSync AI is designed to be supportive, not punitive. If you miss a habit, the AI will help you get back on track with encouraging messages and adaptive suggestions for your next steps, without judgment."},
        {
          id: "faq-6",          title: "Is there a free version available?",          content: "Yes, we offer a robust free version with essential habit tracking and basic AI insights. For advanced features like personalized workout plans and in-depth analytics, you can upgrade to a premium subscription."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about HabitSync AI's features, pricing, and how it can help you achieve your goals."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "OptimalFlow",        "PeakPerformance",        "ZenithGrowth",        "VitalityMetrics",        "SynergyHabits",        "MindfulMovement",        "QuantifiedSelf"]}
      title="Trusted by a Community of Achievers"
      description="Our platform empowers individuals worldwide to build better habits and achieve their personal best. Join our growing community!"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Start?"
      title="Begin Your Transformation Today!"
      description="Join the HabitSync AI community and experience the power of personalized habit tracking and AI coaching. Sign up for your free trial now."
      buttons={[
        {
          text: "Get Started Free",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Platform",          items: [
            {
              label: "Features",              href: "#features"},
            {
              label: "Routines",              href: "#routines"},
            {
              label: "Pricing",              href: "#"},
            {
              label: "AI Coaching",              href: "#"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Careers",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 HabitSync AI. All rights reserved."
      bottomRightText="Built with passion and AI."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}