"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Sparkles, Instagram, Twitter, Facebook, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="plain"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Edgetabs"
          navItems={[
            { name: "Product", id: "product" },
            { name: "Benefits", id: "features" },
            { 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">
        <HeroLogoCarousel
          logoText="EDGETABS"
          description="Performance-driven focus supplement. Boost energy, mental clarity, and endurance with our premium formula trusted by 2,000+ customers."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Edgetabs premium supplement product"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855105-0dgkq82q.jpg",
              imageAlt: "Active athlete using Edgetabs supplement"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Edgetabs supplement packaging"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855105-0dgkq82q.jpg",
              imageAlt: "Fitness enthusiast with Edgetabs"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Edgetabs product showcase"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Choose Your Bundle"
          description="Select the perfect quantity for your fitness journey. Unbeatable value with every tin."
          products={[
            {
              id: "1-tin",
              name: "1 Tin - Single",
              price: "$39.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Single tin of Edgetabs supplement"
            },
            {
              id: "2-tin",
              name: "2 Tins - Save 10%",
              price: "$71.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Two tins of Edgetabs supplement"
            },
            {
              id: "3-tin",
              name: "3 Tins - Best Value Save 20%",
              price: "$95.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Three tins of Edgetabs supplement bundle"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Subscription vs One-Time"
          description="Subscribe for monthly convenience and exclusive 10% savings. Cancel anytime—no commitment."
          plans={[
            {
              id: "one-time",
              price: "$39.99",
              name: "One-Time Purchase",
              buttons: [{ text: "Buy Now", href: "#contact" }],
              features: [
                "Full-strength formula",
                "Free standard shipping",
                "30-day money-back guarantee"
              ]
            },
            {
              id: "subscription",
              badge: "Most Recommended",
              badgeIcon: Sparkles,
              price: "$35.99/mo",
              name: "Monthly Subscription",
              buttons: [{ text: "Subscribe Now", href: "#contact" }],
              features: [
                "10% monthly discount",
                "Cancel anytime",
                "Free priority shipping",
                "Exclusive member perks",
                "30-day money-back guarantee"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Trusted by 2,000+ Athletes"
          description="Real results from real customers. See why Edgetabs is the choice for serious fitness enthusiasts."
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Fitness Coach",
              company: "Peak Performance Training",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Marathon Runner",
              company: "Elite Athletes",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855749-1s9q3nay.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",
              name: "David Chen",
              role: "Personal Trainer",
              company: "FitPro Studios",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "4",
              name: "Jessica Rodriguez",
              role: "CrossFit Athlete",
              company: "CrossFit Champions",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "Jessica Rodriguez"
            },
            {
              id: "5",
              name: "Alex Thompson",
              role: "Gym Owner",
              company: "Strength & Motion",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387356195-5bzvao2a.jpg",
              imageAlt: "Alex Thompson"
            },
            {
              id: "6",
              name: "Lisa Wong",
              role: "Nutrition Coach",
              company: "Wellness Hub",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548633939-bn8ba8pu.jpg",
              imageAlt: "Lisa Wong"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Athletes Choose Edgetabs"
          description="Performance benefits that make a real difference in your fitness journey."
          features={[
            {
              id: 1,
              title: "Enhanced Energy & Focus",
              description: "Premium blend boosts mental clarity and sustained energy for intense workouts. No crash, no jitters—just pure performance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855105-0dgkq82q.jpg",
              imageAlt: "Enhanced Energy & Focus"
            },
            {
              id: 2,
              title: "Proven Ingredients",
              description: "Scientifically formulated with premium-grade ingredients. Third-party tested for purity and potency.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853505-1aswf17y.jpg",
              imageAlt: "Proven Ingredients"
            },
            {
              id: 3,
              title: "Fast-Acting Formula",
              description: "Results within 30 minutes. Consistent performance with every dose. Works as hard as you do.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855105-0dgkq82q.jpg",
              imageAlt: "Fast-Acting Formula"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardSeven
          title="By The Numbers"
          description="Proven track record of customer satisfaction and results."
          metrics={[
            {
              id: "1",
              value: "2,000+",
              title: "Satisfied Customers",
              items: [
                "Repeat purchase rate: 78%",
                "Average rating: 4.8/5 stars"
              ]
            },
            {
              id: "2",
              value: "4.8★",
              title: "Customer Rating",
              items: [
                "Based on 1,200+ verified reviews",
                "98% would recommend"
              ]
            },
            {
              id: "3",
              value: "30 Days",
              title: "Money-Back Guarantee",
              items: [
                "Full refund if unsatisfied",
                "No questions asked policy"
              ]
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Edgetabs and how to maximize your results."
          faqs={[
            {
              id: "1",
              title: "When will I see results?",
              content: "Most customers report noticeable energy boost and mental clarity within 30 minutes of taking Edgetabs. Sustained performance benefits develop over 2-4 weeks of consistent use as your body adapts to the premium formula."
            },
            {
              id: "2",
              title: "Is Edgetabs safe for daily use?",
              content: "Yes, Edgetabs is formulated for daily use. All ingredients are third-party tested for purity and safety. We recommend consulting your healthcare provider before starting any new supplement, especially if you have underlying health conditions or take medications."
            },
            {
              id: "3",
              title: "Can I cancel my subscription anytime?",
              content: "Absolutely. You can cancel your subscription at any time with no penalties or additional charges. Simply log into your account or contact our customer service team, and we'll process your cancellation immediately."
            },
            {
              id: "4",
              title: "How does the 30-day guarantee work?",
              content: "If you're not completely satisfied with Edgetabs within 30 days, we'll issue a full refund—no questions asked. Just contact our support team with your order number, and we'll take care of everything."
            },
            {
              id: "5",
              title: "What's the difference between one-time and subscription?",
              content: "Our subscription saves you 10% per month and includes free priority shipping. One-time purchases are full price with standard shipping. Both come with our 30-day money-back guarantee."
            },
            {
              id: "6",
              title: "Is shipping really free?",
              content: "Yes! All orders ship free within the US. Subscription orders get free priority shipping (2-3 business days). One-time purchases get standard shipping (5-7 business days). Orders typically arrive within the stated timeframe."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548853911-wjo7d9g4.jpg"
          imageAlt="Edgetabs supplement details and ingredients"
          mediaPosition="right"
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Order Now"
          title="Ready to Feel the Edge?"
          description="Join 2,000+ customers who trust Edgetabs for performance. Secure checkout, fast shipping, satisfaction guaranteed."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855105-0dgkq82q.jpg"
          imageAlt="Athlete using Edgetabs supplement"
          mediaPosition="left"
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          termsText="Free shipping on all orders. 30-day money-back guarantee. Cancel subscription anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Edgetabs"
          description="Premium performance supplement trusted by athletes and fitness enthusiasts. Engineered for energy, focus, and endurance."
          copyrightText="© 2025 Edgetabs. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "How It Works", href: "features" },
                { label: "Pricing", href: "pricing" },
                { label: "Reviews", href: "testimonials" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "careers" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" },
                { label: "Shipping Policy", href: "shipping" },
                { label: "Returns", href: "returns" }
              ]
            }
          ]}
          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"
            },
            {
              icon: Youtube,
              href: "https://youtube.com/edgetabs",
              ariaLabel: "YouTube"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}