"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Sparkles, Star, Zap, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="grid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="outline"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Edgetabs"
          navItems={[
            { name: "Benefits", id: "features" },
            { name: "Bundle", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Buy Now",
            href: "pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Feel the Difference. Unlock Your Peak Performance."
          description="Edgetabs delivers clean energy, laser-sharp focus, and sustained performance. Trusted by 2,000+ customers. ★★★★★ 4.8 rating."
          tag="LOW ON STOCK - Order Today"
          buttons={[
            { text: "Get Edge Now", href: "pricing" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315011-1ysmkj5i.jpg"
          imageAlt="Edgetabs performance supplement tin"
          className="relative"
          containerClassName="min-h-screen flex items-center justify-center"
          titleClassName="text-5xl md:text-6xl font-bold leading-tight"
          descriptionClassName="text-lg md:text-xl max-w-2xl mx-auto"
          tagClassName="text-sm font-semibold text-red-500 inline-block mb-4"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Why Athletes & Professionals Choose Edgetabs"
          description="Engineered for maximum efficacy with clean, transparent ingredients. No fillers. No compromises."
          tag="Benefits"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315011-1ysmkj5i.jpg"
          imageAlt="Edgetabs tin performance showcase"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "Sustained Energy & Focus",
              content: "Proprietary blend of natural caffeine, L-theanine, and adaptogens delivers clean energy without the crash. Stay sharp for hours."
            },
            {
              id: "2",
              title: "Premium Ingredient Quality",
              content: "Every ingredient is lab-tested and third-party verified. We use only the highest quality sources—no synthetic fillers or binders."
            },
            {
              id: "3",
              title: "Trusted by Thousands",
              content: "2,000+ customers report increased mental clarity, endurance, and performance. Backed by real user reviews and proven results."
            },
            {
              id: "4",
              title: "Easy, Convenient Dosing",
              content: "One tin provides 30 servings. Perfect for daily use—at work, at the gym, or on the go. No mess, no hassle."
            }
          ]}
          titleClassName="text-4xl md:text-5xl font-bold"
          descriptionClassName="text-lg text-foreground/75"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Bundle. Save More. Perform Better."
          description="One-time purchase or subscription. Buy once or save 10% with monthly delivery."
          tag="Flexible Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single-tin",
              tag: "Single Tin",
              price: "$34.99",
              period: "one-time",
              description: "Try Edgetabs risk-free. Get 30 servings of clean energy.",
              button: { text: "Buy Single", href: "#" },
              featuresTitle: "What's Included:",
              features: [
                "30 servings per tin",
                "Clean energy formula",
                "No synthetic fillers"
              ]
            },
            {
              id: "bundle-2-tin",
              tag: "2-Tin Bundle",
              tagIcon: Sparkles,
              price: "$64.99",
              period: "Save 7%",
              description: "Stock up and save. Perfect for regular users.",
              button: { text: "Save 7%", href: "#" },
              featuresTitle: "What's Included:",
              features: [
                "60 servings (2 tins)",
                "Save $4 vs. single",
                "Free shipping on orders 2+"
              ]
            },
            {
              id: "bundle-3-tin",
              tag: "3-Tin Bundle",
              tagIcon: Award,
              price: "$89.99",
              period: "Save 14% - Best Value",
              description: "The ultimate value. 90 days of peak performance.",
              button: { text: "Best Value", href: "#" },
              featuresTitle: "What's Included:",
              features: [
                "90 servings (3 tins)",
                "Save $14 vs. singles",
                "Free priority shipping",
                "30-day money-back guarantee"
              ]
            }
          ]}
          animationType="slide-up"
          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
          textBoxDescriptionClassName="text-lg text-foreground/75"
        />
      </div>

      <div id="subscription-info" data-section="subscription-info">
        <TagMediaSplitAbout
          title="Subscribe & Save 10% Every Month"
          description="Get Edgetabs delivered automatically. Cancel anytime—no strings attached."
          tag="Subscription"
          textboxLayout="default"
          contentTag="SUBSCRIPTION ADVANTAGE"
          contentTagIcon={Zap}
          contentTitle="Performance Delivered to Your Door"
          contentDescription="With monthly subscription, you'll never run out of Edgetabs. Lock in 10% savings, enjoy free priority shipping, and pause or cancel anytime. Built for athletes and professionals who demand consistency."
          contentButtons={[
            { text: "Subscribe Now", href: "#" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548315011-1ysmkj5i.jpg"
          imageAlt="Subscription benefits"
          imagePosition="left"
          useInvertedBackground="noInvert"
          titleClassName="text-4xl font-bold"
          contentTitleClassName="text-3xl font-bold"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Athletes, Trusted by Professionals"
          description="Real results from real customers. See why Edgetabs is changing the game."
          tag="Social Proof"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen",
              handle: "@marcus.athlete",
              testimonial: "Edgetabs gave me the clean energy I needed for intense training sessions. No jitters, no crash—just pure focus. Game changer.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Chen testimonial"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              handle: "@sarah.startup",
              testimonial: "As a founder, mental clarity is everything. Edgetabs keeps me sharp through 12-hour work days. Best investment in my productivity.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "3",
              name: "David Rodriguez",
              handle: "@david.fitness",
              testimonial: "I've tried every supplement on the market. Edgetabs is the only one that actually works. The ingredient transparency is refreshing.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "David Rodriguez testimonial"
            },
            {
              id: "4",
              name: "Emily Watson",
              handle: "@emily.coach",
              testimonial: "I recommend Edgetabs to all my clients. The results speak for themselves—better focus, sustained energy, and they love the taste.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              imageAlt: "Emily Watson testimonial"
            },
            {
              id: "5",
              name: "James Park",
              handle: "@james.engineer",
              testimonial: "Perfect for long coding sessions. No sugar crash, no artificial ingredients. This is the supplement I've been waiting for.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageAlt: "James Park testimonial"
            },
            {
              id: "6",
              name: "Lisa Thompson",
              handle: "@lisa.wellness",
              testimonial: "Clean ingredients, real results, transparent brand. Edgetabs nailed the trifecta. My new go-to for daily energy and focus.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469017-yfioykn0.jpg",
              imageAlt: "Lisa Thompson testimonial"
            }
          ]}
          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
          textBoxDescriptionClassName="text-lg text-foreground/75"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Questions? We've Got Answers."
          description="Everything you need to know about Edgetabs, ingredients, shipping, and our guarantee."
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What's in Edgetabs?",
              content: "Edgetabs contains a proprietary blend of natural caffeine, L-theanine, rhodiola rosea, and essential B vitamins. All ingredients are third-party tested and verified for purity and potency. We never use synthetic fillers, artificial sweeteners, or banned substances."
            },
            {
              id: "2",
              title: "How do I use Edgetabs?",
              content: "Take one Edgetab serving with water as needed for energy and focus. One tin contains 30 servings. Most users take one serving in the morning or before workouts. Safe for daily use. Not recommended for pregnant or nursing women."
            },
            {
              id: "3",
              title: "Will I experience a crash?",
              content: "No. The combination of natural caffeine with L-theanine and adaptogens provides sustained energy without the typical caffeine crash. Users report smooth, clean energy that lasts 4-6 hours."
            },
            {
              id: "4",
              title: "Is there a money-back guarantee?",
              content: "Yes. All Edgetabs bundles include our 30-day money-back guarantee. If you're not satisfied for any reason, contact us for a full refund—no questions asked."
            },
            {
              id: "5",
              title: "How long does shipping take?",
              content: "Standard shipping takes 5-7 business days. Orders of 2+ tins qualify for free shipping. Subscription members receive priority shipping at no extra cost. We ship from the US."
            },
            {
              id: "6",
              title: "Can I cancel my subscription?",
              content: "Absolutely. Cancel anytime, no penalty. You can pause, skip, or cancel your subscription through your account dashboard or by contacting us. We make it simple."
            },
            {
              id: "7",
              title: "Is Edgetabs safe?",
              content: "Yes. Edgetabs is made with natural, third-party tested ingredients. We comply with FDA guidelines and maintain rigorous quality control. Consult a healthcare provider if you have health concerns."
            },
            {
              id: "8",
              title: "What if I have allergies?",
              content: "Edgetabs is gluten-free and vegan. Full ingredient list is available on our site. If you have specific allergies, review the label or contact us before purchasing."
            }
          ]}
          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
          textBoxDescriptionClassName="text-lg text-foreground/75"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch. We're Here to Help."
          description="Questions about Edgetabs? Contact our customer support team or join our newsletter for exclusive updates and offers."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "your@email.com",
              required: true
            },
            {
              name: "subject",
              type: "text",
              placeholder: "How can we help?",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us more about your inquiry...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548574385-70sgzb5e.jpg"
          imageAlt="Contact support"
          mediaPosition="right"
          buttonText="Send Message"
          titleClassName="text-4xl md:text-5xl font-bold"
          descriptionClassName="text-lg text-foreground/75"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Edgetabs"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Buy Now", href: "#pricing" },
                { label: "Benefits", href: "#features" },
                { label: "Ingredients", href: "#" },
                { label: "Guarantee", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Refund Policy", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Edgetabs. All rights reserved. Performance-driven supplements for peak results."
        />
      </div>
    </ThemeProvider>
  );
}