"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, Mail, Sparkles, Star, TrendingUp, Truck, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Edgetabs"
          button={{
            text: "Buy Now",
            href: "pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Edgetabs"
          description="★★★★★ 4.8 / 5 — Rated by 2,000+ customers • LOW ON STOCK"
          buttons={[
            {
              text: "Get Edge Now",
              href: "pricing"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548593187-yxqakkzd.jpg"
          imageAlt="Edgetabs premium supplement bottle"
          showDimOverlay={true}
          logoLineHeight={1.2}
          containerClassName="relative"
          descriptionClassName="text-sm md:text-base font-medium tracking-tight"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Why Athletes Choose Edgetabs"
          title="Engineered for Peak Performance. Trusted by Champions."
          description="Boost focus, energy, and endurance"
          subdescription="Premium formula, scientifically formulated"
          icon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg"
          imageAlt="Athlete in peak performance mode"
          useInvertedBackground="noInvert"
          tagClassName="text-xs md:text-sm font-semibold uppercase tracking-widest"
          titleClassName="text-2xl md:text-4xl font-bold leading-tight"
          descriptionClassName="text-base md:text-lg font-semibold"
          subdescriptionClassName="text-sm md:text-base text-gray-600"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive 
          title="Choose Your Bundle"
          description="Select the perfect supply. Save more with bundles. Add subscription for 10% extra off."
          tag="Smart Pricing"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "single-tin",
              tag: "Single Tin",
              price: "$49",
              period: "one-time",
              description: "Try it risk-free. Premium formula, same-day processing.",
              button: {
                text: "Add to Cart",
                href: "#checkout"
              },
              featuresTitle: "What's Included:",
              features: [
                "30 servings per tin",
                "Free shipping on orders 2+",
                "30-day satisfaction guarantee"
              ]
            },
            {
              id: "duo-bundle",
              tag: "Duo Bundle",
              tagIcon: TrendingUp,
              price: "$95",
              period: "save $3",
              description: "2-month supply. Save 3% vs single purchase. Stock up and save.",
              button: {
                text: "Add to Cart",
                href: "#checkout"
              },
              featuresTitle: "What's Included:",
              features: [
                "2 tins × 30 servings",
                "Free standard shipping",
                "Cancel subscription anytime",
                "Reorder management portal"
              ]
            },
            {
              id: "best-value",
              tag: "Best Value — 3-Tin Bundle",
              tagIcon: Award,
              price: "$138",
              period: "save $9",
              description: "3-month supply. Maximum savings at 8% off. Most popular choice for serious users.",
              button: {
                text: "Get Best Value",
                href: "#checkout"
              },
              featuresTitle: "What's Included:",
              features: [
                "3 tins × 30 servings (90 servings total)",
                "Free express shipping",
                "10% extra with subscription toggle below",
                "Priority customer support",
                "Exclusive early access to new flavors"
              ]
            }
          ]}
          animationType="slide-up"
          planTagClassName="text-xs font-semibold uppercase tracking-wider"
          planPriceClassName="text-3xl md:text-4xl font-bold"
          planDescriptionClassName="text-sm md:text-base text-gray-700"
        />
      </div>

      <div id="subscription-toggle" data-section="subscription-toggle">
        <FeatureCardEight 
          title="Subscription Option"
          description="Save an additional 10% and get auto-delivery every month. Cancel anytime with one click."
          tag="Flexible Delivery"
          tagIcon={Truck}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "One-Time Purchase",
              description: "Pay now, get it shipped immediately. No recurring charges.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548593187-yxqakkzd.jpg"
            },
            {
              id: 2,
              title: "Subscribe & Save 10%",
              description: "Monthly delivery + 10% discount. Pause or cancel anytime, no penalties.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548593187-yxqakkzd.jpg"
            }
          ]}
          cardTitleClassName="text-lg md:text-xl font-semibold"
          cardDescriptionClassName="text-sm md:text-base text-gray-700"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix 
          title="Trusted by Athletes & Fitness Enthusiasts"
          description="Real results from real customers. See why 2,000+ users rate us 4.8★"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={30}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",
              name: "Alex Chen",
              handle: "Competitive Cyclist",
              testimonial: "Edgetabs gives me the energy and focus I need for early morning rides. Smooth, clean energy—no crash. This is my go-to now.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Alex Chen"
            },
            {
              id: "2",
              name: "Sarah Johnson",
              handle: "CrossFit Coach",
              testimonial: "My athletes swear by it. Better endurance, sharper focus. The subscription saves us money and the reorder is effortless.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548534823-ztfa8dh2.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",
              name: "Marcus Rodriguez",
              handle: "@fitnessmarcos",
              testimonial: "No jitters, no crash. Just pure focus and sustained energy for 4+ hours. Worth every penny. Highly recommend.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548594475-yd5yi9mh.jpg",
              imageAlt: "Marcus Rodriguez"
            },
            {
              id: "4",
              name: "Emma Williams",
              handle: "Marathon Runner",
              testimonial: "Game-changer for my long-distance training. Better hydration support + energy without the artificial taste. 5 stars!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548535439-8vmz9ugi.jpg",
              imageAlt: "Emma Williams"
            },
            {
              id: "5",
              name: "James Park",
              handle: "Personal Trainer",
              testimonial: "I recommend Edgetabs to all my clients. Consistently high quality, noticeable results, and genuinely great customer service.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "James Park"
            },
            {
              id: "6",
              name: "Olivia Martinez",
              handle: "Yoga & Fitness Instructor",
              testimonial: "Perfect for pre-workout energy without the overload. Clean ingredients, effective results. Love the transparency.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767541469734-g60zleac.jpg",
              imageAlt: "Olivia Martinez"
            }
          ]}
          textBoxTitleClassName="text-2xl md:text-4xl font-bold"
          textBoxDescriptionClassName="text-base md:text-lg text-gray-700"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="By The Numbers"
          description="See why athletes trust Edgetabs for performance gains."
          tag="Proof of Results"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              icon: Users,
              title: "Active Users",
              value: "2,000+"
            },
            {
              id: "2",
              icon: Star,
              title: "Avg Rating",
              value: "4.8★"
            },
            {
              id: "3",
              icon: TrendingUp,
              title: "Repeat Order Rate",
              value: "73%"
            },
            {
              id: "4",
              icon: Zap,
              title: "Energy Boost (avg)",
              value: "4–6 hrs"
            }
          ]}
          titleClassName="text-2xl md:text-4xl font-bold"
          descriptionClassName="text-base md:text-lg text-gray-700"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          title="Stay Edge-Ready"
          description="Get exclusive pre-launch flavors, training tips, and 10% off your first order."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548555812-77uz93py.jpg"
          imageAlt="Energy and performance"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Notify Me"
          termsText="We respect your inbox. Unsubscribe anytime. No spam, just edge."
          tagIcon={Mail}
          tagClassName="text-xs font-semibold uppercase tracking-widest"
          titleClassName="text-2xl md:text-3xl font-bold"
          descriptionClassName="text-base text-gray-700"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Edgetabs"
          columns={[
            {
              items: [
                {
                  label: "Product",
                  href: "pricing"
                },
                {
                  label: "How It Works",
                  href: "about"
                },
                {
                  label: "FAQs",
                  href: "faq"
                }
              ]
            },
            {
              items: [
                {
                  label: "Shipping Policy",
                  href: "#"
                },
                {
                  label: "Returns",
                  href: "#"
                },
                {
                  label: "Track Order",
                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "About Us",
                  href: "#"
                },
                {
                  label: "Contact",
                  href: "contact"
                },
                {
                  label: "Careers",
                  href: "#"
                }
              ]
            },
            {
              items: [
                {
                  label: "Terms of Service",
                  href: "#"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Disclaimer",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}