"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import PricingCardFour from '@/components/sections/pricing/PricingCardFour';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { AlertCircle, CheckCircle, Instagram, Leaf, Linkedin, Sprout, Star, TrendingUp, Twitter, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Edgotabs"
          button={{
            text: "Get My Bundle Now",
            href: "#pricing"
          }}
          className="border-b border-accent/20"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="Trusted by thousands"
          title="Boost Energy & Clarity with Edgotabs"
          description="5-star rated. Packed with clean ingredients. Low on stock — grab yours before it's gone"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631141647-x8sat7o7.jpg"
          imageAlt="Edgotabs energy tablet product"
          buttons={[
            {
              text: "Get My Bundle Now",
              href: "#pricing"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Professionals Choose Edgotabs"
          description="Designed for health-conscious professionals who demand clean ingredients, proven results, and convenience. No fluff, no overhyped claims—just pure performance."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Clean Ingredients",
              description: "No synthetic additives, no artificial flavors. Just naturally sourced compounds that work.",
              icon: Leaf
            },
            {
              title: "Proven Results",
              description: "Formulated with clinically studied ingredients for sustained energy and mental clarity.",
              icon: CheckCircle
            },
            {
              title: "Fast-Acting",
              description: "Feel the difference within 20 minutes. Stay sharp all day long.",
              icon: Zap
            },
            {
              title: "Eco-Conscious",
              description: "Sustainable packaging and ethically sourced ingredients matter to us.",
              icon: Sprout
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631142403-6v5gfxrg.jpg"
          imageAlt="Natural ingredients and clean formulation"
          imagePosition="right"
          buttons={[
            {
              text: "Learn More",
              href: "#features"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="What Makes Edgotabs Different"
          description="A supplement engineered for the modern professional. No crashes, no jitters, no compromise."
          features={[
            {
              title: "Natural Energy",
              description: "Sustained focus without the caffeine crash. Smooth, clean energy that lasts 6+ hours.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546966-0i832h5d.jpg"
            },
            {
              title: "Mental Clarity",
              description: "Enhanced cognitive function with ingredients that sharpen your thinking and decision-making.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631142997-76acq2nf.jpg"
            },
            {
              title: "Quick Absorption",
              description: "Microencapsulated formula absorbs in minutes. No waiting around for results.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631143260-9kfbyddz.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Trusted by Thousands"
          description="Real numbers from real customers who've made Edgotabs part of their daily routine."
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "45K+",
              tag: "Active Users",
              tagIcon: Users,
              title: "Professionals using Edgotabs daily"
            },
            {
              id: "2",
              value: "4.9/5",
              tag: "Rating",
              tagIcon: Star,
              title: "Average customer satisfaction score"
            },
            {
              id: "3",
              value: "98%",
              tag: "Retention",
              tagIcon: TrendingUp,
              title: "Customers who reorder within 3 months"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Busy Professionals"
          description="Hear from people just like you who've transformed their energy and focus with Edgotabs."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Michael Chen",
              handle: "CEO, TechVenture",
              testimonial: "Finally a supplement that doesn't crash me by 3pm. Edgotabs keeps me sharp through back-to-back meetings.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631144040-9hfcnzf4.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "2",
              name: "Sarah Johnson",
              handle: "Marketing Director",
              testimonial: "Clean ingredients, real results. I've tried everything—this is the only one that actually works without the jitters.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631144262-jbrxq0eo.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",
              name: "David Patel",
              handle: "Consultant, Goldman Partners",
              testimonial: "My team swears by these. Productivity is up, energy crashes are gone. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631144534-pqulm13i.jpg",
              imageAlt: "David Patel"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              handle: "Founder, StartupXYZ",
              testimonial: "As someone who cares about what goes into my body, I trust Edgotabs completely. Been using for 8 months straight.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631144920-l4dg4xqy.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "5",
              name: "James Williams",
              handle: "Head of Product, InnovateLab",
              testimonial: "The subscription option is a game-changer. Never run out, always sharp. This is how supplements should work.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "James Williams"
            },
            {
              id: "6",
              name: "Lisa Chen",
              handle: "Attorney, Premier Law Group",
              testimonial: "I recommend Edgotabs to all my colleagues. Superior quality and the results speak for themselves. 5 stars.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976173-y73rbzo8.jpg",
              imageAlt: "Lisa Chen"
            }
          ]}
          speed={25}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFour
          tag="Limited Stock"
          title="Choose Your Power-Up"
          tagIcon={AlertCircle}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          ctaCards={[
            {
              title: "Questions?",
              description: "Unsure which option is right for you? Let's chat and find the perfect fit.",
              href: "#contact"
            },
            {
              title: "Subscribe & Save",
              description: "Auto-delivery subscribers get 20% off every order, guaranteed.",
              href: "#pricing"
            }
          ]}
          plans={[
            {
              id: "starter",
              name: "Single Bundle",
              price: "$49.99",
              subtitle: "Perfect for first-time users",
              features: [
                "30 tablets (30-day supply)",
                "Free shipping on orders 2+",
                "Money-back guarantee",
                "Access to member community"
              ]
            },
            {
              id: "pro",
              name: "3-Month Bundle",
              price: "$139.97",
              subtitle: "Best value for committed users",
              features: [
                "90 tablets (3-month supply)",
                "20% savings vs single bundles",
                "Priority shipping included",
                "Exclusive formulation tips",
                "Member community access"
              ]
            },
            {
              id: "premium",
              name: "Monthly Subscription",
              price: "$39.99/mo",
              subtitle: "Never run out, always save",
              features: [
                "30 tablets delivered monthly",
                "20% off standard price",
                "Free priority shipping",
                "Flexible pause/cancel anytime",
                "VIP early access to new formulas",
                "Premium community + expert tips"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Questions About Edgotabs?"
          description="We've got answers. Here's what customers ask most."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long does it take to feel the effects?",
              content: "Most users report noticeable effects within 20–30 minutes. Peak performance typically hits around 45 minutes and lasts 6–8 hours. For best results, take with water and light food."
            },
            {
              id: "2",
              title: "Are there any jitters or crashes?",
              content: "No. Unlike traditional caffeine supplements, Edgotabs uses a proprietary blend of adaptogenic herbs and natural energizers that provide sustained focus without the spike-and-crash cycle. Users consistently report smooth, stable energy throughout the day."
            },
            {
              id: "3",
              title: "Is this safe for long-term use?",
              content: "Yes. All ingredients are clinically studied and safe for daily use. We recommend consulting your healthcare provider if you're on medication or have existing health conditions. Many of our customers have been using Edgotabs daily for 2+ years."
            },
            {
              id: "4",
              title: "Can I switch between subscription and one-time purchase?",
              content: "Absolutely. Subscribers can pause, skip, or cancel anytime with no penalty. One-time buyers can upgrade to subscription at checkout or during their next purchase. We make it easy to adjust as your needs change."
            },
            {
              id: "5",
              title: "What if I'm not satisfied?",
              content: "We offer a 100% money-back guarantee for 60 days. No questions asked. If Edgotabs isn't working for you, we'll refund you in full. Our goal is your satisfaction and results."
            },
            {
              id: "6",
              title: "Are the ingredients vegan and sustainable?",
              content: "Yes to both. All ingredients are plant-based and ethically sourced. Our packaging is 100% recyclable and made from post-consumer materials. We're committed to your health and the planet's."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Let's Get You Started"
          description="Questions about Edgotabs? Need a recommendation? We're here to help. Fill out the form and we'll get back to you within 24 hours."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "your@email.com",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us what's on your mind. Questions? Suggestions? Feedback?",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Edgotabs"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Shop Now", href: "#pricing" },
                { label: "Ingredients", href: "#features" },
                { label: "How It Works", href: "#about" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping & Returns", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
          copyrightText="© Edgotabs, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}