"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { AlertCircle, Sparkles, Award, TrendingUp, Instagram, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="dotGrid"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Edgetabs"
          navItems={[
            { name: "Why Edgetabs", id: "about" },
            { name: "Benefits", id: "features" },
            { name: "Testimonials", id: "testimonial" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Buy Now",
            href: "pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Unlock Peak Performance. Reclaim Your Edge."
          description="Advanced nootropic supplement designed for sustained focus, energy, and mental clarity. Trusted by 2,000+ high-performers."
          tag="LOW ON STOCK"
          tagIcon={AlertCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548313614-6wubqh5c.jpg"
          imageAlt="Edgetabs premium supplement product"
          textPosition="center"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            { text: "Get Edge Now", href: "pricing" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Athletes & Professionals Choose Edgetabs"
          description="Science-backed formulation meets premium quality."
          tabs={[
            {
              id: "formula",
              label: "Proven Formula",
              description: "Every ingredient is precisely dosed to optimize cognitive function and sustained energy without crashes. Clinically validated at therapeutic levels."
            },
            {
              id: "benefits",
              label: "Real Results",
              description: "Users report 40% faster mental processing, 3+ hours of sustained energy, and improved decision-making under pressure. Results visible within 2 weeks."
            },
            {
              id: "purity",
              label: "100% Clean",
              description: "No fillers, no crash-inducing stimulants, no synthetic additives. Third-party tested for purity and potency. Non-GMO, vegan-friendly."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg"
          imageAlt="Athlete experiencing peak performance"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="The Science Behind Your Edge"
          description="Three core benefits that set Edgetabs apart from the competition."
          features={[
            {
              id: "01",
              title: "Laser Focus",
              description: "Proprietary blend of L-theanine and Alpha-GPC sharpens mental clarity and eliminates distractions. Stay locked in for hours.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548557065-ccwaelak.jpg",
              imageAlt: "Mental clarity and focus illustration"
            },
            {
              id: "02",
              title: "Clean Energy",
              description: "Natural caffeine from green tea extract delivers sustained energy without jitters or afternoon crashes. Smooth, predictable performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548556607-jll8003d.jpg",
              imageAlt: "Energy boost and vitality"
            },
            {
              id: "03",
              title: "Endurance",
              description: "Rhodiola and bacopa reduce mental fatigue, allowing you to maintain peak performance throughout demanding days. Work smarter, longer.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548314237-asndkjzr.jpg",
              imageAlt: "Premium ingredients and formulation"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your Performance Plan"
          description="Single purchase or subscription – flexible options to match your needs."
          tag="Premium Pricing"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single-tin",
              badge: "Single Purchase",
              price: "$49.99",
              subtitle: "Try it out, risk-free",
              buttons: [
                { text: "Buy Single Tin", href: "#checkout" },
                { text: "Learn More", href: "#faq" }
              ],
              features: [
                "30 daily servings",
                "30-day money-back guarantee",
                "Free shipping on orders $50+",
                "Standard processing"
              ]
            },
            {
              id: "double-tin",
              badge: "Save 15%",
              badgeIcon: Sparkles,
              price: "$84.99",
              subtitle: "Stock up and save",
              buttons: [
                { text: "Buy 2 Tins", href: "#checkout" },
                { text: "Learn More", href: "#faq" }
              ],
              features: [
                "60 daily servings (2 months)",
                "Save $15 vs. single purchase",
                "Free priority shipping",
                "30-day guarantee on each tin"
              ]
            },
            {
              id: "triple-tin",
              badge: "Best Value",
              badgeIcon: Award,
              price: "$119.99",
              subtitle: "Maximum savings and performance",
              buttons: [
                { text: "Buy 3 Tins (Best Value)", href: "#checkout" },
                { text: "Learn More", href: "#faq" }
              ],
              features: [
                "90 daily servings (3 months)",
                "Save $30 vs. single purchase",
                "Free express shipping",
                "90-day satisfaction guarantee",
                "Bonus: Performance tracking guide"
              ]
            },
            {
              id: "subscription",
              badge: "Save 25%",
              badgeIcon: TrendingUp,
              price: "$37.49",
              subtitle: "Monthly auto-delivery",
              buttons: [
                { text: "Subscribe Monthly", href: "#checkout" },
                { text: "How It Works", href: "#faq" }
              ],
              features: [
                "30 daily servings per month",
                "25% discount on all orders",
                "Cancel anytime, no penalties",
                "Free priority shipping always",
                "Exclusive subscriber perks"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Edgetabs completely transformed my work performance. I went from afternoon brain fog to sustained focus all day. This is the competitive edge I needed."
          rating={5}
          author="Alex Chen, Software Engineer"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548560398-twfb8dkj.jpg", alt: "User avatar 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561072-43094c4l.jpg", alt: "User avatar 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561402-6ugg8m06.jpg", alt: "User avatar 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548561706-ydiypb7f.jpg", alt: "User avatar 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548562016-0eht9etv.jpg", alt: "User avatar 5" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548562232-qe4k1gmh.jpg", alt: "User avatar 6" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Edgetabs and getting started."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How quickly will I feel the effects?",
              content: "Most users report noticing improved focus and energy within 30-45 minutes of the first dose. Peak effects (mental clarity, sustained energy) are typically felt within 1-2 weeks of consistent daily use as the formula accumulates in your system."
            },
            {
              id: "2",
              title: "Is it safe to use every day?",
              content: "Yes. Edgetabs is formulated for daily use with no habit-forming ingredients. All components are recognized as safe by the FDA and third-party tested. We recommend consulting with your physician if you have pre-existing medical conditions or take medications."
            },
            {
              id: "3",
              title: "Will I get jittery or crash?",
              content: "No. Unlike energy drinks or high-caffeine supplements, Edgetabs uses a balanced blend designed to deliver smooth, sustained energy. The L-theanine content helps prevent jitters, and the formula has no sugar crash since it contains zero sugar and relies on sustained-release ingredients."
            },
            {
              id: "4",
              title: "Can I stack this with other supplements?",
              content: "Edgetabs works well with most supplements. However, avoid combining with other high-caffeine products or strong nootropics without consulting your doctor. Our support team can provide personalized stacking recommendations—just reach out at support@edgetabs.com."
            },
            {
              id: "5",
              title: "How do I cancel my subscription?",
              content: "Cancel anytime with zero penalties. Log into your account dashboard, go to 'Subscriptions,' and select 'Cancel Subscription.' You'll receive your next shipment as scheduled; cancellation takes effect after that delivery. No questions asked."
            },
            {
              id: "6",
              title: "What's your return policy?",
              content: "We offer a 30-day money-back guarantee on all purchases. If you're not satisfied, contact our support team within 30 days of purchase with your order number. We'll process a full refund, no return shipping required."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to unlock your peak performance? Join 2,000+ high-performers who've made the switch to Edgetabs. Stock is limited—secure your supply today."
          animationType="entrance-slide"
          buttons={[
            { text: "Order Now", href: "pricing" },
            { text: "Contact Support", href: "https://support.edgetabs.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

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