"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { AlertCircle, Star, Mail, Phone, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="radialGradient"
      cardStyle="shadow-colored"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Edgetabs"
          navItems={[
            { name: "Benefits", id: "benefits" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Unleash Peak Performance"
          description="The supplement engineered for laser focus, sustained energy, and unstoppable mental edge. Trusted by 2,000+ high performers."
          tag="⚡ LOW ON STOCK"
          tagIcon={AlertCircle}
          kpis={[
            { value: "4.8★", label: "Rated by 2,000+ Customers" },
            { value: "100%", label: "Natural Ingredients" },
            { value: "30 Days", label: "Money-Back Guarantee" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548545385-gxikrqt7.jpg"
          imageAlt="Edgetabs Supplement Tin"
          imagePosition="right"
          buttons={[
            { text: "Get Your Edge Now", href: "#pricing" }
          ]}
        />
      </div>

      <div id="benefits" data-section="benefits">
        <FeatureCardThirteen
          title="Why Athletes Choose Edgetabs"
          description="Engineered for peak mental and physical performance"
          features={[
            {
              id: "01",
              title: "Laser Focus",
              description: "Proprietary blend enhances concentration and cognitive clarity for sustained mental performance during intense focus sessions."
            },
            {
              id: "02",
              title: "Sustained Energy",
              description: "Natural caffeine from premium sources delivers steady energy without crashes, keeping you powered all day long."
            },
            {
              id: "03",
              title: "Peak Performance",
              description: "Optimized formula supports athletic endurance, strength, and recovery for elite-level training and competition."
            },
            {
              id: "04",
              title: "Clean Ingredients",
              description: "No artificial additives, fillers, or banned substances. Just pure, performance-enhancing nutrition in every tin."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your Bundle"
          description="Select the perfect supply to stay on edge. Save more with larger bundles."
          plans={[
            {
              id: "single",
              badge: "Single Tin",
              price: "$49",
              subtitle: "One-time purchase",
              buttons: [
                { text: "Add to Cart" },
                { text: "Learn More" }
              ],
              features: [
                "30-day supply",
                "Full potency guarantee",
                "Free shipping over $50"
              ]
            },
            {
              id: "double",
              badge: "Double Tin",
              price: "$89",
              subtitle: "Save $9 (9% off)",
              buttons: [
                { text: "Add to Cart" },
                { text: "Learn More" }
              ],
              features: [
                "60-day supply",
                "Full potency guarantee",
                "Free shipping included"
              ]
            },
            {
              id: "triple",
              badge: "Triple Tin",
              badgeIcon: Star,
              price: "$119",
              subtitle: "Best Value – Save $28 (19% off)",
              buttons: [
                { text: "Get Best Deal" },
                { text: "Learn More" }
              ],
              features: [
                "90-day supply",
                "Full potency guarantee",
                "Free priority shipping",
                "Exclusive bonus guide"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Trusted by High Performers"
          description="Real results from real athletes, professionals, and fitness enthusiasts who demand the best."
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen",
              role: "Competitive Athlete",
              testimonial: "Edgetabs has completely transformed my pre-competition routine. The focus is incredible, and I can feel the difference in my performance on race day.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              name: "Marcus Johnson",
              role: "CEO & Founder",
              testimonial: "As someone who needs peak mental performance all day, Edgetabs is a game-changer. No jitters, pure clarity from morning to night.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",
              name: "Elena Rodriguez",
              role: "Fitness Coach",
              testimonial: "My clients rave about the sustained energy and improved workout performance. This is the only supplement I recommend to my team.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",
              name: "James Liu",
              role: "Student-Athlete",
              testimonial: "I've tried everything. Edgetabs is the real deal. Better focus in the classroom, more power on the field. Worth every penny.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              imageAlt: "James Liu"
            },
            {
              id: "5",
              name: "Jessica Brooks",
              role: "Marathon Runner",
              testimonial: "The clean ingredients matter to me. I know exactly what I'm putting in my body, and the results speak for themselves.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355784-wp7a3bzx.jpg",
              imageAlt: "Jessica Brooks"
            },
            {
              id: "6",
              name: "David Kim",
              role: "Business Executive",
              testimonial: "In high-pressure meetings, Edgetabs keeps me sharp and confident. It's become part of my daily performance arsenal.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "David Kim"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about Edgetabs."
          faqs={[
            {
              id: "1",
              title: "What are the main ingredients?",
              content: "Edgetabs contains a proprietary blend of natural adaptogens, premium caffeine from green coffee extract, L-theanine for smooth focus, and essential micronutrients. Full ingredient list available on our site."
            },
            {
              id: "2",
              title: "How do I take Edgetabs?",
              content: "Mix one scoop with 6-8 oz of water or your favorite beverage. Take 30 minutes before your workout or when you need peak mental performance. Do not exceed 2 servings per day."
            },
            {
              id: "3",
              title: "Is there a money-back guarantee?",
              content: "Yes! We're confident you'll love Edgetabs. If you're not completely satisfied within 30 days, we'll refund your entire purchase—no questions asked."
            },
            {
              id: "4",
              title: "How quickly will I see results?",
              content: "Most users feel the focus and energy boost within 20-30 minutes of the first dose. Performance improvements build over 2-3 weeks of consistent use."
            },
            {
              id: "5",
              title: "Can I cancel my subscription anytime?",
              content: "Absolutely! Your subscription is flexible. Cancel anytime by logging into your account or contacting our support team. No cancellation fees ever."
            },
            {
              id: "6",
              title: "What's your shipping policy?",
              content: "Orders ship within 24 hours. Standard shipping is free on orders over $50. Subscription orders receive free priority shipping. We deliver to all 50 states."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Ready to Unleash Your Edge?"
          description="Join 2,000+ high performers who've transformed their performance with Edgetabs. Questions? We're here to help."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "How can we help? (Optional)",
            rows: 4,
            required: false
          }}
          buttonText="Get Started"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Edgetabs"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Benefits", href: "#benefits" },
                { label: "Pricing", href: "#pricing" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/" },
                { label: "Blog", href: "/" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/" },
                { label: "Terms of Service", href: "/" },
                { label: "Refund Policy", href: "/" }
              ]
            }
          ]}
          title="Performance-driven nutrition engineered for champions. Unleash your edge every single day."
          contactItems={[
            {
              icon: Mail,
              text: "support@edgetabs.com"
            },
            {
              icon: Phone,
              text: "1-800-EDGE-NOW"
            },
            {
              icon: MapPin,
              text: "Los Angeles, CA"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}