"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { AlertCircle, Sparkles, Zap, Crown, ShoppingCart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Edgetabs"
          navItems={[
            { name: "Product", id: "product" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Performance. Focus. Energy."
          description="Edge your competition with Edgetabs—the premium supplement engineered for peak mental and physical performance. Trusted by 2,000+ customers."
          tag="LOW ON STOCK"
          tagIcon={AlertCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709024-2w22hc3z.jpg"
          imageAlt="Premium supplement product showcase"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            { text: "Get Edge", href: "pricing" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Our Hero Product"
          description="Engineered for champions. Every tin delivers clean energy, sustained focus, and proven results."
          tag="Best Seller"
          products={[
            {
              id: "1",
              name: "Edgetabs Premium",
              price: "$49.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709746-srjpr3mp.jpg",
              imageAlt: "Edgetabs Premium Tin"
            },
            {
              id: "2",
              name: "Edgetabs Elite",
              price: "$89.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709746-srjpr3mp.jpg",
              imageAlt: "Edgetabs Elite Tin"
            },
            {
              id: "3",
              name: "Edgetabs Pro",
              price: "$129.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709746-srjpr3mp.jpg",
              imageAlt: "Edgetabs Pro Tin"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Choose Your Bundle"
          description="Select the perfect package. Save more with multi-tin bundles. All bundles include free shipping."
          plans={[
            {
              id: "single",
              badge: "Starter",
              badgeIcon: Sparkles,
              price: "$49.99",
              subtitle: "Single Tin - Full Month Supply",
              buttons: [
                { text: "Buy Now", href: "#checkout" }
              ],
              features: [
                "30-day supply",
                "Free shipping",
                "Money-back guarantee",
                "One-time purchase"
              ]
            },
            {
              id: "double",
              badge: "Popular",
              badgeIcon: Zap,
              price: "$89.99",
              subtitle: "Two Tins - Save 10%",
              buttons: [
                { text: "Buy Now", href: "#checkout" }
              ],
              features: [
                "60-day supply",
                "Save $9.99",
                "Free shipping",
                "Money-back guarantee"
              ]
            },
            {
              id: "triple",
              badge: "Best Value",
              badgeIcon: Crown,
              price: "$129.99",
              subtitle: "Three Tins - Save 13%",
              buttons: [
                { text: "Get Best Value", href: "#checkout" }
              ],
              features: [
                "90-day supply",
                "Save $19.98",
                "Free shipping",
                "Money-back guarantee",
                "Priority support"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Trusted by High Performers"
          description="Real results from real customers. 4.8 stars from 2,000+ verified purchases."
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen, Entrepreneur",
              date: "Date: 15 November 2024",
              title: "Game-changing energy without the crash",
              quote: "I've tried every supplement out there. Edgetabs is the only one that delivers sustained focus and energy for my 12-hour work days. No jitters, no crash. This is the real deal.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg"
            },
            {
              id: "2",
              name: "Sarah Williams, Fitness Coach",
              date: "Date: 10 November 2024",
              title: "My clients are asking what I'm taking",
              quote: "The energy boost is immediate and clean. I've been recommending Edgetabs to all my clients and they're seeing incredible results in their workouts. Honestly one of the best supplements I've ever used.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg"
            },
            {
              id: "3",
              name: "James Rodriguez, Athlete",
              date: "Date: 05 November 2024",
              title: "Finally, a supplement that works",
              quote: "I was skeptical at first, but the results speak for themselves. Better focus during training, improved endurance, and my recovery time has noticeably improved. Worth every penny.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg"
            },
            {
              id: "4",
              name: "Emma Thompson, Executive",
              date: "Date: 01 November 2024",
              title: "Essential for my demanding schedule",
              quote: "As a C-suite executive, I need to be sharp all day. Edgetabs gives me the edge I need for back-to-back meetings, decision-making, and staying on top of everything. Highly recommend.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg"
            },
            {
              id: "5",
              name: "David Kim, Software Engineer",
              date: "Date: 28 October 2024",
              title: "Exactly what I needed for coding marathons",
              quote: "Long coding sessions require mental stamina. Edgetabs keeps my mind sharp and my energy steady throughout the day. I've already reordered three times this month.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg"
            },
            {
              id: "6",
              name: "Jessica Anderson, CEO",
              date: "Date: 25 October 2024",
              title: "The supplement that actually delivers",
              quote: "I've tested countless products. Edgetabs is the only one that delivers on its promises. Clean ingredients, real results, and customer service that actually cares. This is my go-to now.",
              tag: "Verified Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548564562-b1jeu7ji.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548564562-b1jeu7ji.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardFourteen
          title="Proven Results, Trusted by Champions"
          tag="Impact"
          metrics={[
            {
              id: "1",
              value: "2,000+",
              description: "Verified customers who've experienced the edge"
            },
            {
              id: "2",
              value: "4.8★",
              description: "Average rating across all verified purchases"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Everything you need to know about Edgetabs and how it can help you perform."
          faqs={[
            {
              id: "1",
              title: "How quickly will I feel the effects?",
              content: "Most users report noticeable energy and focus within 15-30 minutes of taking Edgetabs. The effects typically last 4-6 hours, making it perfect for your most demanding hours of the day."
            },
            {
              id: "2",
              title: "Is there a money-back guarantee?",
              content: "Yes. We're confident you'll love Edgetabs. If you're not satisfied within 30 days, we'll refund your full purchase, no questions asked."
            },
            {
              id: "3",
              title: "Can I use it with other supplements?",
              content: "Edgetabs works well alongside most supplements. However, we recommend consulting with your healthcare provider if you're taking prescription medications or have specific health concerns."
            },
            {
              id: "4",
              title: "What's in each tin?",
              content: "Each tin contains 30 servings of our proprietary blend: premium caffeine extract, L-theanine for smooth focus, B-vitamin complex for sustained energy, and natural nootropics for mental clarity."
            },
            {
              id: "5",
              title: "How does the subscription work?",
              content: "With subscription, you get 10% off every order and automatic delivery each month. Cancel anytime with one click—no penalties, no hassle. Perfect for consistent performance."
            },
            {
              id: "6",
              title: "Is shipping really free?",
              content: "Yes, all bundles ship free within the US. Standard shipping takes 3-5 business days. We also offer expedited shipping options at checkout if you need it faster."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to get your edge?"
          ctaDescription="Join 2,000+ customers who've already experienced the difference. Order now and get free shipping on your first bundle."
          ctaButton={{
            text: "Order Now",
            href: "pricing"
          }}
          ctaIcon={ShoppingCart}
          faqs={[
            {
              id: "1",
              title: "Need help choosing?",
              content: "Start with our Best Value 3-Tin bundle to try Edgetabs risk-free. With 30-day money back guarantee, you have nothing to lose."
            },
            {
              id: "2",
              title: "Questions about your order?",
              content: "Email us at support@edgetabs.com or message our team 24/7. We're here to ensure you have the best experience possible."
            },
            {
              id: "3",
              title: "International shipping?",
              content: "We currently ship throughout North America. International orders coming soon—sign up for notifications."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",
              items: [
                { label: "About Edgetabs", href: "#" },
                { label: "Ingredients", href: "#" },
                { label: "Science Behind", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Edgetabs. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}