"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Heart, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Breathe"
          navItems={[
            {"name": "Home", "id": "hero"},
            {"name": "About", "id": "about"},
            {"name": "Features", "id": "features"},
            {"name": "Success Stories", "id": "testimonials"},
            {"name": "FAQ", "id": "faq"}
          ]}
          button={{
            "text": "Download App",            "href": "https://app.example.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Breathe"
          description="Your journey to freedom from vaping starts here. Track your progress, earn rewards, and connect with a supportive community committed to helping you succeed."
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-blonde-woman-checking-her-phone_23-2148343671.jpg"
          imageAlt="Breathe app interface showing wellness dashboard"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Hero section - Breathe vaping cessation app"
          containerClassName="w-full"
          logoClassName="text-5xl md:text-7xl font-bold"
          descriptionClassName="text-lg md:text-2xl max-w-2xl"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          title="Empower millions to reclaim their health and freedom from nicotine addiction"
          description="Founded by health advocates"
          subdescription="Supporting your wellness journey"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/family-enjoying-stop-their-road-trip_23-2149401852.jpg"
          imageAlt="Community of people supporting each other's wellness journey"
          useInvertedBackground="invertDefault"
          ariaLabel="About section - our mission"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Everything You Need to Quit"
          description="Breathe provides comprehensive tools designed to support your quitting journey every step of the way"
          tag="App Features"
          features={[
            {
              "id": 1,
              "title": "Real-Time Progress Tracking",              "description": "Watch your health metrics improve as you track money saved, days smoke-free, and health improvements with detailed analytics.",              "imageSrc": "https://img.b2bpic.net/free-photo/woman-with-earphones-sport_1303-8824.jpg",              "imageAlt": "Progress tracking dashboard with metrics and charts"
            },
            {
              "id": 2,
              "title": "Supportive Community",              "description": "Connect with thousands of people on the same journey. Share experiences, celebrate milestones, and get encouragement when you need it most.",              "imageSrc": "https://img.b2bpic.net/free-photo/close-up-person-relaxing-break-time_23-2149256887.jpg",              "imageAlt": "Community chat interface with supportive messages"
            },
            {
              "id": 3,
              "title": "Achievement Rewards",              "description": "Stay motivated with our gamified reward system. Earn badges for milestones, unlock achievements, and celebrate your victories.",              "imageSrc": "https://img.b2bpic.net/free-vector/golden-star-set_23-2147731295.jpg",              "imageAlt": "Achievement badges and rewards unlocked in the app"
            },
            {
              "id": 4,
              "title": "Expert Guidance",              "description": "Access evidence-based tips, expert advice from health professionals, and personalized strategies tailored to your quitting plan.",              "imageSrc": "https://img.b2bpic.net/free-photo/psychological-therapy-support-group-meeting_23-2151044463.jpg",              "imageAlt": "Expert guidance and educational content"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="w-full"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Impact by Numbers"
          description="Join thousands of people who've successfully quit and transformed their lives"
          tag="Our Community"
          metrics={[
            {
              "id": "1",              "value": "150K+",              "description": "Users Quit Successfully"
            },
            {
              "id": "2",              "value": "$42M",              "description": "Saved Collectively"
            },
            {
              "id": "3",              "value": "95%",              "description": "Would Recommend"
            },
            {
              "id": "4",              "value": "30 Days",              "description": "Average to Success"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Success Stories from Our Community"
          description="Real people sharing their transformative journeys with Breathe"
          tag="Testimonials"
          testimonials={[
            {
              "id": "1",              "title": "Finally Free After 15 Years",              "quote": "I thought I'd never be able to quit. Breathe's tracking and community support gave me the tools and motivation I needed. I'm 6 months smoke-free now!",              "name": "Marcus Johnson",              "role": "Office Manager",              "imageSrc": "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              "imageAlt": "Marcus Johnson"
            },
            {
              "id": "2",              "title": "Changed My Life and My Family's Future",              "quote": "The app made quitting tangible. Seeing the money saved and health improvements daily kept me committed. My kids are so proud of me.",              "name": "Sarah Mitchell",              "role": "Teacher",              "imageSrc": "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              "imageAlt": "Sarah Mitchell"
            },
            {
              "id": "3",              "title": "Community Made All the Difference",              "quote": "When I felt weak, the community was there. Reading others' stories and sharing mine gave me strength I didn't know I had.",              "name": "James Chen",              "role": "Entrepreneur",              "imageSrc": "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              "imageAlt": "James Chen"
            },
            {
              "id": "4",              "title": "Best Investment in My Health",              "quote": "Breathe isn't just an app—it's a partner in your recovery. The expert tips and personalized guidance made my quitting journey smooth and sustainable.",              "name": "Elena Rodriguez",              "role": "Healthcare Professional",              "imageSrc": "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              "imageAlt": "Elena Rodriguez"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="w-full"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about Breathe and your quitting journey"
          tag="Help & Support"
          faqs={[
            {
              "id": "1",              "title": "How does Breathe help me quit vaping?",              "content": "Breathe provides a comprehensive toolkit including progress tracking to visualize your improvements, expert-backed guidance, community support from others on the same journey, and gamified rewards to keep you motivated. Our evidence-based approach addresses both the physical and psychological aspects of quitting."
            },
            {
              "id": "2",              "title": "Is Breathe suitable for complete beginners?",              "content": "Absolutely! Breathe is designed for everyone, whether you're just thinking about quitting or already in progress. We provide step-by-step guidance, beginner-friendly content, and personalized recommendations based on your readiness level."
            },
            {
              "id": "3",              "title": "How accurate is the health tracking?",              "content": "Our tracking uses industry-standard health metrics and research-backed calculations to estimate health improvements. While these are estimates, they're based on medical research about nicotine recovery timelines and are updated regularly."
            },
            {
              "id": "4",              "title": "Can I connect with real people in the community?",              "content": "Yes! Our community features include discussion groups, success story sharing, and peer support. You can connect with people at similar stages of their journey, share challenges and wins, and receive genuine encouragement from those who understand your experience."
            },
            {
              "id": "5",              "title": "What if I slip up or relapse?",              "content": "Relapse is part of many quitting journeys, and we're here to support you through it. Breathe includes relapse prevention tools, compassionate guidance, and community support to help you get back on track without judgment."
            },
            {
              "id": "6",              "title": "Is my data private and secure?",              "content": "Your privacy is paramount. We use enterprise-grade encryption, comply with all data protection regulations, and never sell your information. You control what information you share with the community."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/online-help-center_53876-95304.jpg"
          imageAlt="Help and support illustration"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Begin Your Journey Today"
          description="Join thousands of people taking control of their health. Get tips, success stories, and encouragement delivered to your inbox."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe anytime. You'll receive exclusive wellness tips and community updates."
          mediaPosition="right"
          tagIcon={Leaf}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-vector/light-pink-background-design_1107-150.jpg"
          imageAlt="Peaceful gradient background"
          columns={[
            {
              "title": "Product",              "items": [
                {"label": "Features", "href": "#features"},
                {"label": "Download App", "href": "https://app.example.com"},
                {"label": "Pricing", "href": "#pricing"}
              ]
            },
            {
              "title": "Community",              "items": [
                {"label": "Success Stories", "href": "#testimonials"},
                {"label": "Support Forum", "href": "https://community.example.com"},
                {"label": "Blog", "href": "https://blog.example.com"}
              ]
            },
            {
              "title": "Company",              "items": [
                {"label": "About Us", "href": "#about"},
                {"label": "Contact", "href": "#contact"},
                {"label": "Careers", "href": "https://careers.example.com"}
              ]
            }
          ]}
          logoText="Breathe"
          copyrightText="© 2025 Breathe. Helping millions quit vaping and reclaim their freedom."
        />
      </div>
    </ThemeProvider>
  );
}