"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import PricingCardFour from '@/components/sections/pricing/PricingCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { AlertCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="animatedAurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Shop", id: "pricing" },
            { name: "Why EdgeTabs", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Get Edge", href: "pricing" }}
          brandName="EdgeTabs"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Maximum Focus. Maximum Energy. No Crash."
          buttons={[
            { text: "Buy Now", href: "pricing" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547301496-trqu8fd9.jpg",
              imageAlt: "EdgeTabs supplement tin - performance focused"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547302348-6oq6c4kr.jpg",
              imageAlt: "EdgeTabs premium capsule supplement"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547303050-a2zyr39f.jpg",
              imageAlt: "EdgeTabs energy supplement product"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547303718-kx5vx1x0.jpg",
              imageAlt: "EdgeTabs tin capsule container"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547304386-qpeq06ph.jpg",
              imageAlt: "EdgeTabs fitness supplement jar"
            }
          ]}
          ariaLabel="EdgeTabs hero section with product carousel"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Why EdgeTabs"
          description="We engineered EdgeTabs to deliver sustained focus and clean energy without the jitters or crash. Every capsule is formulated with premium, research-backed ingredients to keep you sharp, alert, and performing at your peak all day long."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Trusted by thousands of high-performers who demand the best."
          tag="Performance Proven"
          metrics={[
            {
              id: "1",
              value: "98%",
              description: "Customer satisfaction rate. Our users keep coming back because EdgeTabs delivers results, every single time."
            },
            {
              id: "2",
              value: "2,000+",
              description: "5-star reviews from verified customers. Real people, real results, real energy without the crash."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFour
          title="Choose Your EdgeTabs Bundle"
          tag="Low on Stock"
          tagIcon={AlertCircle}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          ctaCards={[
            {
              title: "Need Help?",
              description: "Chat with our team about which bundle is right for you.",
              href: "contact"
            },
            {
              title: "Subscription Savings",
              description: "Save 10% when you subscribe. Cancel anytime, delivered monthly.",
              href: "pricing"
            }
          ]}
          plans={[
            {
              id: "single",
              name: "Single Tin",
              price: "$34.99",
              subtitle: "Try it out with one tin",
              features: [
                "30-day supply (1 tin)",
                "Free shipping on orders $50+",
                "30-day money-back guarantee",
                "Premium focus & energy formula"
              ]
            },
            {
              id: "double",
              name: "Double Bundle",
              price: "$64.99",
              subtitle: "Save 7% on 2 tins",
              features: [
                "60-day supply (2 tins)",
                "Free shipping included",
                "30-day money-back guarantee",
                "Consistent daily performance"
              ]
            },
            {
              id: "triple",
              name: "Best Value",
              price: "$94.99",
              subtitle: "Save 9% on 3 tins",
              features: [
                "90-day supply (3 tins)",
                "Free priority shipping",
                "30-day money-back guarantee",
                "Maximum performance savings"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547305478-fweyvjya.jpg",
              imageAlt: "Sarah Chen, software engineer"
            },
            {
              id: "2",
              name: "Marcus Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547306267-pby6uzdd.jpg",
              imageAlt: "Marcus Johnson, entrepreneur"
            },
            {
              id: "3",
              name: "Lisa Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547306899-rmyqkijq.jpg",
              imageAlt: "Lisa Rodriguez, fitness coach"
            },
            {
              id: "4",
              name: "James Webb",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547307527-ea8jw4ch.jpg",
              imageAlt: "James Webb, consultant"
            },
            {
              id: "5",
              name: "Emma Taylor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547308385-b7vtjzjh.jpg",
              imageAlt: "Emma Taylor, athlete"
            },
            {
              id: "6",
              name: "David Kim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547309058-u4j4hjke.jpg",
              imageAlt: "David Kim, professional"
            }
          ]}
          cardTitle="Join 2,000+ customers who switched to EdgeTabs and never looked back"
          cardTag="See what they say"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about EdgeTabs supplements and how they deliver maximum focus and energy."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          tag="Support"
          faqs={[
            {
              id: "1",
              title: "What's in EdgeTabs and how does it work?",
              content: "EdgeTabs contains a premium blend of focus-enhancing and energy-sustaining ingredients: caffeine (from natural sources), L-theanine for calm focus, B-vitamins for energy metabolism, and nootropics like alpha-GPC. Together, they deliver sharp mental clarity and sustained energy without jitters or crash."
            },
            {
              id: "2",
              title: "How long does it take to feel the effects?",
              content: "Most users report feeling increased focus and energy within 20-30 minutes of taking EdgeTabs. Effects typically last 6-8 hours, making it perfect for your work day or training session."
            },
            {
              id: "3",
              title: "Is EdgeTabs safe? Any side effects?",
              content: "EdgeTabs are formulated with safe, research-backed ingredients. Most users experience no side effects. However, if you're sensitive to caffeine or taking medications, consult your doctor first. Pregnant/nursing individuals should avoid."
            },
            {
              id: "4",
              title: "What's your return policy?",
              content: "We offer a 30-day money-back guarantee. If EdgeTabs doesn't deliver for you, we'll refund your purchase—no questions asked. We're that confident you'll love it."
            },
            {
              id: "5",
              title: "How fast is shipping?",
              content: "Orders ship within 1 business day. Standard shipping takes 5-7 business days (free on orders $50+). We also offer priority 2-day shipping for faster delivery."
            },
            {
              id: "6",
              title: "Can I take EdgeTabs with other supplements?",
              content: "EdgeTabs work great alongside most supplements. However, avoid combining with other caffeine sources. If you're on medications or have health concerns, consult your healthcare provider."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Questions? We're here to help."
          description="Have questions about EdgeTabs or need personalized recommendations? Reach out to our team—we respond within 24 hours."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547312056-4je4pyo1.jpg"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Send Message"
          termsText="We respect your privacy. We'll only use your email to respond to your inquiry."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767547313133-t96r2txg.jpg"
          imageAlt="EdgeTabs supplement energy and focus"
          logoText="EdgeTabs"
          copyrightText="© 2025 EdgeTabs. All rights reserved. | Formulated for peak performance."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Shop Now", href: "pricing" },
                { label: "Bundles", href: "pricing" },
                { label: "Subscription", href: "pricing" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Blog", href: "#" },
                { label: "Reviews", href: "testimonial" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Shipping Policy", href: "#" },
                { label: "Return Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}