"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Award, Facebook, Heart, HelpCircle, Instagram, Linkedin, Twitter, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="medium"
      background="animatedGrid"
      cardStyle="floating"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="VapeStop"
          navItems={[
            { name: "Features", id: "features" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Download App",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Take Control of Your Life. Quit Vaping Today."
          description="Your personal companion to break free from nicotine. Track progress, stay motivated, and join thousands who've already quit."
          tag="Quit with Confidence"
          tagIcon={Heart}
          buttons={[
            {
              text: "Download Now",
              href: "#contact"
            },
            {
              text: "Learn More",
              href: "#features"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347531941-86doon5c.jpg",
              imageAlt: "Person breaking free from vaping"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347536220-k0f3hjlf.jpg",
              imageAlt: "VapeStop app interface"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347532925-wkbbk2mn.jpg",
              imageAlt: "Progress tracking visualization"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="Empowering Your Journey to Freedom"
          useInvertedBackground="noInvert"
          description={[
            "VapeStop is dedicated to helping people break free from nicotine addiction. We believe everyone deserves the support and tools to quit successfully. Our app combines proven behavioral strategies, community support, and personalized tracking to make quitting easier and more achievable than ever before."
          ]}
          metrics={[
            {
              label: "Users Successfully Quit",
              value: "250K+"
            },
            {
              label: "Smoke-Free Days Tracked",
              value: "50M+"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Powerful Tools to Help You Quit"
          description="Everything you need in one app to break free from vaping"
          tag="App Features"
          tagIcon={Zap}
          features={[
            {
              id: "1",
              title: "Real-Time Progress Tracking",
              description: "Watch your savings grow and health improve as you stay quit",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347532925-wkbbk2mn.jpg",
              imageAlt: "Progress tracking dashboard"
            },
            {
              id: "2",
              title: "Community Support Network",
              description: "Connect with others on their quit journey and share victories",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140150563-flh68m16.png",
              imageAlt: "Community chat and support"
            },
            {
              id: "3",
              title: "Daily Motivation",
              description: "Personalized tips, affirmations, and strategies to stay strong",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347533765-wqr7u0mf.jpg",
              imageAlt: "Motivation and tips section"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347537329-jgeyxwm0.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347538216-4winqq63.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347539130-98o2zdvq.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "James Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163680798-oj3ju2na.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Over 250,000 people have quit vaping with VapeStop"
          cardTag="Real Success Stories"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Health Organizations"
          description="Featured by leading wellness and health advocates"
          tag="Partners"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347540465-ihbuvzy6.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347541350-ifnk14o0.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347542163-71w8w88l.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg"
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about VapeStop and quitting vaping"
          tag="Help Center"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347533765-wqr7u0mf.jpg"
          imageAlt="Support and FAQ"
          mediaPosition="right"
          faqs={[
            {
              id: "1",
              title: "How does the app help me quit vaping?",
              content: "VapeStop provides personalized tracking, daily motivation, and community support to help you stay accountable and overcome cravings. The app uses proven behavioral science techniques to make quitting easier."
            },
            {
              id: "2",
              title: "Is VapeStop really free?",
              content: "Yes, VapeStop is completely free to download and use. All core features are available at no cost to support your quitting journey."
            },
            {
              id: "3",
              title: "How does the progress tracking work?",
              content: "Simply log when you quit. The app automatically calculates money saved, health improvements, and days smoke-free. You can watch your progress in real-time to stay motivated."
            },
            {
              id: "4",
              title: "Can I connect with other users?",
              content: "Absolutely! VapeStop has a supportive community where you can share your journey, get encouragement, and help others. Many users find community support crucial to their success."
            },
            {
              id: "5",
              title: "What if I have a setback?",
              content: "Setbacks are normal. VapeStop treats them without judgment and provides compassionate guidance to help you get back on track. The app is designed to support the entire journey."
            },
            {
              id: "6",
              title: "How often should I use the app?",
              content: "We recommend checking the app daily to log progress and view your motivational content. Even a few minutes daily helps maintain focus and strengthen your commitment to quitting."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Start Your Journey Today"
          description="Download VapeStop now and begin your path to freedom. Join thousands who've already quit vaping."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766347534765-01rbna2b.jpg"
          imageAlt="Download VapeStop app"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Send Download Link"
          termsText="By signing up, you agree to receive app updates and quit-vaping resources."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="VapeStop"
          description="Helping people quit vaping and reclaim their health. Your journey to freedom starts here."
          columns={[
            {
              title: "Product",
              items: [
                {
                  label: "Features",
                  href: "features"
                },
                {
                  label: "Download",
                  href: "contact"
                },
                {
                  label: "Community",
                  href: "testimonials"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "Help Center",
                  href: "faq"
                },
                {
                  label: "Contact Us",
                  href: "contact"
                },
                {
                  label: "Blog",
                  href: "#blog"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About",
                  href: "about"
                },
                {
                  label: "Privacy Policy",
                  href: "#privacy"
                },
                {
                  label: "Terms of Service",
                  href: "#terms"
                }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",
              ariaLabel: "LinkedIn"
            }
          ]}
          copyrightText="© 2025 VapeStop. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}