"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";

export default function LandingPage() {
  const scrollToSection = (sectionId: string) => {
    const element = document.getElementById(sectionId);
    if (element) {
      element.scrollIntoView({ behavior: 'smooth' });
    }
  };

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="outline-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Edgetabs"
          button={{
            text: "Shop Now",            href: "products",            onClick: () => scrollToSection('products')
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Edgetabs: Clean Energy Without the Jitters"
          description="50mg Caffeine + 30mg L-Theanine for a Smooth, Focused Boost. Feel the difference with our premium caffeine strips designed for sustained energy and mental clarity."
          tag="Premium Supplement"
          tagIcon={Zap}
          buttons={[
            {
              text: "Shop Now and Power Your Day",              href: "products",              onClick: () => scrollToSection('products')
            },
            {
              text: "Learn More",              href: "about",              onClick: () => scrollToSection('about')
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
          imageAlt="Edgetabs caffeine supplement strip packaging"
          frameStyle="card"
          metricsLabel="Trusted by professionals, fitness enthusiasts, and students worldwide"
          metrics={[
            {
              id: "1",              value: "50mg",              label: "Caffeine Per Strip"
            },
            {
              id: "2",              value: "30mg",              label: "L-Theanine for Smoothness"
            },
            {
              id: "3",              value: "0 Jitters",              label: "Clean Energy Promise"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Why Edgetabs"
          description="We revolutionized energy supplementation by combining 50mg of caffeine with 30mg of L-Theanine, creating the perfect synergy for sustained focus without anxiety or crashes. Our dissolvable strips deliver rapid absorption and maximum convenience for busy professionals, fitness enthusiasts, and students who refuse to compromise on health or performance."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFifteen
          title="Premium Supplement Features"
          description="Discover what makes Edgetabs the ultimate clean energy solution"
          tag="Science-Backed"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          buttons={[
            {
              text: "Learn More",              href: "products",              onClick: () => scrollToSection('products')
            }
          ]}
          features={[
            {
              id: "1",              title: "Clean Caffeine Blend",              description: "Premium 50mg caffeine combined with 30mg L-Theanine for smooth, sustained energy without the jitters",              imageSrc: "https://img.b2bpic.net/free-photo/hand-taking-chocolate-candies-black_114579-37289.jpg",              imageAlt: "Clean natural ingredients"
            },
            {
              id: "2",              title: "Rapid Absorption",              description: "Fast-dissolving strips deliver caffeine directly through oral mucosa for quick energy onset in minutes",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149622859.jpg",              imageAlt: "Professional using Edgetabs"
            },
            {
              id: "3",              title: "No Crash Formula",              description: "L-Theanine stabilizes caffeine effects, eliminating anxiety spikes and energy crashes throughout your day",              imageSrc: "https://img.b2bpic.net/free-photo/stressed-woman-office-using-laptop-talking-smartphone_23-2148908816.jpg",              imageAlt: "Athlete maintaining energy"
            },
            {
              id: "4",              title: "Maximum Convenience",              description: "Portable strips fit in your pocket—perfect for meetings, workouts, or study sessions on the go",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-nuts-milk-carton-arrangement_23-2149139375.jpg",              imageAlt: "Edgetabs product packaging"
            }
          ]}
          speed={45}
          topMarqueeDirection="left"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Choose Your Energy Solution"
          description="Select the perfect bundle for your lifestyle—single strips for testing or bulk packs for committed energy seekers"
          tag="Best Seller"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "bundle2x",              name: "Bundle 2x (20 Strips) 🏆 BEST SELLER",              price: "$27.99",              imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-36418.jpg",              imageAlt: "Edgetabs 2x bundle with 20 strips - most popular choice",              initialQuantity: 1
            },
            {
              id: "single",              name: "Single Tin (10 Strips)",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-nuts-milk-carton-arrangement_23-2149139375.jpg",              imageAlt: "Edgetabs single tin with 10 strips",              initialQuantity: 1
            },
            {
              id: "bundle3x",              name: "Bundle 3x (30 Strips)",              price: "$39.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-arrangement-with-pills-marble-table_23-2148427763.jpg",              imageAlt: "Edgetabs 3x bundle with 30 strips",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Perfect Plans for Every Energy Need"
          description="Whether you're sampling or stocking up, we have the right plan for your lifestyle"
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",              badge: "Starter",              badgeIcon: Sparkles,
              price: "$14.99",              subtitle: "Perfect for first-time energy seekers",              buttons: [
                {
                  text: "Get Started",                  href: "products",                  onClick: () => scrollToSection('products')
                },
                {
                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                }
              ],
              features: [
                "10 premium caffeine strips",                "50mg caffeine + 30mg L-Theanine per strip",                "Fast-dissolving formula",                "30-day freshness guarantee",                "Free shipping on orders over $25"
              ]
            },
            {
              id: "pro",              badge: "🏆 MOST POPULAR",              badgeIcon: Crown,
              price: "$27.99",              subtitle: "Ideal for daily energy consumers",              buttons: [
                {
                  text: "Save 7%",                  href: "products",                  onClick: () => scrollToSection('products')
                },
                {
                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                }
              ],
              features: [
                "20 premium caffeine strips",                "50mg caffeine + 30mg L-Theanine per strip",                "Fast-dissolving formula",                "30-day freshness guarantee",                "Free shipping included",                "Monthly energy tips via email"
              ]
            },
            {
              id: "ultimate",              badge: "Ultimate",              badgeIcon: Zap,
              price: "$39.99",              subtitle: "Maximum savings for committed users",              buttons: [
                {
                  text: "Save 13%",                  href: "products",                  onClick: () => scrollToSection('products')
                },
                {
                  text: "Learn More",                  href: "features",                  onClick: () => scrollToSection('features')
                }
              ],
              features: [
                "30 premium caffeine strips",                "50mg caffeine + 30mg L-Theanine per strip",                "Fast-dissolving formula",                "30-day freshness guarantee",                "Free priority shipping",                "Monthly energy tips via email",                "Exclusive early access to new flavors"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Customers Say"
          description="Hear from real professionals and fitness enthusiasts who've made Edgetabs their clean energy choice"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              nameTitle: "Sarah Chen, Marketing Director",              quote: "I've tried countless energy supplements, but Edgetabs is the first one that doesn't leave me anxious or crashed. The combination of caffeine and L-Theanine is perfect for back-to-back meetings. I'm hooked.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Chen, Marketing Director"
            },
            {
              id: "2",              nameTitle: "Marcus Johnson, Fitness Coach",              quote: "As someone who's sensitive to caffeine jitters, Edgetabs changed my pre-workout game. Smooth energy, sustained focus, and no crash. My clients have noticed the difference in my performance too.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Marcus Johnson, Fitness Coach"
            },
            {
              id: "3",              nameTitle: "Emily Rodriguez, College Student",              quote: "During exam season, Edgetabs is my secret weapon. The strips dissolve instantly, taste decent, and keep me focused without the jittery feeling. Way better than coffee or energy drinks.",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Emily Rodriguez, College Student"
            },
            {
              id: "4",              nameTitle: "David Park, Tech Executive",              quote: "I run a startup and need consistent mental clarity throughout 12-hour days. Edgetabs delivers. Clean ingredients, no crash, and I can actually think straight. This is productivity fuel.",              imageSrc: "https://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",              imageAlt: "David Park, Tech Executive"
            },
            {
              id: "5",              nameTitle: "Jessica Wong, Personal Trainer",              quote: "My clients ask what I'm taking because they see my energy levels during training sessions. Edgetabs is my answer. Clean, effective, and professional-grade.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg",              imageAlt: "Jessica Wong, Personal Trainer"
            },
            {
              id: "6",              nameTitle: "Alex Thompson, Consultant",              quote: "The convenience factor alone sold me, but the actual performance boost made me a customer for life. No jitters, no crash, and my productivity metrics have improved measurably.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Alex Thompson, Consultant"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Edgetabs clean energy supplements"
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Will Edgetabs give me the jitters?",              content: "No. Our unique formula combines 50mg caffeine with 30mg L-Theanine, which works synergistically to provide smooth, sustained energy without anxiety or restlessness. L-Theanine is an amino acid found in green tea that promotes calm focus, counteracting the harsh effects of caffeine alone."
            },
            {
              id: "2",              title: "How quickly do Edgetabs work?",              content: "Our dissolvable strips are designed for rapid absorption through the oral mucosa. Most users report feeling effects within 5-15 minutes, making them perfect for when you need energy fast. Compare this to pills or capsules that take 30+ minutes."
            },
            {
              id: "3",              title: "What are the ingredients?",              content: "Edgetabs contains: Caffeine Anhydrous (50mg), L-Theanine (30mg), Maltodextrin, Sorbitol, Cellulose, Gum Arabic, Natural Flavoring, Stevia Extract, and Food Coloring. All ingredients are premium-grade and sourced from certified suppliers. We're committed to transparency and clean supplementation."
            },
            {
              id: "4",              title: "Can I take Edgetabs with coffee?",              content: "While possible, we recommend avoiding combining Edgetabs with other caffeine sources to prevent exceeding recommended daily caffeine intake (400mg for most adults). If you're sensitive to caffeine, avoid stacking. The L-Theanine in Edgetabs is formulated as a standalone solution."
            },
            {
              id: "5",              title: "Are there any side effects?",              content: "Edgetabs is well-tolerated by most users. Side effects are minimal due to the L-Theanine buffer. However, if you're caffeine-sensitive, pregnant, nursing, or have heart conditions, consult your healthcare provider. Keep out of reach of children."
            },
            {
              id: "6",              title: "How long does one strip last?",              content: "One Edgetabs strip provides a 4-6 hour sustained energy boost for most users. The effects are gradual and smooth, making it ideal for all-day productivity without the mid-afternoon crash common with traditional energy drinks."
            },
            {
              id: "7",              title: "What's your refund policy?",              content: "We offer a 30-day money-back guarantee on all Edgetabs purchases. If you're not satisfied with your experience, return the product (opened or unopened) within 30 days for a full refund. We're confident you'll love Edgetabs, but your satisfaction is our priority."
            },
            {
              id: "8",              title: "Where are Edgetabs manufactured?",              content: "Edgetabs are manufactured in an FDA-registered facility in the USA that follows Good Manufacturing Practices (GMP). Every batch undergoes rigorous quality testing to ensure purity, potency, and safety. We prioritize quality and transparency."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to experience clean energy without the crash?"
          animationType="entrance-slide"
          inputPlaceholder="Enter your email for exclusive deals"
          buttonText="Join Community"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Edgetabs"
          copyrightText="© 2025 Edgetabs. All rights reserved. Clean energy, no jitters."
          columns={[
            {
              title: "Products",              items: [
                {
                  label: "Single Tin",                  href: "products"
                },
                {
                  label: "2x Bundle",                  href: "products"
                },
                {
                  label: "3x Bundle",                  href: "products"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "about"
                },
                {
                  label: "Blog",                  href: "#blog"
                },
                {
                  label: "Contact",                  href: "contact"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Terms of Service",                  href: "#"
                },
                {
                  label: "Refund Policy",                  href: "#"
                },
                {
                  label: "Shipping Info",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}