"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { AlertCircle, Facebook, Instagram, Sparkles, Twitter, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="animatedGrid"
      cardStyle="layered-gradient"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Edgetabs"
          button={{
            text: "Buy Now",
            href: "pricing"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Unlock Your Peak Performance"
          description="Edgetabs: Clinical-grade formula designed to maximize focus, energy, and mental clarity. Trusted by 2,000+ customers with 4.8★ rating."
          tag="LOW ON STOCK"
          tagIcon={AlertCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg"
          imageAlt="Edgetabs supplement bottle"
          imagePosition="right"
          buttons={[
            {
              text: "Get Your Edge",
              href: "pricing"
            }
          ]}
          className="py-8 md:py-16"
          containerClassName="w-full"
          titleClassName="text-4xl md:text-6xl font-light tracking-tight"
          descriptionClassName="text-lg md:text-xl text-opacity-80 leading-relaxed"
          tagClassName="text-sm font-semibold uppercase tracking-wider"
        />
      </div>
      
      <div id="social-proof" data-section="social-proof">
        <TestimonialCardTwo
          title="Trusted by Performance Athletes"
          description="Real results from real customers who've experienced the Edgetabs difference"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Strength Coach",
              testimonial: "Edgetabs transformed my training sessions. The focus and energy boost is unreal. My clients are seeing better results too.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Competitive Athlete",
              testimonial: "Finally a supplement that delivers. I've tried everything, but Edgetabs is the only one that actually works without the crash.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "3",
              name: "David Rodriguez",
              role: "Fitness Entrepreneur",
              testimonial: "My gym members ask about Edgetabs constantly. The results speak for themselves. This is the real deal.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "David Rodriguez"
            },
            {
              id: "4",
              name: "Emma Williams",
              role: "Professional Gamer",
              testimonial: "Sharper focus, better reflexes, zero jitters. Edgetabs is my secret weapon during tournaments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageAlt: "Emma Williams"
            },
            {
              id: "5",
              name: "James Park",
              role: "Entrepreneur",
              testimonial: "As someone running two businesses, Edgetabs keeps me sharp all day. This is a game-changer for productivity.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              imageAlt: "James Park"
            },
            {
              id: "6",
              name: "Nicole Torres",
              role: "Marathon Runner",
              testimonial: "My endurance and mental stamina improved dramatically. Edgetabs is now part of my training routine.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548745818-ygy6vwfi.jpg",
              imageAlt: "Nicole Torres"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Bundle"
          description="Select the perfect bundle and save more. Subscribe for continuous performance."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single",
              price: "$49.99",
              name: "Single Tin",
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#checkout"
                }
              ],
              features: [
                "30-day supply (60 capsules)",
                "Full strength formula",
                "Free shipping on orders over $100"
              ]
            },
            {
              id: "double",
              price: "$89.99",
              name: "Dual Bundle",
              badge: "Save 10%",
              badgeIcon: Sparkles,
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#checkout"
                }
              ],
              features: [
                "60-day supply (120 capsules)",
                "Full strength formula",
                "Free shipping included",
                "Save $10 vs. single tins"
              ]
            },
            {
              id: "triple",
              price: "$129.99",
              name: "Best Value Bundle",
              badge: "Save 13% + Subscribe for 20%",
              badgeIcon: Zap,
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#checkout"
                }
              ],
              features: [
                "90-day supply (180 capsules)",
                "Full strength formula",
                "Free priority shipping",
                "Save $20 vs. single tins",
                "Subscription option available"
              ]
            }
          ]}
        />
      </div>
      
      <div id="subscription-toggle" data-section="subscription-toggle">
        <FeatureCardSix
          title="Subscribe & Save More"
          description="Get an additional 10% off with auto-delivery. Cancel anytime, no commitment required."
          tag="Subscription Benefits"
          textboxLayout="split"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "10% Extra Discount",
              description: "Save 10% on every subscription order. That's 20-30% off the Best Value Bundle when combined.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "Money saving icon"
            },
            {
              id: 2,
              title: "Cancel Anytime",
              description: "No hidden fees, no contracts. Skip a month or cancel your subscription whenever you want.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "Flexibility icon"
            },
            {
              id: 3,
              title: "Never Run Out",
              description: "Automatic delivery on your schedule. Stay stocked with Edgetabs without worrying about restocking.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "Delivery truck icon"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions"
          description="Everything you need to know about Edgetabs and how to maximize your results."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How long before I feel the effects?",
              content: "Most users report feeling noticeable effects within 30-45 minutes of taking Edgetabs. Peak performance typically occurs at the 2-3 hour mark. Effects last 6-8 hours depending on individual metabolism."
            },
            {
              id: "2",
              title: "Is this safe? Any side effects?",
              content: "Edgetabs is formulated with clinical-grade ingredients and manufactured in FDA-compliant facilities. Common tolerability is excellent. Some users may experience mild jitters if sensitive to caffeine. Always consult with a healthcare provider before starting any supplement, especially if you have existing conditions or take medications."
            },
            {
              id: "3",
              title: "Can I stack Edgetabs with other supplements?",
              content: "Edgetabs works great as a standalone product. If you choose to stack, avoid combining with other stimulant-based supplements. Combining with amino acids or creatine is generally safe. Consult a healthcare professional for personalized advice."
            },
            {
              id: "4",
              title: "What's your return policy?",
              content: "We offer a 30-day money-back guarantee. If you're not satisfied with Edgetabs for any reason, return the unused portion for a full refund. No questions asked. We're confident you'll love it."
            },
            {
              id: "5",
              title: "How do I take Edgetabs?",
              content: "Take 2 capsules with 8oz of water on an empty stomach or light meal for best absorption. For first-time users, consider starting with 1 capsule to assess tolerance. Do not exceed 4 capsules in a 24-hour period."
            },
            {
              id: "6",
              title: "Do you ship internationally?",
              content: "Currently, we ship to the US and Canada. International shipping is coming soon. Join our mailing list to be notified when we expand to your country."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Join the Edge Community"
          description="Get exclusive discounts, product launches, and performance tips delivered to your inbox. Plus, 15% off your first order."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg"
          imageAlt="Edgetabs community"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          inputPlaceholder="your@email.com"
          buttonText="Unlock Discount"
          termsText="We respect your inbox. Unsubscribe anytime. See our privacy policy."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Edgetabs"
          copyrightText="© 2025 Edgetabs Performance Labs. All rights reserved."
          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"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}