"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Sparkles, Zap, Instagram, Twitter, Youtube, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="fluid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Product", id: "product" },
            { name: "Benefits", id: "benefits" },
            { name: "Reviews", id: "reviews" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="EDGETABS"
          bottomLeftText="High-Performance Supplements"
          bottomRightText="support@edgetabs.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="EDGETABS"
          description="Engineered for peak performance. Sharp focus. Unstoppable energy. Edge over the competition."
          buttons={[
            { text: "Get Edge Now", href: "pricing" },
            { text: "Learn More", href: "benefits" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548573970-gavw9ifn.jpg"
          imageAlt="High-energy athlete in peak performance"
          showDimOverlay={true}
          logoLineHeight={1.2}
          ariaLabel="EDGETABS Hero Section"
        />
      </div>

      <div id="benefits" data-section="benefits">
        <FeatureCardThirteen
          features={[
            {
              id: "01",
              title: "Laser Focus",
              description: "Enhanced cognitive clarity and mental sharpness. Stay locked in during training and competition with zero distractions."
            },
            {
              id: "02",
              title: "Explosive Energy",
              description: "Sustained energy without the crash. Pure performance fuel designed to push your limits and maximize every rep."
            },
            {
              id: "03",
              title: "Endurance Power",
              description: "Build stamina and reduce fatigue. Train harder for longer with scientifically-formulated endurance support."
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Why Choose EDGETABS"
          description="Experience the difference engineered performance makes. Formulated for athletes who demand more."
          tag="Benefits"
          textboxLayout="split"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardSeven
          products={[
            {
              id: "1",
              name: "EDGETABS Performance Blend",
              price: "From $39",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "EDGETABS premium supplement tin"
            },
            {
              id: "2",
              name: "EDGETABS Focus Stack",
              price: "From $49",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "EDGETABS focus supplement variant"
            },
            {
              id: "3",
              name: "EDGETABS Endurance Pro",
              price: "From $59",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501525-2z6ffwci.jpg",
              imageAlt: "EDGETABS endurance supplement variant"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="The Hero Product"
          description="EDGETABS Performance Blend - Your competitive advantage in every tin"
          tag="Featured"
          textboxLayout="split"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          plans={[
            {
              id: "1",
              price: "$39",
              name: "1 Tin",
              buttons: [
                { text: "Buy Now", href: "https://checkout.example.com" },
                { text: "Learn More" }
              ],
              features: [
                "30-day supply",
                "Full performance blend",
                "Free shipping on orders over $50"
              ]
            },
            {
              id: "2",
              price: "$74",
              name: "2 Tins",
              badge: "Save 5%",
              badgeIcon: Sparkles,
              buttons: [
                { text: "Buy Now", href: "https://checkout.example.com" },
                { text: "Learn More" }
              ],
              features: [
                "60-day supply",
                "5% savings vs single",
                "Free priority shipping",
                "2x the edge"
              ]
            },
            {
              id: "3",
              price: "$99",
              name: "3 Tins",
              badge: "Best Value - Save 15%",
              badgeIcon: Zap,
              buttons: [
                { text: "Buy Now", href: "https://checkout.example.com" },
                { text: "Learn More" }
              ],
              features: [
                "90-day supply",
                "15% savings vs singles",
                "Free overnight shipping",
                "Loyalty bonus included"
              ]
            }
          ]}
          title="Choose Your Supply"
          description="One-time purchase or subscribe for convenience. Cancel anytime."
          tag="Purchase Options"
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardOne
          testimonials={[
            {
              id: "1",
              name: "Marcus J.",
              role: "Competitive Athlete",
              company: "Elite Fitness",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548574598-qrzp73sr.jpg"
            },
            {
              id: "2",
              name: "Sarah M.",
              role: "CrossFit Champion",
              company: "Performance Lab",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548574866-ygo6jdc2.jpg"
            },
            {
              id: "3",
              name: "Coach David",
              role: "Strength & Conditioning",
              company: "Training Institute",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767378010628-m83xd3m3.jpg"
            },
            {
              id: "4",
              name: "Emma R.",
              role: "Endurance Trainer",
              company: "Peak Performance",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548575472-wh010nbk.jpg"
            }
          ]}
          title="Loved By Athletes"
          description="Real results from real users. Join thousands of high-performers who choose EDGETABS."
          tag="Testimonials"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",
              title: "What are the key ingredients in EDGETABS?",
              content: "EDGETABS contains a proprietary blend of performance-enhancing ingredients including caffeine (natural), L-theanine for focus, beta-alanine for endurance, and BCAAs for recovery. All ingredients are lab-tested and verified for purity."
            },
            {
              id: "2",
              title: "How quickly will I feel the effects?",
              content: "Most users report noticeable effects within 15-30 minutes. For best results, take EDGETABS 30 minutes before training or competition. Endurance benefits build over 2-3 weeks of consistent use."
            },
            {
              id: "3",
              title: "Is there a money-back guarantee?",
              content: "Yes! We offer a 100% 30-day money-back guarantee. If you're not completely satisfied with EDGETABS, return it for a full refund—no questions asked."
            },
            {
              id: "4",
              title: "What's the difference between one-time purchase and subscription?",
              content: "Subscribe and save 10% on every order, plus get priority shipping and flexible delivery. Cancel anytime with no penalty. Perfect for athletes who train consistently."
            },
            {
              id: "5",
              title: "How long does shipping take?",
              content: "Standard shipping takes 5-7 business days. Priority and overnight options available at checkout. Free shipping on orders over $50."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548573970-gavw9ifn.jpg"
          imageAlt="EDGETABS supplement preparation"
          title="Frequently Asked Questions"
          description="Everything you need to know about EDGETABS supplements and ordering."
          tag="Support"
          textboxLayout="split"
          mediaPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Questions about EDGETABS? Our support team is here to help. Reach out anytime."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us how we can help...",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
          mediaPosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548573970-gavw9ifn.jpg"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          description="EDGETABS: Engineered for peak performance. High-quality supplements trusted by athletes worldwide."
          logoText="EDGETABS"
          copyrightText="© 2025 EDGETABS. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Browse Supplements", href: "product" },
                { label: "Pricing", href: "pricing" },
                { label: "Benefits", href: "benefits" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "shipping" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Terms of Service", href: "terms" },
                { label: "Privacy Policy", href: "privacy" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/edgetabs",
              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/edgetabs",
              ariaLabel: "Follow us on Twitter"
            },
            {
              icon: Youtube,
              href: "https://youtube.com/@edgetabs",
              ariaLabel: "Subscribe on YouTube"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/edgetabs",
              ariaLabel: "Follow us on Facebook"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}