"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { AlertCircle, Zap, ShoppingCart, Sparkles, Crown, Gift, Star, HelpCircle, Mail, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="animatedGrid"
      cardStyle="elevated-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Edgetabs"
          navItems={[
            { name: "Product", id: "hero" },
            { name: "Why Edgetabs", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Sharp Focus. Pure Energy. Maximum Performance."
          description="Edgetabs delivers clinically-dosed focus and endurance support in a single premium tin. Trusted by 2,000+ customers. ★★★★★ 4.8 rating."
          tag="LOW ON STOCK"
          tagIcon={AlertCircle}
          buttons={[
            { text: "Get Edge Now", href: "#pricing" },
            { text: "Learn More", href: "#features" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503983-u2vstpoh.jpg",
              imageAlt: "Edgetabs supplement tin angle 1"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709746-srjpr3mp.jpg",
              imageAlt: "Edgetabs supplement tin angle 2"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548841743-5r7wbgme.jpg",
              imageAlt: "Edgetabs supplement tin angle 3"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548842189-2cs8mavc.jpg",
              imageAlt: "Edgetabs supplement tin angle 4"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548842567-1wu5adjo.jpg",
              imageAlt: "Edgetabs supplement tin angle 5"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548842920-0b3e1h2f.jpg",
              imageAlt: "Edgetabs supplement tin angle 6"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Athletes Choose Edgetabs"
          description="Premium formulation designed for serious performers. Every ingredient tested, every dose optimized."
          tag="Performance Science"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "Laser Focus",
              description: "Clinically-dosed caffeine + L-theanine synergy for sustained concentration without jitters.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503983-u2vstpoh.jpg",
              imageAlt: "Focus-enhancing formula"
            },
            {
              id: "02",
              title: "Energy Without Crash",
              description: "Extended-release energy system keeps you powered for 6+ hours. No afternoon collapse.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548709746-srjpr3mp.jpg",
              imageAlt: "Sustained energy delivery"
            },
            {
              id: "03",
              title: "Endurance Boost",
              description: "Beta-alanine and electrolyte blend supports muscle performance and recovery. Go harder, longer.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548841743-5r7wbgme.jpg",
              imageAlt: "Endurance enhancement"
            },
            {
              id: "04",
              title: "Third-Party Tested",
              description: "NSF Certified for Sport. Every batch independently verified for purity and potency. No surprises.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548842189-2cs8mavc.jpg",
              imageAlt: "Quality assurance"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Edge"
          description="Simple, transparent pricing. Buy once or subscribe for convenience and savings."
          tag="Pricing"
          tagIcon={ShoppingCart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single-tin",
              tag: "One-Time Purchase",
              price: "$49",
              period: "/tin",
              description: "Perfect for testing. Single tin of premium Edgetabs formula.",
              button: { text: "Buy Now", href: "#" },
              featuresTitle: "Includes:",
              features: [
                "30 servings (full month supply)",
                "Laser-focus formula",
                "30-day satisfaction guarantee",
                "Fast shipping"
              ]
            },
            {
              id: "two-tins",
              tag: "Two-Tin Bundle",
              tagIcon: Sparkles,
              price: "$89",
              period: "/bundle",
              description: "Save $9 with our popular two-tin combo. Two months of sustained edge.",
              button: { text: "Get Bundle", href: "#" },
              featuresTitle: "Includes:",
              features: [
                "60 servings (two-month supply)",
                "Save $9 vs. single purchases",
                "Priority customer support",
                "30-day satisfaction guarantee"
              ]
            },
            {
              id: "three-tins-best",
              tag: "Three-Tin Bundle – Best Value",
              tagIcon: Crown,
              price: "$129",
              period: "/bundle",
              description: "Save $18 and lock in our best per-tin price. Three months unstoppable focus.",
              button: { text: "Claim Best Value", href: "#" },
              featuresTitle: "Includes:",
              features: [
                "90 servings (three-month supply)",
                "Save $18 vs. single purchases",
                "Free shipping (US)",
                "Priority support + free swag",
                "30-day satisfaction guarantee"
              ]
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="subscription" data-section="subscription">
        <PricingCardFive
          title="Subscribe & Save 10%"
          description="Never run out of your edge. Monthly auto-delivery with 10% savings. Cancel anytime."
          tag="Monthly Subscription"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "sub-one-tin",
              tag: "Monthly Subscription (1 Tin)",
              price: "$44",
              period: "/mo",
              description: "Auto-deliver one tin monthly. Save $5 per tin with subscription pricing.",
              button: { text: "Subscribe Now", href: "#" },
              featuresTitle: "Subscription Benefits:",
              features: [
                "10% savings vs. one-time price",
                "Auto-delivery every month",
                "Cancel anytime, no penalty",
                "Priority shipping",
                "Exclusive subscriber perks"
              ]
            },
            {
              id: "sub-three-tins",
              tag: "Monthly Subscription (3 Tins)",
              tagIcon: Sparkles,
              price: "$116",
              period: "/mo",
              description: "Auto-deliver three tins monthly. Best value for committed performers.",
              button: { text: "Subscribe & Save", href: "#" },
              featuresTitle: "Subscription Benefits:",
              features: [
                "10% savings vs. one-time price",
                "Auto-delivery every month",
                "Cancel anytime, no penalty",
                "Free shipping (US)",
                "VIP customer support"
              ]
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardNine
          title="Trusted by Serious Athletes"
          description="See what 2,000+ customers say about their Edgetabs experience."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Edgetabs transformed my training sessions. The focus is unreal—no crash, just sustained energy for 6+ hours. This is the real deal.",
              name: "Marcus Chen",
              role: "Competitive Athlete",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Chen testimonial"
            },
            {
              id: "2",
              quote: "Finally, a supplement that actually works. I've tried everything. Edgetabs delivers on its promise. Worth every penny.",
              name: "Sarah Mitchell",
              role: "Fitness Coach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg",
              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "3",
              quote: "The quality is exceptional. Third-party tested, clean ingredients, zero jitters. I've recommended Edgetabs to my entire team.",
              name: "James Rodriguez",
              role: "CrossFit Competitor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageAlt: "James Rodriguez testimonial"
            },
            {
              id: "4",
              quote: "Game-changer for my workday focus. I feel more alert, more present. The subscription is seamless. Best investment I've made.",
              name: "Emma Watson",
              role: "Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Emma Watson testimonial"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Edgetabs, from ingredients to shipping."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548313614-6wubqh5c.jpg"
          imageAlt="Athlete using Edgetabs supplement"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What's in Edgetabs?",
              content: "Edgetabs contains a synergistic blend of caffeine (250mg), L-theanine, beta-alanine, electrolytes, and performance-enhancing amino acids. All ingredients are NSF Certified for Sport and third-party tested for purity and potency. Full ingredient list available on our product page."
            },
            {
              id: "2",
              title: "How long does one tin last?",
              content: "Each tin contains 30 servings, designed to last a full month if taken daily. Many customers take Edgetabs 5-6 days per week to maximize benefits and extend supply. Serving recommendations are on the label."
            },
            {
              id: "3",
              title: "When should I take Edgetabs?",
              content: "Take Edgetabs 15-30 minutes before your workout, work session, or when you need maximum focus. The formula is designed for daytime use; we recommend avoiding it after 3 PM to prevent sleep disruption."
            },
            {
              id: "4",
              title: "Is there a money-back guarantee?",
              content: "Yes. If you're not satisfied with Edgetabs within 30 days, we'll refund your full purchase price, no questions asked. We're confident you'll love it."
            },
            {
              id: "5",
              title: "How fast is shipping?",
              content: "US orders ship within 1-2 business days via USPS Priority Mail. Standard delivery takes 5-7 business days. Orders over $100 qualify for free shipping. International shipping available upon request."
            },
            {
              id: "6",
              title: "Can I cancel my subscription?",
              content: "Absolutely. Cancel your subscription anytime with zero penalty. Manage your subscription on your account dashboard or contact us directly. No commitment required."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Questions? We're Here to Help."
          description="Get in touch with the Edgetabs team. Response within 24 hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Your message or question...",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Edgetabs"
          title="Premium Focus & Performance Supplement"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Shop", href: "#pricing" },
                { label: "Ingredients", href: "#features" },
                { label: "Science", href: "#features" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: Mail, text: "support@edgetabs.com" },
            { icon: Phone, text: "(888) EDGETABS" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}