"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Zap, ShoppingCart, Sparkles, Instagram, Twitter, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="large"
      background="noise"
      cardStyle="solid-accent"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Product", id: "product" },
            { name: "Benefits", id: "feature" },
            { name: "Testimonials", id: "testimonial" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Edge Now",
            href: "product"
          }}
          brandName="Edgetabs"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Peak Performance, Maximum Focus"
          description="Edgetabs delivers pure energy and laser-sharp concentration. Built for athletes, professionals, and anyone pushing limits."
          tag="LOW ON STOCK"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548633328-cy6czqbc.jpg"
          imageAlt="Athletic performance background"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Shop Now", href: "product" },
            { text: "Learn More", href: "feature" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFive
          title="Choose Your Bundle"
          description="Select the perfect amount to match your performance goals. More tins = more savings."
          tag="Bundle Deals"
          tagIcon={Zap}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "single-tin",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548632682-bdrybobn.jpg",
              imageAlt: "Single Tin of Edgetabs",
              button: { text: "Add to Cart", href: "#checkout" }
            },
            {
              id: "double-tins",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548632682-bdrybobn.jpg",
              imageAlt: "Two Tins of Edgetabs",
              button: { text: "Save 15%", href: "#checkout" }
            },
            {
              id: "triple-tins",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548632682-bdrybobn.jpg",
              imageAlt: "Three Tins of Edgetabs - Best Value",
              button: { text: "Best Value - 25% Off", href: "#checkout" }
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Purchase Options"
          description="Choose one-time or subscribe for monthly convenience with exclusive savings."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single-one-time",
              badge: "One-Time",
              badgeIcon: ShoppingCart,
              price: "$49.99",
              subtitle: "Pay once, enjoy premium energy",
              buttons: [{ text: "Buy Single Tin", href: "#checkout" }],
              features: [
                "Pure energy boost lasting 4+ hours",
                "Enhanced mental clarity and focus",
                "Zero sugar, zero crash",
                "Ships within 24 hours"
              ]
            },
            {
              id: "bundle-subscription",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$39.99/mo",
              subtitle: "Subscribe & save 20% + free shipping",
              buttons: [{ text: "Start Subscription", href: "#checkout" }],
              features: [
                "Auto-delivery every 30 days",
                "20% discount on all bundles",
                "Free priority shipping",
                "Cancel anytime, no questions asked",
                "Exclusive subscriber perks"
              ]
            }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardOne
          title="Why Athletes Choose Edgetabs"
          description="Scientifically formulated for peak performance, trusted by thousands."
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Laser Focus",
              description: "Proprietary blend delivers sustained concentration for competitive edge. No jitters, pure clarity.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548576309-zptohiq7.jpg",
              imageAlt: "Focus and concentration"
            },
            {
              title: "Pure Energy",
              description: "Clean energy formula without crash. Athletes report 4+ hours of sustained performance boost.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548626647-amlbh7jj.jpg",
              imageAlt: "Energy and power"
            },
            {
              title: "Peak Performance",
              description: "Optimized ingredients for maximum output. Endorsed by professional athletes and fitness experts worldwide.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548635941-7fuhwryu.jpg",
              imageAlt: "Peak athletic performance"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="Trusted by 2,000+ Athletes"
          description="Real results from real customers. See why Edgetabs is the #1 choice for performance."
          textboxLayout="default"
          showRating={true}
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              handle: "@marcusfitness",
              testimonial: "Edgetabs transformed my workout routine. The sustained energy and mental clarity are unmatched. I've tried everything—this is the real deal.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "@sarahtrains",
              testimonial: "As a competitive athlete, I need supplements I can trust. Edgetabs delivers exactly what it promises—pure energy without the crash.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548633939-bn8ba8pu.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "3",
              name: "David Rodriguez",
              handle: "@davidperforms",
              testimonial: "My PRs have never been higher since switching to Edgetabs. The focus is incredible, and I love that there's no sugar crash afterward.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548634360-5veqg4km.jpg",
              imageAlt: "David Rodriguez"
            },
            {
              id: "4",
              name: "Jessica Williams",
              handle: "@jessicastrong",
              testimonial: "Perfect for early morning workouts and long work days. Edgetabs is my secret weapon for staying sharp and energized.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg",
              imageAlt: "Jessica Williams"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Edgetabs, delivery, and performance."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548632682-bdrybobn.jpg"
          imageAlt="Edgetabs supplement bottle"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long does the energy boost last?",
              content: "Most users report 4-6 hours of sustained energy and mental clarity. Effects vary based on body weight and caffeine sensitivity. Start with half a tin to assess your personal response."
            },
            {
              id: "2",
              title: "Is Edgetabs safe for daily use?",
              content: "Yes. Edgetabs is formulated for daily consumption by healthy adults. All ingredients are third-party tested and verified. Consult your doctor if you have caffeine sensitivity or take medications."
            },
            {
              id: "3",
              title: "When will my order arrive?",
              content: "Standard orders ship within 24 hours and arrive within 5-7 business days. Subscription orders receive priority shipping at no extra cost with 2-3 day delivery."
            },
            {
              id: "4",
              title: "What's your return policy?",
              content: "30-day money-back guarantee, no questions asked. If you're not completely satisfied, we'll issue a full refund. We want you to experience the Edgetabs difference risk-free."
            },
            {
              id: "5",
              title: "Can I cancel my subscription anytime?",
              content: "Absolutely. Cancel your subscription anytime with one click. No fees, no penalties, no contact required. We only ask that you let us know how we can improve."
            },
            {
              id: "6",
              title: "What are the key ingredients?",
              content: "Edgetabs contains a proprietary blend of natural caffeine, L-theanine for calm focus, beta-alanine for endurance, and essential B-vitamins. Zero sugar, zero artificial colors. See our full label for complete details."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Questions about Edgetabs? Our team is here to help. Reach out anytime."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548632682-bdrybobn.jpg"
          imageAlt="Edgetabs bottle"
          buttonText="Send Message"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "your@email.com", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us how we can help...",
            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Edgetabs"
          copyrightText="© Edgetabs, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Shop Now", href: "product" },
                { label: "Bundles", href: "pricing" },
                { label: "Subscription", href: "pricing" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Returns", href: "#" },
                { label: "Shipping", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms", href: "#" },
                { label: "Privacy", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/edgetabs",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/edgetabs",
              ariaLabel: "Twitter"
            },
            {
              icon: Youtube,
              href: "https://youtube.com/edgetabs",
              ariaLabel: "YouTube"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}