"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, TrendingUp, Star, CheckCircle, Zap, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="fluid"
      cardStyle="solid-accent"
      primaryButtonStyle="outline"
      secondaryButtonStyle="minimal"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Edgetabs"
          button={{
            text: "Get Edge",
            href: "#purchase"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="EDGE TABS"
          description="★★★★★ 4.8/5 from 2,000+ customers. Unlock peak focus, energy & performance. The supplement trusted by high performers."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855642-0zcyas1d.jpg"
          imageAlt="Edgetabs premium supplement tin"
          frameStyle="card"
        />
      </div>
      
      <div id="purchase" data-section="purchase">
        <PricingCardFive
          plans={[
            {
              id: "single-tin",
              tag: "Single Order",
              price: "$49",
              period: "/one-time",
              description: "Perfect for trying Edgetabs. One-time purchase.",
              button: {
                text: "Buy Now",
                href: "#checkout"
              },
              featuresTitle: "Includes:",
              features: [
                "1 tin (30 servings)",
                "Free shipping on orders $50+",
                "30-day satisfaction guarantee"
              ]
            },
            {
              id: "two-tin",
              tag: "Save 10%",
              price: "$88",
              period: "/one-time",
              description: "Better value. Two tins for a month+ supply.",
              button: {
                text: "Buy Now",
                href: "#checkout"
              },
              featuresTitle: "Includes:",
              features: [
                "2 tins (60 servings)",
                "Save $10 vs single orders",
                "Free priority shipping",
                "30-day satisfaction guarantee"
              ]
            },
            {
              id: "three-tin-best-value",
              tag: "Best Value - Save 18%",
              tagIcon: Sparkles,
              price: "$120",
              period: "/one-time",
              description: "Maximum savings. Three-month performance boost with our most popular bundle.",
              button: {
                text: "Buy Now - Best Value",
                href: "#checkout"
              },
              featuresTitle: "Includes:",
              features: [
                "3 tins (90 servings)",
                "Save $27 vs single orders",
                "Free priority shipping",
                "30-day satisfaction guarantee"
              ]
            }
          ]}
          animationType="opacity"
          title="Choose Your Bundle"
          description="Select the perfect supply. Subscription saves an extra 10%."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="subscription" data-section="subscription">
        <FeatureCardTwelve
          features={[
            {
              id: "sub-basic",
              label: "Monthly",
              title: "Monthly Subscription (Save 10%)",
              items: [
                "10% discount on all bundles",
                "Cancel anytime, no commitment",
                "Delivered every month",
                "Free priority shipping"
              ],
              buttons: [
                {
                  text: "Subscribe - $43/mo",
                  href: "#checkout"
                }
              ]
            },
            {
              id: "sub-premium",
              label: "Auto-Replenish",
              title: "Smart Auto-Replenish (Save 15%)",
              items: [
                "15% discount on all bundles",
                "Skip or pause any month",
                "AI-learns your usage pattern",
                "Free priority shipping",
                "Exclusive member perks"
              ],
              buttons: [
                {
                  text: "Subscribe Smart - $42/mo",
                  href: "#checkout"
                }
              ]
            }
          ]}
          animationType="opacity"
          title="Subscribe & Save More"
          description="Automate your edge. Get 10% extra discount + free shipping every month. Cancel anytime."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSix
          metrics={[
            {
              id: "m1",
              value: "2,000+",
              tag: "Orders",
              tagIcon: TrendingUp,
              title: "Delivered to Peak Performers"
            },
            {
              id: "m2",
              value: "4.8★",
              tag: "Rating",
              tagIcon: Star,
              title: "Customer Satisfaction Score"
            },
            {
              id: "m3",
              value: "98%",
              tag: "Retention",
              tagIcon: CheckCircle,
              title: "Repurchase Rate"
            },
            {
              id: "m4",
              value: "24hr",
              tag: "Delivery",
              tagIcon: Zap,
              title: "Rush Shipping Available"
            }
          ]}
          title="Trusted by High Performers"
          description="Real results from real customers. See why Edgetabs is the edge."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Edgetabs is the only supplement that actually keeps me sharp through 12-hour coding marathons. Focus stays crisp, energy stable, no crash. It's become non-negotiable for my workflow."
          rating={5}
          author="Alex Chen, Software Engineer"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              alt: "Alex Chen"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              alt: "Customer 2"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              alt: "Customer 3"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              alt: "Customer 4"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              alt: "Customer 5"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548856258-atljurj7.jpg",
              alt: "Customer 6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq-contact" data-section="faq-contact">
        <ContactFaq
          ctaTitle="Questions? We're Here."
          ctaDescription="Fast responses. Real support. No bots. Reach out anytime."
          ctaButton={{
            text: "Contact Support",
            href: "mailto:support@edgetabs.com"
          }}
          ctaIcon={MessageSquare}
          faqs={[
            {
              id: "1",
              title: "Is Edgetabs safe? Any side effects?",
              content: "Edgetabs is formulated with premium, clinically-studied ingredients. All ingredients are third-party tested for purity and potency. No artificial colors, fillers, or banned substances. Most users experience smooth, sustained energy with zero jitters or crashes. Start with one serving to assess tolerance. Consult your doctor if you're on medications or have health conditions."
            },
            {
              id: "2",
              title: "How long before I feel the effects?",
              content: "Most users report noticeable focus and energy within 20-30 minutes of first serving. The effects peak around 1-2 hours and sustain for 4-6 hours. Consistent use over 2-3 weeks shows compounding cognitive sharpness and endurance gains."
            },
            {
              id: "3",
              title: "Can I return it if I don't like it?",
              content: "Yes. 30-day money-back guarantee, no questions asked. If you're not seeing the edge you expected, just contact support. We'll process a full refund within 2 business days. Your satisfaction is guaranteed."
            },
            {
              id: "4",
              title: "How do subscriptions work? Can I cancel?",
              content: "Subscriptions auto-deliver every month at 10-15% off. You can skip, pause, or cancel anytime—no penalties, no commitment. Manage everything from your account dashboard or contact support in 1 minute."
            },
            {
              id: "5",
              title: "What's the difference between Monthly and Auto-Replenish?",
              content: "Monthly Subscription: 10% off, fixed monthly delivery. Auto-Replenish: 15% off, uses AI to predict your usage and auto-adjust delivery frequency. Saves more, delivered smarter. Both can be paused or canceled instantly."
            },
            {
              id: "6",
              title: "Do you ship internationally?",
              content: "Currently shipping to all US addresses. International shipping coming Q2 2025. Sign up for our waitlist to be notified when your region launches."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Edgetabs"
          columns={[
            {
              items: [
                {
                  label: "Home",
                  href: "/"
                },
                {
                  label: "Our Story",
                  href: "#about"
                },
                {
                  label: "Science",
                  href: "#science"
                }
              ]
            },
            {
              items: [
                {
                  label: "Contact",
                  href: "#contact"
                },
                {
                  label: "Support",
                  href: "mailto:support@edgetabs.com"
                },
                {
                  label: "Orders",
                  href: "#orders"
                }
              ]
            },
            {
              items: [
                {
                  label: "Privacy Policy",
                  href: "/privacy"
                },
                {
                  label: "Terms of Service",
                  href: "/terms"
                },
                {
                  label: "Shipping Policy",
                  href: "/shipping"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}