"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, CheckCircle, Users, Sparkles, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="dotGrid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="VITALIZE"
          navItems={[
            {"name":"Products","id":"products"},
            {"name":"About","id":"about"},
            {"name":"Benefits","id":"features"},
            {"name":"Reviews","id":"testimonials"},
            {"name":"Contact","id":"contact"}
          ]}
          button={{"text":"Shop Now","href":"#products"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Premium Supplements for Peak Performance"
          description="Elevate your wellness with scientifically formulated, lab-tested supplements crafted for NYC's health-conscious community. Premium ingredients, proven results."
          tag="NYC's #1 Supplement Store"
          tagIcon={Award}
          buttons={[
            {"text":"Shop Collection","href":"#products"},
            {"text":"Learn More","href":"#about"}
          ]}
          carouselItems={[
            {"id":"1","imageSrc":"https://img.b2bpic.net/free-photo/spoon-pills-lemon-wooden-surface_181624-58664.jpg","imageAlt":"Premium multivitamin supplement"},
            {"id":"2","imageSrc":"https://img.b2bpic.net/free-photo/image-young-woman-sporty-fitness-girl-taking-vitamins-dietary-supplements-muscles-strength_1258-189561.jpg","imageAlt":"Protein powder supplement"},
            {"id":"3","imageSrc":"https://img.b2bpic.net/free-photo/assortment-with-citrus-slices-black-background_23-2148427755.jpg","imageAlt":"Collagen capsules"},
            {"id":"4","imageSrc":"https://img.b2bpic.net/free-photo/dietry-supplements-healthy-lifestyle-young-woman-taking-vitamin-c-d-omega-with-glass-water-st_1258-182352.jpg","imageAlt":"Omega-3 supplements"},
            {"id":"5","imageSrc":"https://img.b2bpic.net/free-photo/happy-young-fit-girl-doing-sports-home-shows-dietary-supplements-taking-vitamins-healthy-body_1258-189563.jpg","imageAlt":"Vitamin D supplement"},
            {"id":"6","imageSrc":"https://img.b2bpic.net/free-photo/young-hispanic-woman-doing-psychiatry-treatment-holding-pills-pshychiatry-clinic_839833-2700.jpg","imageAlt":"Premium wellness blend"}
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Trusted by thousands of New Yorkers committed to their health and wellness journey"
          metrics={[
            {"icon":CheckCircle,"label":"Lab Tested & Verified","value":"100%"},
            {"icon":Users,"label":"Active Customers","value":"8,500+"},
            {"icon":Award,"label":"Years of Excellence","value":"15+"},
            {"icon":Sparkles,"label":"Premium Grade","value":"A+++"}
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Our Premium Collection"
          description="Handpicked supplements formulated with premium ingredients and backed by rigorous testing. Each product is selected for maximum efficacy and purity."
          tag="Premium Selection"
          tagIcon={Sparkles}
          products={[
            {"id":"1","name":"Premium Protein Complex","price":"$49.99","imageSrc":"https://img.b2bpic.net/free-photo/close-up-portrait-smiling-healthy-young-woman-holding-tablets-taking-vitamin-dietary-supplements_1258-218188.jpg","imageAlt":"Premium Protein Complex powder"},
            {"id":"2","name":"Marine Collagen Peptides","price":"$59.99","imageSrc":"https://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-pastries-orange-slices-dark-surface-sugar-biscuit-sweet-cookies-cake-tea_140725-101837.jpg","imageAlt":"Marine Collagen Peptides supplement"},
            {"id":"3","name":"Complete Multivitamin","price":"$44.99","imageSrc":"https://img.b2bpic.net/free-photo/portrait-young-sportswoman-fitness-girl-takes-vitamins-buds-healthy-fit-body-workout-indo_1258-183320.jpg","imageAlt":"Complete Multivitamin supplement"},
            {"id":"4","name":"Omega-3 Fish Oil","price":"$39.99","imageSrc":"https://img.b2bpic.net/free-photo/dietry-supplements-healthy-lifestyle-young-woman-taking-vitamin-c-d-omega-with-glass-water_1258-199554.jpg","imageAlt":"Omega-3 Fish Oil supplement"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Choose VITALIZE"
          description="We combine science-backed formulations with premium sourcing standards to deliver supplements that actually work"
          tag="Our Commitment"
          features={[
            {"id":"01","title":"Advanced Absorption Technology","description":"Our proprietary delivery system ensures maximum bioavailability and nutrient absorption for optimal results","imageSrc":"https://img.b2bpic.net/free-photo/portrait-beautiful-healthy-fitness-woman-taking-vitamins-dietary-supplements-muscles_1258-189559.jpg","imageAlt":"Advanced absorption technology"},
            {"id":"02","title":"Pure, Natural Ingredients","description":"Every ingredient is carefully selected for purity and potency. No artificial additives, fillers, or preservatives","imageSrc":"https://img.b2bpic.net/free-photo/pregnant-woman-hold-pills-glass-water_169016-58379.jpg","imageAlt":"Pure natural ingredients"},
            {"id":"03","title":"Third-Party Lab Tested","description":"Independent laboratory testing ensures quality, safety, and potency standards exceed industry requirements","imageSrc":"https://img.b2bpic.net/free-photo/pills-lemon-wooden-surface_181624-15808.jpg","imageAlt":"Third-party lab testing"},
            {"id":"04","title":"Sustainable Sourcing","description":"We partner with premium suppliers worldwide who share our commitment to quality and environmental responsibility","imageSrc":"https://img.b2bpic.net/free-photo/close-up-portrait-young-woman-fitness-instructor-showing-bottle-vitamins-taking-buds_1258-189567.jpg","imageAlt":"Sustainable sourcing practices"}
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by NYC's Wellness Community"
          description="Real results from real customers who've made VITALIZE part of their health journey"
          tag="Customer Reviews"
          testimonials={[
            {"id":"1","title":"Transformed My Energy Levels","quote":"After just two weeks of using VITALIZE's Complete Multivitamin, I noticed a dramatic improvement in my energy levels. As someone juggling a demanding career and fitness routine, this has been a game-changer.","name":"Sarah Chen","role":"Executive Coach","imageSrc":"https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg","imageAlt":"Sarah Chen"},
            {"id":"2","title":"Exceptional Quality & Results","quote":"I've tried many supplement brands, but VITALIZE stands out. The transparency about sourcing and the third-party testing gives me complete confidence in what I'm putting in my body.","name":"Michael Rodriguez","role":"Personal Trainer","imageSrc":"https://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg","imageAlt":"Michael Rodriguez"},
            {"id":"3","title":"Visible Skin & Hair Results","quote":"The Marine Collagen from VITALIZE has genuinely improved my skin elasticity and hair strength. Combined with their other supplements, I feel and look better than ever.","name":"Jessica Liu","role":"Marketing Director","imageSrc":"https://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg","imageAlt":"Jessica Liu"},
            {"id":"4","title":"Premium Service & Products","quote":"The attention to detail at VITALIZE is impressive. Every interaction, from product selection to customer service, reflects their commitment to excellence.","name":"David Thompson","role":"Investment Professional","imageSrc":"https://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg","imageAlt":"David Thompson"},
            {"id":"5","title":"Finally Found My Perfect Stack","quote":"VITALIZE's team helped me find the perfect supplement combination for my specific health goals. The personalized approach made all the difference.","name":"Amanda Park","role":"Yoga Instructor","imageSrc":"https://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-posing_1301-3611.jpg","imageAlt":"Amanda Park"},
            {"id":"6","title":"Best Investment in My Health","quote":"The quality of VITALIZE's products justifies every penny. I've noticed improvements in recovery time, muscle definition, and overall wellness.","name":"James Mitchell","role":"Entrepreneur","imageSrc":"https://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg","imageAlt":"James Mitchell"}
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          title="Join Our Wellness Community"
          description="Subscribe to get exclusive wellness tips, product launches, and special offers delivered to your inbox. Join thousands of New Yorkers committed to their health."
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just quality wellness content."
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          tagIcon={Mail}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {"title":"Shop","items":[{"label":"All Products","href":"products"},{"label":"Proteins","href":"products"},{"label":"Vitamins","href":"products"},{"label":"Collagen","href":"products"}]},
            {"title":"Company","items":[{"label":"About Us","href":"about"},{"label":"Our Story","href":"about"},{"label":"Contact","href":"contact"},{"label":"Blog","href":"#"}]},
            {"title":"Support","items":[{"label":"FAQ","href":"#"},{"label":"Shipping Info","href":"#"},{"label":"Returns","href":"#"},{"label":"Track Order","href":"#"}]}
          ]}
          copyrightText="© 2025 VITALIZE | Premium Supplements NYC. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}