"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterCard from '@/components/sections/footer/FooterCard';
import { AlertCircle, Sparkles, CheckCircle, Instagram, Twitter, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Edgetabs"
          navItems={[
            { name: "Product", id: "product" },
            { name: "Benefits", id: "benefits" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Edge",
            href: "product"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Unlock Your Edge. Peak Performance Starts Here."
          description="Advanced energy & focus formula trusted by 2,000+ customers. Get the endurance, mental clarity, and sustained energy your body demands."
          tag="⚡ LOW ON STOCK"
          tagIcon={AlertCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548313614-6wubqh5c.jpg"
          imageAlt="Edgetabs supplement product showcase"
          frameStyle="card"
          buttons={[
            { text: "Get Edge Now", href: "product" },
            { text: "Learn More", href: "benefits" }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardTwo
          title="Choose Your Bundle"
          description="Select the perfect package for your performance goals. Subscribe and save 10% on every order."
          tag="Best Value"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              brand: "Edgetabs",
              name: "Single Tin",
              price: "$49.99",
              rating: 5,
              reviewCount: "2.1k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314237-asndkjzr.jpg",
              imageAlt: "Edgetabs single tin supplement"
            },
            {
              id: "2",
              brand: "Edgetabs",
              name: "Bundle of 2 Tins",
              price: "$94.99",
              rating: 5,
              reviewCount: "1.8k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314704-12h3h51c.jpg",
              imageAlt: "Edgetabs bundle of 2 tins"
            },
            {
              id: "3",
              brand: "Edgetabs",
              name: "Bundle of 3 Tins (Save 15%)",
              price: "$127.49",
              rating: 5,
              reviewCount: "2.3k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315011-1ysmkj5i.jpg",
              imageAlt: "Edgetabs best value bundle of 3 tins"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          animationType="slide-up"
          buttons={[
            { text: "Add to Cart", href: "#checkout" }
          ]}
        />
      </div>

      <div id="benefits" data-section="benefits">
        <FeatureCardTwenty
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314237-asndkjzr.jpg"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314704-12h3h51c.jpg"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315011-1ysmkj5i.jpg"
            }
          ]}
          title="Performance That Works"
          description="Edgetabs delivers sustained energy, laser-sharp focus, and endurance to crush your goals. No crash, no jitters—just pure performance."
          tag="Clinically Formulated"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Start Your Edge", href: "product" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Why 2,000+ Athletes Trust Edgetabs"
          description="Performance metrics that matter. Real results from real users."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              title: "Orders Shipped",
              subtitle: "Fast, reliable delivery to your door",
              category: "Logistics",
              value: "50K+"
            },
            {
              id: "2",
              title: "Customer Satisfaction",
              subtitle: "Average rating across all orders",
              category: "Quality",
              value: "98%"
            },
            {
              id: "3",
              title: "Repeat Customers",
              subtitle: "Athletes who order monthly",
              category: "Loyalty",
              value: "75%"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by Elite Athletes"
          description="Real testimonials from customers experiencing real results with Edgetabs."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Jake Morrison",
              handle: "Fitness Coach",
              testimonial: "Edgetabs changed my workout routine. The energy boost is clean and sustained—no crash. My clients notice the difference in my performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548316328-s6suk45e.jpg",
              imageAlt: "Jake Morrison profile"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "Endurance Athlete",
              testimonial: "I've tried dozens of supplements. Edgetabs is the only one that gives me consistent energy without the jitters. Highly recommend.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548316738-aduogl13.jpg",
              imageAlt: "Sarah Chen profile"
            },
            {
              id: "3",
              name: "Marcus Williams",
              handle: "CrossFit Champion",
              testimonial: "The focus and endurance I get from Edgetabs is unmatched. This is my go-to pre-workout. It's why I perform at my best.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Marcus Williams profile"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              handle: "Marathon Runner",
              testimonial: "As someone who runs marathons, sustained energy is critical. Edgetabs delivers exactly what I need—focus, endurance, and no crash.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767540030079-emomah4e.jpg",
              imageAlt: "Emma Rodriguez profile"
            },
            {
              id: "5",
              name: "Alex Thompson",
              handle: "Strength Coach",
              testimonial: "I recommend Edgetabs to all my clients. The formula is clean, the results are consistent, and the value is exceptional.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317621-jen77053.jpg",
              imageAlt: "Alex Thompson profile"
            },
            {
              id: "6",
              name: "Jordan Blake",
              handle: "Olympic Trainer",
              testimonial: "For elite performance, you need elite supplements. Edgetabs delivers the mental clarity and physical endurance my athletes demand.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "Jordan Blake profile"
            }
          ]}
          speed={35}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Edgetabs and how to maximize your performance."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315588-sznjnlrh.jpg"
          imageAlt="Edgetabs supplement benefits"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long before I feel the effects?",
              content: "Most users report noticeable energy and focus within 20-30 minutes. Peak performance occurs at the 45-minute mark and lasts 4-6 hours depending on your metabolism and workout intensity."
            },
            {
              id: "2",
              title: "Is Edgetabs safe for daily use?",
              content: "Yes, Edgetabs is formulated for daily use. Our blend uses clinically-studied ingredients at optimal dosages. However, we recommend consulting your healthcare provider before starting any new supplement regimen, especially if you have pre-existing conditions."
            },
            {
              id: "3",
              title: "Can I take Edgetabs with other supplements?",
              content: "Edgetabs works well with most supplements. Avoid stacking with other stimulant-based products. We recommend spacing it 4-6 hours from caffeine-heavy beverages if you're sensitive to stimulants."
            },
            {
              id: "4",
              title: "What's your subscription cancellation policy?",
              content: "Cancel anytime, no questions asked. Log into your account and manage your subscription, or contact our support team for instant cancellation. We never force long-term commitments."
            },
            {
              id: "5",
              title: "Do you offer international shipping?",
              content: "We ship to 50+ countries worldwide. International orders typically arrive within 7-14 business days. Shipping costs are calculated at checkout based on your location."
            },
            {
              id: "6",
              title: "What if Edgetabs doesn't work for me?",
              content: "We offer a 30-day money-back guarantee. If you're not satisfied with your results, we'll refund 100% of your purchase—no hassle, no restocking fees."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to unlock your edge?"
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          useInvertedBackground="noInvert"
          animationType="entrance-slide"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Edgetabs"
          copyrightText="© 2025 Edgetabs. All rights reserved. Performance without compromise."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/edgetabs",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/edgetabs",
              ariaLabel: "Twitter"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/edgetabs",
              ariaLabel: "Facebook"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}