"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="gradient-subtle"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Edgotabs"
          button={{
            text: "Shop Now",
            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Edgotabs"
          description="Premium energy & wellness tabs. Feel the difference with every dose."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503456-n755hzev.jpg",
              imageAlt: "Edgotabs premium product bottle"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503983-u2vstpoh.jpg",
              imageAlt: "Edgotabs herbal supplement tin"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861346-zs6rp46h.jpg",
              imageAlt: "Edgotabs wellness product packaging"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861625-yypcsgpn.jpg",
              imageAlt: "Edgotabs supplement container"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501963-tpqqsdz5.jpg",
              imageAlt: "Edgotabs natural health product"
            }
          ]}
          logoLineHeight={1.1}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFive
          metrics={[
            {
              id: "1",
              value: "10k+",
              description: "Customers enjoying premium wellness tabs monthly"
            },
            {
              id: "2",
              value: "98%",
              description: "Positive reviews from verified purchasers"
            },
            {
              id: "3",
              value: "3x",
              description: "More energy per dose vs. leading competitors"
            }
          ]}
          animationType="slide-up"
          title="Why Edgotabs Wins"
          description="Trusted by thousands seeking real results"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEighteen
          title="Feel the Difference"
          description="See how Edgotabs transforms your daily energy and wellness routine."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          negativeCard={{
            title: "Without Edgotabs",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630862198-z73p8m94.jpg",
            imageAlt: "Low energy without supplement",
            items: [
              "Afternoon energy crashes",
              "Brain fog and fatigue",
              "Inconsistent wellness support",
              "No real results"
            ]
          }}
          positiveCard={{
            title: "With Edgotabs",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630862609-wdfq5mwk.jpg",
            imageAlt: "High energy with Edgotabs",
            items: [
              "Sustained energy all day",
              "Sharp mental clarity",
              "Consistent daily wellness",
              "Real, noticeable results"
            ]
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Choose Your Bundle"
          description="Stock up and save more. All plans include fast shipping and 30-day guarantee."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",
              price: "$24.99",
              name: "Single Tin",
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "30 servings per tin",
                "Premium formula",
                "Free shipping on orders $50+",
                "30-day money-back guarantee"
              ]
            },
            {
              id: "2",
              price: "$47.99",
              name: "Duo Bundle",
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "2 tins (save 4%)",
                "60 total servings",
                "Premium formula",
                "Free expedited shipping",
                "30-day guarantee"
              ]
            },
            {
              id: "3",
              badge: "Best Value",
              badgeIcon: Sparkles,
              price: "$64.99",
              name: "Triple Power",
              buttons: [
                {
                  text: "Add to Cart",
                  href: "#"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "3 tins (save 12%)",
                "90 total servings",
                "Premium formula",
                "Free priority shipping",
                "60-day guarantee",
                "Exclusive perks"
              ]
            }
          ]}
        />
      </div>

      <div id="subscription" data-section="subscription">
        <ProductCardFive
          title="Subscribe & Save 10%"
          description="Never run out. Get Edgotabs delivered automatically, cancel anytime."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "sub-monthly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450503456-n755hzev.jpg",
              imageAlt: "Monthly subscription",
              button: {
                text: "Subscribe Monthly"
              }
            },
            {
              id: "sub-quarterly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630861346-zs6rp46h.jpg",
              imageAlt: "Quarterly subscription",
              button: {
                text: "Subscribe Quarterly"
              }
            },
            {
              id: "sub-annual",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450501963-tpqqsdz5.jpg",
              imageAlt: "Annual subscription",
              button: {
                text: "Subscribe Yearly"
              }
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="★★★★★ Loved by Thousands"
          description="Real customers, real results. See why Edgotabs is the #1 choice for wellness."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahwellness",
              testimonial: "Finally found a product that actually works. My energy levels are incredible, and I love the convenience of the tabs. Highly recommend!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548855749-1s9q3nay.jpg"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mikehealth",
              testimonial: "Been using Edgotabs for 3 months. The results speak for themselves. No crash, no jitters, just pure sustained energy. Life-changing.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863150-2bk258kg.jpg"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emilyactive",
              testimonial: "Perfect for my busy lifestyle. I take Edgotabs before my workout and the boost is noticeable. Better than any other supplement I've tried.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457181837-ubk7965l.jpg"
            },
            {
              id: "4",
              name: "David Kim",
              handle: "@davidproductive",
              testimonial: "As someone who's tried everything, Edgotabs stands out. The quality is obvious, and the customer service is exceptional. 10/10.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863615-wbhl7qmr.jpg"
            },
            {
              id: "5",
              name: "Jessica Martinez",
              handle: "@jessicafitness",
              testimonial: "Amazing product. I've recommended it to all my friends. Finally a wellness tab that delivers consistent, reliable results.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630863976-i7uvb30i.jpg"
            },
            {
              id: "6",
              name: "Thomas Lewis",
              handle: "@thomaswell",
              testimonial: "Outstanding quality and incredible customer service. This is the premium supplement I've been searching for. Worth every penny.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630864436-8cl9y2w0.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Questions? We're Here to Help"
          description="Get in touch with our team. We respond within 24 hours and love hearing from our customers."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us how we can help...",
            rows: 5,
            required: true
          }}
          buttonText="Send Message"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767630865017-4dvod0gk.jpg"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Edgotabs"
          copyrightText="© 2025 Edgotabs. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                {
                  label: "Shop",
                  href: "#pricing"
                },
                {
                  label: "Bundles",
                  href: "#pricing"
                },
                {
                  label: "Subscribe",
                  href: "#subscription"
                },
                {
                  label: "About",
                  href: "#"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "Contact",
                  href: "#contact"
                },
                {
                  label: "FAQ",
                  href: "#"
                },
                {
                  label: "Shipping",
                  href: "#"
                },
                {
                  label: "Returns",
                  href: "#"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy",
                  href: "#"
                },
                {
                  label: "Terms",
                  href: "#"
                },
                {
                  label: "Disclaimer",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}