"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Zap, Crown, CheckCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="spotlight"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Edgetabs"
          navItems={[
            { name: "Product", id: "product" },
            { name: "Benefits", id: "benefits" },
            { name: "Reviews", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Edge",
            href: "purchase"
          }}
          className="shadow-lg backdrop-blur-md"
        />
      </div>
      
      <div id="hero" data-section="hero" className="relative overflow-hidden">
        <HeroLogoCarousel
          logoText="Edgetabs"
          description="The ultimate performance supplement. 5-star rated by 2,000+ customers. Transform your focus, energy, and endurance today. ★★★★★"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548601518-h1hh6bya.jpg",
              imageAlt: "Supplement wellness and energy"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
              imageAlt: "Athlete performance training"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548601866-twgfwlgh.jpg",
              imageAlt: "Nutrition and healthy lifestyle"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548602265-taie8430.jpg",
              imageAlt: "Fitness and gym performance"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548602643-ik7yq8i9.jpg",
              imageAlt: "Health and wellness benefits"
            }
          ]}
          logoLineHeight={1.2}
          className="relative"
          logoClassName="font-bold tracking-tight"
          descriptionClassName="text-lg md:text-2xl font-medium leading-relaxed max-w-2xl"
        />
      </div>
      
      <div id="product" data-section="product" className="py-16 md:py-24">
        <ProductCardTwo
          title="The Edge: Premium Performance Supplement"
          description="Engineered for peak performance. Our proprietary blend delivers sustained energy, laser-sharp focus, and enhanced endurance. Trusted by athletes and professionals."
          tag="Best Seller"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              brand: "Edgetabs",
              name: "Single Tin (30 Servings)",
              price: "$49.99",
              rating: 5,
              reviewCount: "2,000+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
              imageAlt: "Edgetabs single tin supplement"
            },
            {
              id: "2",
              brand: "Edgetabs",
              name: "2-Tin Bundle (60 Servings)",
              price: "$89.99",
              rating: 5,
              reviewCount: "2,000+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
              imageAlt: "Edgetabs 2-tin bundle supplement"
            },
            {
              id: "3",
              brand: "Edgetabs",
              name: "3-Tin Bundle (90 Servings)",
              price: "$119.99",
              rating: 5,
              reviewCount: "2,000+",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548546071-wp7uovv5.jpg",
              imageAlt: "Edgetabs 3-tin best value bundle"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View Details",
              href: "#pricing"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing" className="py-16 md:py-24 bg-gradient-to-b from-transparent via-purple-50/30 to-transparent">
        <PricingCardSeven
          title="Choose Your Plan"
          description="Select the perfect bundle for your goals. Save up to 40% with multi-tin packages."
          tag="Limited Time"
          tagIcon={Zap}
          plans={[
            {
              id: "single",
              tag: "START HERE",
              pricingOptions: [
                {
                  value: "onetime",
                  label: "One-Time",
                  price: "$49.99",
                  subtitle: "Single 30-serving tin"
                },
                {
                  value: "monthly",
                  label: "Subscribe",
                  price: "$44.99",
                  subtitle: "Save 10% + Free Shipping"
                }
              ],
              defaultOption: "onetime",
              selectorNote: "Save 10% with subscription",
              description: "Perfect for first-time buyers. Try our formula risk-free.",
              buttons: [
                {
                  text: "Buy Single Tin",
                  href: "#"
                }
              ]
            },
            {
              id: "double",
              tag: "POPULAR CHOICE",
              pricingOptions: [
                {
                  value: "onetime",
                  label: "One-Time",
                  price: "$89.99",
                  subtitle: "2 tins - Save 10%"
                },
                {
                  value: "monthly",
                  label: "Subscribe",
                  price: "$80.99",
                  subtitle: "Save 20% + Free Shipping"
                }
              ],
              defaultOption: "onetime",
              selectorNote: "Save 20% with monthly subscription",
              description: "Double the supply. Proven results with consistent use.",
              buttons: [
                {
                  text: "Buy 2-Tin Bundle",
                  href: "#"
                }
              ]
            },
            {
              id: "triple",
              tag: "BEST VALUE",
              tagIcon: Crown,
              pricingOptions: [
                {
                  value: "onetime",
                  label: "One-Time",
                  price: "$119.99",
                  subtitle: "3 tins - Save 20%"
                },
                {
                  value: "monthly",
                  label: "Subscribe",
                  price: "$107.99",
                  subtitle: "Save 30% + Free Shipping"
                }
              ],
              defaultOption: "onetime",
              selectorNote: "Save 30% with monthly subscription + Priority Support",
              description: "90-day supply. Maximum savings with our most popular plan.",
              buttons: [
                {
                  text: "Get Best Value",
                  href: "#"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="centered"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials" className="py-16 md:py-24">
        <TestimonialCardEight
          title="Real Results from Real Users"
          description="See why 2,000+ customers trust Edgetabs for their daily performance needs."
          tag="Verified Reviews"
          tagIcon={CheckCircle}
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Fitness Coach",
              company: "Elite Training Co.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",
              imageAlt: "Marcus Johnson testimonial"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Athlete",
              company: "Pro Sports",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548317270-xdwlmkra.jpg",
              imageAlt: "Sarah Chen testimonial"
            },
            {
              id: "3",
              name: "James Mitchell",
              role: "Entrepreneur",
              company: "Tech Startup",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",
              imageAlt: "James Mitchell testimonial"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              role: "Performance Coach",
              company: "Peak Performance",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387355491-oaqhmk1o.jpg",
              imageAlt: "Emma Rodriguez testimonial"
            },
            {
              id: "5",
              name: "David Park",
              role: "CrossFit Athlete",
              company: "CrossFit Champion",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548603379-gni6b4vr.jpg",
              imageAlt: "David Park testimonial"
            },
            {
              id: "6",
              name: "Lauren Blake",
              role: "Wellness Director",
              company: "Corporate Wellness",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548603970-29287ah9.jpg",
              imageAlt: "Lauren Blake testimonial"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq" className="py-16 md:py-24">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Edgetabs and how to get the most from your purchase."
          tag="Support"
          faqs={[
            {
              id: "1",
              title: "How long does one tin last?",
              content: "Each tin contains 30 servings. With one scoop daily, a single tin lasts 30 days. Our 2-tin bundle provides 60 days of supply, and the 3-tin bundle delivers a full 90-day supply for maximum savings."
            },
            {
              id: "2",
              title: "When will I notice results?",
              content: "Most users report increased energy and focus within 30 minutes of their first dose. Sustained performance improvements typically appear within 2-3 weeks of consistent daily use. For best results, use daily and maintain proper nutrition and hydration."
            },
            {
              id: "3",
              title: "What's included in the formula?",
              content: "Edgetabs contains a scientifically-formulated blend of caffeine, L-theanine, beta-alanine, and our proprietary performance matrix. All ingredients are lab-tested for purity and potency. See our product page for a complete ingredient list."
            },
            {
              id: "4",
              title: "Can I cancel my subscription?",
              content: "Yes, absolutely. You can cancel your monthly subscription anytime, no questions asked. Simply log into your account or contact our support team. You'll retain access to any purchased inventory."
            },
            {
              id: "5",
              title: "Is there a money-back guarantee?",
              content: "We offer a 30-day money-back guarantee on all purchases. If you're not completely satisfied with Edgetabs, contact us for a full refund. We stand behind our product."
            },
            {
              id: "6",
              title: "How do I take Edgetabs?",
              content: "Mix one scoop with 6-8 oz of water or your favorite beverage. Stir well and drink. For best results, take 15-30 minutes before your workout or when you need peak focus. Do not exceed 2 scoops per day."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Updated"
          title="Get exclusive offers & insider tips"
          description="Join our community of 2,000+ performance enthusiasts. Get early access to new formulas, special bundles, and insider fitness tips."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Join"
          termsText="We respect your privacy. Unsubscribe anytime. Check our Privacy Policy."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",
              items: [
                { label: "Overview", href: "product" },
                { label: "Ingredients", href: "#" },
                { label: "Science", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Returns", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Edgetabs. All rights reserved. | Performance-Tested. Results-Driven."
        />
      </div>
    </ThemeProvider>
  );
}