"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardFour from '@/components/sections/pricing/PricingCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Star, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Edgetabs"
          navItems={[
            { name: "About", id: "about" },
            { name: "Benefits", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Edge", href: "pricing" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Unlock Your Edge. Pure Focus. Pure Energy."
          description="Edgetabs delivers clinically-dosed performance supplements in a convenient tin. Rated 4.8★ by 2,000+ customers who demand results."
          tag="LOW ON STOCK"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546571-39ecp4cp.jpg",
              imageAlt: "Edgetabs supplement tin product"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548723578-w60m1lng.jpg",
              imageAlt: "Athlete using Edgetabs for peak performance"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg",
              imageAlt: "Focus and concentration with Edgetabs"
            }
          ]}
          buttons={[
            { text: "Get Edge Now", href: "pricing" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Why Athletes Choose Edgetabs"
          description="Engineered for performance. No fillers. No compromises. Just the edge you need to dominate your day—whether in the gym, at your desk, or on the field."
          tag="The Edge Difference"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg"
          imageAlt="Edgetabs premium supplement tin packaging"
          buttons={[
            { text: "View All Benefits", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="What Makes Edgetabs Different"
          description="Designed for peak performance. Every ingredient chosen for efficacy, every dosage optimized for results."
          tag="Performance Science"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "Clinical Dosing",
              description: "Each ingredient dosed at levels shown to deliver real results in peer-reviewed studies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546571-39ecp4cp.jpg",
              imageAlt: "Clinical dosing"
            },
            {
              id: "02",
              title: "Fast-Acting Formula",
              description: "Feel the difference in 20 minutes. Sustained energy and focus for up to 6 hours.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg",
              imageAlt: "Fast-acting formula"
            },
            {
              id: "03",
              title: "Premium Quality",
              description: "No artificial colors, no mystery ingredients. Third-party tested. GMP certified.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
              imageAlt: "Premium quality"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFour
          title="Choose Your Pack"
          tag="Bundle & Save"
          tagIcon={Sparkles}
          ctaCards={[
            {
              title: "Questions?",
              description: "Chat with our team about your performance goals and we'll recommend the perfect plan.",
              href: "contact"
            },
            {
              title: "Subscribe & Save",
              description: "Lock in 10% off with auto-delivery. Cancel anytime, no questions asked.",
              href: "pricing"
            }
          ]}
          plans={[
            {
              id: "one-tin",
              name: "One Tin",
              price: "$39.99",
              subtitle: "Get started with Edgetabs—30 servings of pure edge.",
              features: [
                "30 servings per tin",
                "Clinical-dose energy blend",
                "Free shipping on orders $50+"
              ]
            },
            {
              id: "two-tins",
              name: "Two Tins",
              price: "$74.99",
              subtitle: "Save $5 with our 2-pack. Stack your edge.",
              features: [
                "60 servings total",
                "Save $5 (12% off)",
                "Free shipping included",
                "Stagger delivery option"
              ]
            },
            {
              id: "three-tins",
              name: "Three Tins Bundle",
              price: "$99.99",
              subtitle: "Best Value—save $20 and never run out of your edge.",
              features: [
                "90 servings total",
                "Save $20 (25% off)",
                "Free priority shipping",
                "VIP bundle pricing lock"
              ]
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by 2,000+ Performance Athletes"
          description="Real people. Real results. Read why Edgetabs is the go-to supplement for anyone serious about their edge."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus R.",
              handle: "Gym owner, Boston MA",
              testimonial: "First tin and I felt the difference immediately. My gym members noticed my workouts got more intense. Now we're buying Edgetabs in bulk.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548724608-9531nwz5.jpg",
              imageAlt: "Marcus R. testimonial"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "Founder, Tech startup",
              testimonial: "As someone who runs on coffee and ambition, Edgetabs gives me clean, sustained focus without the crash. Essential for back-to-back meetings.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548724920-41vl8kxp.jpg",
              imageAlt: "Sarah Chen testimonial"
            },
            {
              id: "3",
              name: "James T.",
              handle: "Competitive cyclist",
              testimonial: "Been using Edgetabs for 6 months. Better endurance, sharper mental clarity on long rides. This is the only supplement I trust.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548725248-4vwztkdd.jpg",
              imageAlt: "James T. testimonial"
            },
            {
              id: "4",
              name: "Alex P.",
              handle: "Personal trainer",
              testimonial: "I recommend Edgetabs to every client. No jitters, no crash, just pure performance. The quality is unmatched at this price.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548725564-j48d73y0.jpg",
              imageAlt: "Alex P. testimonial"
            },
            {
              id: "5",
              name: "Jordan M.",
              handle: "College athlete",
              testimonial: "Edgetabs helped me crush my PRs this season. Clean energy, zero bloat, totally reliable. Already on my second bundle.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548574598-qrzp73sr.jpg",
              imageAlt: "Jordan M. testimonial"
            },
            {
              id: "6",
              name: "Nina S.",
              handle: "Fitness influencer",
              testimonial: "I've tried everything. Edgetabs is the real deal. My followers ask about it daily. Transparency and results—that's why I recommend it.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378010628-m83xd3m3.jpg",
              imageAlt: "Nina S. testimonial"
            }
          ]}
          speed={30}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Edgetabs"
          sideDescription="Everything you need to know before placing your order."
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long does it take to feel the effects?",
              content: "Most users report noticing increased energy and focus within 20-30 minutes of taking Edgetabs. Peak effects occur around 45-60 minutes and last 5-6 hours on average."
            },
            {
              id: "2",
              title: "Can I take Edgetabs every day?",
              content: "Yes, Edgetabs is formulated for daily use. Many customers take one tin per month as part of their routine. We recommend not exceeding 2 servings per day."
            },
            {
              id: "3",
              title: "What if I don't like it?",
              content: "We offer a 30-day money-back guarantee, no questions asked. If Edgetabs doesn't deliver your edge, we'll refund your entire purchase."
            },
            {
              id: "4",
              title: "How does subscription work?",
              content: "Subscribe to auto-delivery and save 10% on every order. We'll ship a fresh tin every month on your schedule. Cancel anytime—no penalty, no hassle."
            },
            {
              id: "5",
              title: "Is Edgetabs safe?",
              content: "Edgetabs is GMP certified, third-party tested, and contains only clinically-studied ingredients. All components are listed transparently. Not for persons under 18."
            },
            {
              id: "6",
              title: "Will I build a tolerance?",
              content: "Edgetabs works differently than stimulant-based supplements. Many users report consistent results over months. Some take 'tolerance breaks' monthly to reset."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Performance Tips"
          title="Get Your Edge Newsletter"
          description="Weekly strategies, supplement science, and exclusive member-only discounts. Join 2,000+ athletes optimizing their performance."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548723966-qf6sb2wu.jpg"
          imageAlt="Edgetabs newsletter signup"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive marketing emails from Edgetabs."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548726139-i437wvk0.jpg"
          imageAlt="Edgetabs footer background"
          logoText="Edgetabs"
          copyrightText="© 2025 Edgetabs. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Pricing", href: "pricing" },
                { label: "Benefits", href: "features" },
                { label: "Reviews", href: "testimonials" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Shipping & Returns", href: "#shipping" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}