"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import SplitAbout from '@/components/sections/about/SplitAbout';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Star, Zap, Brain, CheckCircle, Shield, AlertCircle, TrendingDown, Sparkles, Award, Users, TrendingUp, HelpCircle, Instagram, Twitter, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Edgetabs"
          navItems={[
            { name: "About", id: "about" },
            { name: "Product", id: "product" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Edge", href: "pricing" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Unlock Peak Performance Focus"
          description="Edgetabs™ delivers sustained energy and laser-sharp focus for competitors, athletes, and high performers. Rated 4.8 by 2,000+ customers."
          tag="★★★★★ Trusted by 2,000+"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548533309-93g8lao7.jpg"
          imageAlt="Edgetabs supplement tin - premium performance product"
          buttons={[{ text: "Get Edge", href: "pricing" }]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Built for Peak Performance"
          description="Edgetabs combines clinically-studied ingredients to deliver sustained focus, energy without the crash, and enhanced physical performance. Every tin is formulated for serious competitors."
          tag="Why Edgetabs"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548852178-tjnkdibw.jpg"
          imageAlt="Supplement science and research behind Edgetabs"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Sustained Energy",
              description: "No crash formula keeps you performing for hours without the jitters",
              icon: Zap
            },
            {
              title: "Laser Focus",
              description: "Cognitive enhancement blend designed for competitive edge",
              icon: Brain
            },
            {
              title: "Clinically Studied",
              description: "Every ingredient backed by peer-reviewed research and testing",
              icon: CheckCircle
            },
            {
              title: "Clean Ingredients",
              description: "Zero fillers, no artificial flavors, transparency you can trust",
              icon: Shield
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Edge"
          description="Lock in savings on bulk orders or commit to monthly delivery with our subscription option"
          tag="LOW ON STOCK"
          tagIcon={AlertCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "single-tin",
              tag: "One-Time Purchase",
              price: "$49",
              period: "/tin",
              description: "Perfect for trying Edgetabs and experiencing peak performance",
              button: { text: "Add to Cart", href: "#contact" },
              featuresTitle: "What You Get:",
              features: [
                "1 tin (20 servings)",
                "Full performance formula",
                "Free shipping on orders $50+"
              ]
            },
            {
              id: "double-tin",
              tag: "Save 10%",
              tagIcon: TrendingDown,
              price: "$88",
              period: "/2 tins",
              description: "Popular choice for serious competitors looking to stock up",
              button: { text: "Add to Cart", href: "#contact" },
              featuresTitle: "What You Get:",
              features: [
                "2 tins (40 servings)",
                "Save $10 vs singles",
                "Free priority shipping",
                "Money-back guarantee"
              ]
            },
            {
              id: "triple-tin",
              tag: "Best Value - Save 20%",
              tagIcon: Sparkles,
              price: "$117",
              period: "/3 tins",
              description: "Maximum savings and continuous supply for peak performers",
              button: { text: "Add to Cart", href: "#contact" },
              featuresTitle: "What You Get:",
              features: [
                "3 tins (60 servings)",
                "Save $30 vs singles",
                "Free priority shipping",
                "Extended 60-day guarantee",
                "Exclusive competitor tips guide"
              ]
            }
          ]}
        />
      </div>

      <div id="subscription" data-section="subscription">
        <ProductCardFive
          title="Subscribe & Save 10%"
          description="Get Edgetabs delivered monthly at an unbeatable price. Cancel anytime—no commitments, no surprises."
          tag="Auto-Delivery"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "sub-monthly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548850728-nxb47poc.jpg",
              imageAlt: "Monthly Edgetabs subscription",
              button: { text: "Subscribe Now", href: "#contact" }
            },
            {
              id: "sub-monthly-2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548850728-nxb47poc.jpg",
              imageAlt: "Monthly Edgetabs subscription",
              button: { text: "Subscribe Now", href: "#contact" }
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Trusted by Competitors & Athletes"
          description="Real results from real people pushing peak performance"
          tag="Customer Reviews"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen",
              role: "Competitive Athlete",
              testimonial: "Edgetabs changed my performance metrics. Sustained energy throughout training with zero crash. This is the edge I needed.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              icon: Star
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Professional Gamer",
              testimonial: "The focus is unreal. 6-hour tournaments and I'm sharp the entire time. Edgetabs is non-negotiable for my prep.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg",
              icon: Star
            },
            {
              id: "3",
              name: "James Rodriguez",
              role: "Fitness Coach",
              testimonial: "I recommend Edgetabs to every serious client. Clean formula, proven results, and customers actually feel the difference.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              icon: Star
            },
            {
              id: "4",
              name: "Elena Petrov",
              role: "Startup Founder",
              testimonial: "As a founder juggling 100 things, Edgetabs gives me the sustained focus I need. No jitters, just results.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548851392-t3ubd6aq.jpg",
              icon: Star
            },
            {
              id: "5",
              name: "David Kim",
              role: "Competitive Esports",
              testimonial: "Reaction time matters in esports. Edgetabs improved my focus and consistency. Top tier product.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469325-m3l0pb0f.jpg",
              icon: Star
            },
            {
              id: "6",
              name: "Jessica Wong",
              role: "Strength Athlete",
              testimonial: "Honest review: Edgetabs is the real deal. Better than competitors and actually tastes good. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              icon: Star
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="The Edgetabs Impact"
          description="Numbers that prove our performance formula works"
          tag="Proven Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              icon: Users,
              title: "Users",
              value: "2,000+"
            },
            {
              id: "2",
              icon: Star,
              title: "Rating",
              value: "4.8/5"
            },
            {
              id: "3",
              icon: Zap,
              title: "Hours Focus",
              value: "6+"
            },
            {
              id: "4",
              icon: TrendingUp,
              title: "Repeat Buyers",
              value: "87%"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Everything you need to know about Edgetabs and ordering"
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "When will I feel the effects?",
              content: "Most users report noticeable focus and energy within 30-45 minutes. Peak performance occurs around 1.5-2 hours and sustains for 6+ hours."
            },
            {
              id: "2",
              title: "Is Edgetabs safe?",
              content: "Yes. Every ingredient is clinically studied and dosed for safety. We use zero banned substances, fillers, or artificial additives. Third-party tested."
            },
            {
              id: "3",
              title: "Can I take Edgetabs every day?",
              content: "Absolutely. Edgetabs is formulated for daily use without tolerance buildup. Listen to your body and adjust as needed."
            },
            {
              id: "4",
              title: "How do subscriptions work?",
              content: "Subscribe and get 10% off every month. We ship your tins on your schedule. Change, skip, or cancel anytime with zero penalties."
            },
            {
              id: "5",
              title: "What's your return policy?",
              content: "60-day money-back guarantee. If you're not performing better, we refund your purchase. No questions asked."
            },
            {
              id: "6",
              title: "Do you ship internationally?",
              content: "Currently shipping to US, Canada, UK, and EU. International expansion coming Q2 2025. Email us for special requests."
            },
            {
              id: "7",
              title: "What makes Edgetabs different?",
              content: "Clean formula without crash, clinically-studied dosages, transparent sourcing, and 87% repeat customer rate. We're built for real competitors."
            },
            {
              id: "8",
              title: "Any side effects?",
              content: "Edgetabs is well-tolerated. Some users new to stimulants may experience mild jitters at first. Start with half a serving to assess tolerance."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Get Your Edge?"
          tagIcon={Zap}
          title="Join 2,000+ Peak Performers"
          description="Claim your competitive advantage today. Stock is running low on our bestselling formula."
          useInvertedBackground="invertCard"
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          termsText="By clicking Get Started, you agree to our Terms of Service. We respect your privacy and never spam."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Edgetabs"
          copyrightText="© Edgetabs, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "About Edgetabs", href: "about" },
                { label: "Bundle Pricing", href: "pricing" },
                { label: "Reviews", href: "testimonials" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Return Policy", href: "https://example.com/returns" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}