"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Award, Clock, Facebook, Heart, HelpCircle, Instagram, Linkedin, Sparkles, Star, TrendingUp, Twitter, Zap } from "lucide-react";

export default function EdgeTabsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="EdgeTabs"
          button={{ text: "Shop Now", href: "#products" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Smooth Energy Without the Jitters"
          description="EdgeTabs delivers 50mg of clean caffeine combined with 30mg of L-theanine for balanced focus and energy. Experience the perfect blend for sustained performance."
          kpis={[
            { value: "50mg", label: "Clean Caffeine" },
            { value: "30mg", label: "L-Theanine Balance" },
            { value: "0 Anxiety", label: "No Jitters" }
          ]}
          tag="Natural Energy Boost"
          tagIcon={Zap}
          buttons={[
            { text: "Shop EdgeTabs", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-sportswoman-text-messaging-smart-phone-while-lying-down-floor-drinking-smoothie_637285-639.jpg"
          imageAlt="EdgeTabs caffeine energy strips product showcase"
          imagePosition="right"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Choose Your Bundle"
          description="Select the perfect package of EdgeTabs energy strips. All bundles include our signature 50mg caffeine + 30mg L-theanine formula for clean, sustained energy."
          tag="Limited Time Offer"
          tagIcon={Sparkles}
          products={[
            {
              id: "single",              name: "Single Tin (30 Strips)",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg",              imageAlt: "EdgeTabs single tin of 30 energy strips",              initialQuantity: 1
            },
            {
              id: "bundle2",              name: "Bundle of 2 Tins (60 Strips)",              price: "$27.98",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-looking-cup-coffee-black-wall_114579-76719.jpg",              imageAlt: "EdgeTabs bundle of 2 tins with 60 energy strips",              initialQuantity: 1
            },
            {
              id: "bundle3",              name: "Bundle of 3 Tins (90 Strips)",              price: "$39.97",              imageSrc: "https://img.b2bpic.net/free-photo/lifestyle-adult-with-health-problems_23-2151098585.jpg",              imageAlt: "EdgeTabs bundle of 3 tins with 90 energy strips",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Products", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Thousands"
          description="Real customers share how EdgeTabs transformed their daily energy and focus. Join thousands experiencing smooth, sustained energy without the crash."
          tag="Customer Success"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Fitness Coach",              testimonial: "EdgeTabs completely changed my morning routine. No more jitters, just smooth energy to crush my workouts. This is my go-to before every session!",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Product Manager",              testimonial: "I was skeptical about the L-theanine combination, but wow. Clear focus for hours without the afternoon crash. EdgeTabs is a game-changer for productivity.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Freelance Designer",              testimonial: "Finally, a clean energy solution that doesn't interfere with my creative flow. EdgeTabs keeps me sharp and focused through my longest design sessions.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Chen",              role: "Marathon Runner",              testimonial: "As an athlete, I'm picky about supplements. EdgeTabs delivers exactly what it promises: sustained energy without anxiety. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "David Chen"
            },
            {
              id: "5",              name: "Jessica Lee",              role: "Nurse",              testimonial: "Working 12-hour shifts is exhausting. EdgeTabs gets me through without affecting my sleep. The L-theanine balance is perfect for healthcare professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Jessica Lee"
            },
            {
              id: "6",              name: "Alex Thompson",              role: "Student",              testimonial: "Study sessions are way more productive with EdgeTabs. I can finally focus without the coffee jitters. My grades have improved and I feel better!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",              imageAlt: "Alex Thompson"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Buy Now", href: "#products" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the bundle that fits your energy needs. Buy with confidence knowing you're getting clean, quality ingredients every time."
          tag="Best Value"
          tagIcon={Award}
          plans={[
            {
              id: "single",              badge: "Single Tin",              badgeIcon: Sparkles,
              price: "$14.99",              subtitle: "Perfect to try",              buttons: [
                { text: "Add to Cart", href: "#products" },
                { text: "Learn More", href: "#about" }
              ],
              features: [
                "30 caffeine strips",                "50mg caffeine per strip",                "30mg L-theanine included",                "Month-long supply",                "Fast shipping available"
              ]
            },
            {
              id: "bundle2",              badge: "Bundle of 2",              badgeIcon: Zap,
              price: "$27.98",              subtitle: "Save 6.7% with bundle",              buttons: [
                { text: "Add to Cart", href: "#products" },
                { text: "Learn More", href: "#about" }
              ],
              features: [
                "60 caffeine strips total",                "50mg caffeine per strip",                "30mg L-theanine included",                "2-month supply",                "Free standard shipping"
              ]
            },
            {
              id: "bundle3",              badge: "Bundle of 3",              badgeIcon: Award,
              price: "$39.97",              subtitle: "Save 13.3% with bundle",              buttons: [
                { text: "Add to Cart", href: "#products" },
                { text: "Learn More", href: "#about" }
              ],
              features: [
                "90 caffeine strips total",                "50mg caffeine per strip",                "30mg L-theanine included",                "3-month supply",                "Free priority shipping"
              ]
            }
          ]}
          animationType="opacity"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="EdgeTabs Impact"
          description="Join thousands who have discovered cleaner energy with EdgeTabs. Real results from real customers."
          tag="Social Proof"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "100K+",              title: "Strips Sold",              description: "Customers trust EdgeTabs daily",              icon: Zap
            },
            {
              id: "2",              value: "4.8★",              title: "Rating",              description: "Average customer satisfaction",              icon: Star
            },
            {
              id: "3",              value: "0 Crash",              title: "Energy Crashes",              description: "Thanks to L-theanine balance",              icon: Heart
            },
            {
              id: "4",              value: "30min",              title: "Fast Acting",              description: "Feel the effects quickly",              icon: Clock
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get Started", href: "#products" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Everything You Need to Know"
          description="Got questions? We've got answers. Learn about EdgeTabs ingredients, usage, and shipping."
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What exactly is in EdgeTabs?",              content: "Each EdgeTabs strip contains 50mg of natural caffeine and 30mg of L-theanine. L-theanine is an amino acid that promotes calm focus without anxiety, making it the perfect pairing with caffeine. Our formula is clean, natural, and free from artificial additives."
            },
            {
              id: "2",              title: "Will I get jitters or anxiety?",              content: "No! The L-theanine in EdgeTabs works synergistically with caffeine to prevent the jittery feeling. Most users report smooth, sustained energy without the typical caffeine anxiety. The combination promotes alertness while keeping you calm and focused."
            },
            {
              id: "3",              title: "How many strips should I take per day?",              content: "We recommend starting with one strip per day. Each strip delivers 50mg of caffeine, which is equivalent to about half a cup of coffee. Listen to your body and adjust as needed. Most users find one strip provides 4-6 hours of sustained energy."
            },
            {
              id: "4",              title: "How long does it take to feel the effects?",              content: "EdgeTabs typically take effect within 20-30 minutes. Since they dissolve under your tongue, the absorption is faster than traditional supplements. You'll experience a smooth onset of energy without the sudden spike and crash of regular caffeine."
            },
            {
              id: "5",              title: "Is EdgeTabs safe for everyone?",              content: "EdgeTabs are suitable for most adults. However, if you're pregnant, nursing, have caffeine sensitivity, or take medications, consult your healthcare provider before use. Not recommended for children or those sensitive to caffeine."
            },
            {
              id: "6",              title: "How should I store EdgeTabs?",              content: "Store EdgeTabs in a cool, dry place away from direct sunlight. Keep the tin sealed when not in use. They have a shelf life of 18 months when stored properly. Avoid exposure to moisture to maintain optimal freshness."
            },
            {
              id: "7",              title: "What about shipping and returns?",              content: "We offer free standard shipping on orders of 2 or more tins. Express shipping options available. All orders come with our 30-day satisfaction guarantee. If you're not completely happy, we'll refund you, no questions asked."
            },
            {
              id: "8",              title: "Can I take EdgeTabs with other supplements?",              content: "EdgeTabs contain only caffeine and L-theanine, making them compatible with most supplements. However, avoid combining with other caffeine sources or stimulants. Always consult your healthcare provider if taking prescription medications or other supplements."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-scientist-holding-plant-with-tweezers-laboratory_839833-26630.jpg"
          imageAlt="EdgeTabs caffeine science and research"
          mediaPosition="left"
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Shop Now", href: "#products" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Experience Clean Energy?"
          ctaDescription="Join thousands of satisfied customers. Order EdgeTabs now and discover the difference clean, balanced energy can make."
          ctaButton={{ text: "Shop EdgeTabs Today", href: "#products" }}
          ctaIcon={Zap}
          faqs={[
            {
              id: "1",              title: "When will my order arrive?",              content: "Standard shipping typically takes 5-7 business days. Express shipping options available at checkout. All orders include tracking information."
            },
            {
              id: "2",              title: "Do you offer bulk discounts?",              content: "Yes! Contact our sales team for wholesale pricing on orders of 10+ bundles. We work with corporate buyers, fitness studios, and wellness companies."
            },
            {
              id: "3",              title: "Is there a subscription option?",              content: "Coming soon! Sign up for our newsletter to be notified when we launch EdgeTabs subscription service with exclusive savings."
            },
            {
              id: "4",              title: "What if I'm not satisfied?",              content: "We offer a 30-day money-back guarantee. If EdgeTabs isn't right for you, simply contact us for a full refund, no questions asked."
            }
          ]}
          animationType="scale-rotate"
          accordionAnimationType="smooth"
          useInvertedBackground="noInvert"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="EdgeTabs"
          copyrightText="© EdgeTabs Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Shop Single", href: "#products" },
                { label: "Bundle of 2", href: "#products" },
                { label: "Bundle of 3", href: "#products" },
                { label: "All Products", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "How It Works", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "Contact Support", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "EdgeTabs Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "EdgeTabs Twitter" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "EdgeTabs Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "EdgeTabs LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}