"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, TrendingUp, CheckCircle, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Benefits", id: "benefits" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Edge", href: "purchase" }}
          brandName="EDGETABS"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="EDGETABS"
          description="Unlock peak performance with the supplement trusted by 2,000+ customers. Enhanced focus, sustained energy, unstoppable drive."
          buttons={[
            { text: "Get Edge Now", href: "purchase" },
            { text: "★★★★★ Rated 4.8", href: "testimonials" }
          ]}
          layoutOrder="default"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548622997-ewtkohf3.jpg"
          imageAlt="EDGETABS premium supplement tin"
          frameStyle="card"
        />
      </div>

      <div id="purchase" data-section="purchase">
        <ProductCardThree
          title="Choose Your Bundle"
          description="Select the bundle that fits your goals. Save more when you commit to your edge."
          tag="LIMITED STOCK"
          products={[
            {
              id: "single",
              name: "Single Tin",
              price: "$49.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548623425-7ue6n69o.jpg",
              imageAlt: "Single EDGETABS tin",
              initialQuantity: 1
            },
            {
              id: "double",
              name: "Double Bundle",
              price: "$89.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548623425-7ue6n69o.jpg",
              imageAlt: "Double EDGETABS bundle - Save 10%",
              initialQuantity: 1
            },
            {
              id: "triple",
              name: "Triple Bundle (Best Value)",
              price: "$119.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548623425-7ue6n69o.jpg",
              imageAlt: "Triple EDGETABS bundle - Save 20%",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Subscription Options", href: "#subscription-info" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Athletes Choose Edgetabs"
          description="Scientifically formulated for peak performance. Three core benefits that matter."
          tag="PROVEN FORMULA"
          tagIcon={Zap}
          features={[
            {
              id: 1,
              title: "Enhanced Focus",
              description: "Nootropic blend engineered to sharpen mental clarity and sustain concentration during peak performance windows. Stay locked in, stay ahead.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548576084-gvic0c3r.jpg"
            },
            {
              id: 2,
              title: "Sustained Energy",
              description: "Clean, smooth energy boost without the jitters or crash. Extended performance window backed by premium ingredients and athlete feedback.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548626647-amlbh7jj.jpg"
            },
            {
              id: 3,
              title: "Peak Performance",
              description: "Optimized formulation supports endurance, strength output, and recovery. Trusted by professional athletes and fitness enthusiasts.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548626922-nqs811c2.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "See Full Ingredients", href: "#" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Edgetabs by the Numbers"
          description="Real results from real athletes. Performance metrics that speak."
          tag="PROVEN RESULTS"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              value: "2,000+",
              title: "Customers Transformed",
              items: [
                "4.8-star average rating",
                "92% repurchase rate",
                "Across 50+ countries"
              ]
            },
            {
              id: "2",
              value: "47%",
              title: "Reported Energy Boost",
              items: [
                "Sustained 6+ hours",
                "Without crash or jitters",
                "Within first week"
              ]
            },
            {
              id: "3",
              value: "3x",
              title: "Better Focus Window",
              items: [
                "Vs. standard supplements",
                "Professional athletes verified",
                "Nootropic-enhanced formula"
              ]
            },
            {
              id: "4",
              value: "100%",
              title: "Natural Ingredients",
              items: [
                "Zero artificial additives",
                "Lab-tested purity",
                "Transparent sourcing"
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What High Performers Say"
          description="Join 2,000+ athletes and professionals who've transformed their performance with Edgetabs."
          tag="VERIFIED CUSTOMERS"
          tagIcon={CheckCircle}
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen",
              role: "Professional Athlete",
              company: "Elite Performance Coaching",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548624346-yk90wjvc.jpg",
              imageAlt: "Marcus Chen"
            },
            {
              id: "2",
              name: "Jessica Rivera",
              role: "Fitness Entrepreneur",
              company: "Strong & Focused",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548624813-xsym406n.jpg",
              imageAlt: "Jessica Rivera"
            },
            {
              id: "3",
              name: "David Okonkwo",
              role: "CEO & Gym Owner",
              company: "Peak Performance Labs",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548625111-z8cu8hx1.jpg",
              imageAlt: "David Okonkwo"
            },
            {
              id: "4",
              name: "Sarah Mitchell",
              role: "Competitive Runner",
              company: "Marathon Elite Training",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548625933-vcrm422v.jpg",
              imageAlt: "Sarah Mitchell"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Read More Reviews", href: "#" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about Edgetabs, delivery, and results."
          tag="SUPPORT"
          faqs={[
            {
              id: "1",
              title: "When will I see results?",
              content: "Most customers report noticeable focus and energy improvements within 3-5 days of consistent use. Peak performance effects typically stabilize within 2-3 weeks. Individual results vary based on fitness level, diet, and usage frequency."
            },
            {
              id: "2",
              title: "Is there a subscription option?",
              content: "Yes! Our subscription option gives you 10% off every order, flexible scheduling (monthly or custom intervals), and the ability to cancel anytime. Perfect for athletes who want consistent supply without the commitment hassle."
            },
            {
              id: "3",
              title: "What's your shipping timeline?",
              content: "Standard US shipping: 3-5 business days. Express: 1-2 business days. International orders ship within 5-7 business days. All orders include tracking and are shipped via premium carriers."
            },
            {
              id: "4",
              title: "Do you offer a money-back guarantee?",
              content: "100% satisfaction guarantee. Try Edgetabs risk-free for 30 days. If you're not experiencing the focus and energy boost you expected, we'll refund your full purchase—no questions asked."
            },
            {
              id: "5",
              title: "Are the ingredients natural?",
              content: "Completely. Edgetabs uses 100% natural, lab-tested ingredients with zero artificial additives or fillers. We're transparent about sourcing and testing—every batch is verified for purity and potency."
            },
            {
              id: "6",
              title: "Can I combine with other supplements?",
              content: "Edgetabs is designed to be a standalone performance supplement and pairs well with standard workout routines and meal plans. However, if you're on medications or have specific health concerns, consult your healthcare provider before combining supplements."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548623425-7ue6n69o.jpg"
          imageAlt="EDGETABS premium supplement"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Need Help? Let's Connect"
          ctaDescription="Questions about Edgetabs? Our performance team is here to help you find your edge."
          ctaButton={{ text: "Contact Us", href: "mailto:support@edgetabs.com" }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",
              title: "How do I place my first order?",
              content: "Select your preferred bundle above (single, double, or triple), choose one-time or subscription, and proceed to checkout. Takes under 2 minutes. Payment methods: Credit card, PayPal, Apple Pay, Google Pay."
            },
            {
              id: "2",
              title: "What if I'm not satisfied?",
              content: "We stand behind Edgetabs with a full 30-day money-back guarantee. No asterisks, no hassle. If you're not experiencing peak focus and energy, we'll refund your purchase in full."
            },
            {
              id: "3",
              title: "Can I gift Edgetabs?",
              content: "Absolutely. Perfect gift for athletes, fitness enthusiasts, and anyone chasing peak performance. We offer elegant gift packaging and custom gift cards with messaging."
            },
            {
              id: "4",
              title: "Do you ship internationally?",
              content: "Yes! We ship to 50+ countries. International orders have slightly longer processing but include the same tracking and quality assurance. Customs duties may apply depending on your location."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",
              items: [
                { label: "Bundles", href: "purchase" },
                { label: "Ingredients", href: "#" },
                { label: "Subscription", href: "#" },
                { label: "Guarantee", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 EDGETABS. Get Your Edge."
        />
      </div>
    </ThemeProvider>
  );
}