"use client"

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="GEN NAIL"
          navItems={[
            { name: "Collection", id: "products" },
            { name: "Innovation", id: "ingredients" },
            { name: "Artistry", id: "blog" },
            { name: "Connect", id: "contact" }
          ]}
          button={{ text: "Get Started", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Precision Artistry at Your Fingertips"
          description="Define your style with our elite, salon-grade formulas. Engineered for endurance, high-shine, and effortless application that transforms your daily ritual into a masterpiece."
          tag="Professional Grade Nail Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Collections", href: "#products" },
            { text: "Our Science", href: "#ingredients" }
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820410.jpg", imageAlt: "Elegant manicure with premium polish" },
            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-birthday-whistles-copy-space_23-2148425715.jpg", imageAlt: "Precision brush application" },
            { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg", imageAlt: "Modern nail art aesthetic" },
            { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-different-shades-lip-gloss_23-2149681557.jpg", imageAlt: "Gel-style finish close up" },
            { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-nail-polish-her-nails_53876-14882.jpg", imageAlt: "Polished nail finish detail" },
            { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-working-with-her-nails-blue_140725-24246.jpg", imageAlt: "Professional studio setup" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
        </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="The Industry Standard"
          description="Trusted by professional nail artists and trendsetters worldwide."
          names={["Vogue", "Allure", "Elle", "Harper's", "Cosmo"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Iconic Polish Collections"
          description="Curated shades and superior formulas designed for modern expression and lasting resilience."
          tag="The Collection"
          tagIcon={Award}
          tagAnimation="slide-up"
          products={[
            { id: "1", name: "Midnight Noir", price: "$100", variant: "Classic High-Gloss", imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-flat-lay_23-2148328706.jpg" },
            { id: "2", name: "Ivory Silk", price: "$100", variant: "Matte Sophistication", imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109465.jpg" },
            { id: "3", name: "Rose Quartz", price: "$100", variant: "Sheer Elegance", imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-view_23-2149046506.jpg" },
            { id: "4", name: "Vivid Electric", price: "$100", variant: "Bold Pigment", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345074.jpg" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="ingredients" data-section="ingredients">
        <FeatureCardSix
          title="Scientific Excellence"
          description="We combine high-performance polymers with caring nutrients to protect your nails while delivering stunning color payoff."
          tag="Innovation"
          tagIcon={Beaker}
          tagAnimation="slide-up"
          features={[
            { title: "Oxygen-Flow Formula", description: "Breathable resin structure promotes stronger, healthier nails without compromising wear.", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744711.jpg" },
            { title: "Vegan Bio-Polymers", description: "Cruelty-free, high-performance ingredients that provide salon-grade adhesion and shine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238286.jpg" },
            { title: "Vitamin-Rich Care", description: "Infused with Biotin and Keratin to prevent brittleness and support natural nail resilience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-korean-woman-posing-with-serum_23-2150171897.jpg" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="influencers" data-section="influencers">
        <FeatureCardOne
          title="The Artist's Choice"
          description="Celebrated by professional studios for unparalleled finish and consistency."
          tag="Pro Community"
          tagIcon={Heart}
          tagAnimation="slide-up"
          features={[
            { title: "Studio Series", description: "", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-using-spray-blue_140725-24249.jpg" },
            { title: "Editorial Vibe", description: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262905.jpg" },
            { title: "Runway Ready", description: "", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-lady-put-her-hands-her-face-looking-camera-high-quality-photo_114579-92194.jpg" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Proven Performance"
          description="Experience the difference that professional-grade engineering makes in your self-care routine."
          tag="The Results"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "14 Days", title: "Wear Time", description: "Chip-resistant technology for extended wear.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-woman-with-beautiful-hands-color-background-space-text_169016-6423.jpg" },
            { id: "2", value: "2x", title: "Faster Dry", description: "Innovative solvent base for rapid setting.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-pills-desk_23-2148550950.jpg" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardOne
          title="Journal of Style"
          description="Technique, trends, and tutorials for the modern nail enthusiast."
          tag="The Edit"
          tagIcon={BookOpen}
          tagAnimation="slide-up"
          blogs={[
            { id: "1", category: "Technique", title: "Mastering the Clean Edge", excerpt: "Detailed guide for salon-quality results at home.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974530.jpg", authorName: "Mia", authorAvatar: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152646.jpg", date: "Mar 2026" },
            { id: "2", category: "Trend", title: "Spring Nail Forecast", excerpt: "The hues defining the season ahead.", imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2409.jpg", authorName: "Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8541.jpg", date: "Feb 2026" },
            { id: "3", category: "Care", title: "The 5-Step Routine", excerpt: "Healthy habits for stronger natural nails.", imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hands-with-soap_23-2149010812.jpg", authorName: "Jules", authorAvatar: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg", date: "Jan 2026" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="FAQs"
          description="Answers to everything you need to know about professional nail care."
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/minimal-product-backdrop-with-white-wall_53876-160702.jpg"
          mediaPosition="left"
          mediaAnimation="slide-up"
          faqs={[
            { id: "1", title: "Are these vegan?", content: "Yes, all our formulas are 100% vegan and cruelty-free." },
            { id: "2", title: "How do I remove?", content: "Use an acetone-free remover for best results." },
            { id: "3", title: "Does it need a lamp?", content: "No, our air-dry formulas offer professional gel-like finish." }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Need Expert Advice?"
          description="Connect with our beauty advisors for personalized shade recommendations or application tips."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true }
          ]}
          textarea={{ name: "message", placeholder: "How can we assist you?" }}
          useInvertedBackground={false}
          buttonText="Submit Inquiry"
          mediaAnimation="slide-up"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/glasses-purse-near-coffee-cups_23-2147694565.jpg"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="GEN NAIL"
          columns={[
            { items: [{ label: "Shop", href: "#products" }, { label: "Science", href: "#ingredients" }] },
            { items: [{ label: "Journal", href: "#blog" }, { label: "Help", href: "#faq" }] }
          ]}
        />
      </div>
      </ReactLenis>
    </ThemeProvider>
  );
}