"use client";

import ReactLenis from "lenis/react";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Droplets, FlaskConical, Star, Instagram, Facebook, Linkedin } from "lucide-react";

export default function LuminaSkincarePage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="none"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="solid"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="solid"
            headingFontWeight="medium"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={[
                        { name: "The Collection", id: "products" },
                        { name: "Ingredients", id: "ingredients" },
                        { name: "Our Science", id: "science" },
                        { name: "Reviews", id: "reviews" },
                        { name: "Contact", id: "contact" },
                    ]}
                    brandName="LUMINA"
                    button={{ text: "Shop Now", href: "#products" }}
                />
                <HeroCarouselLogo
                    logoText="LUMINA"
                    description="Advanced skincare designed for radiant, healthy skin. Reveal your natural glow."
                    buttons={[
                        { text: "Discover Collection", href: "#products" },
                    ]}
                    slides={[
                        { videoSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286703.jpg", videoAriaLabel: "Luxury serum bottle on reflective water" },
                    ]}
                    showDimOverlay={true}
                />
                <InlineImageSplitTextAbout
                    className="pt-40"
                    heading={[
                        { type: "text", content: "Pure science meets" },
                        { type: "image", src: "http://img.b2bpic.net/free-photo/gray-abstract-background-oil-bubble-texture-wallpaper_53876-142972.jpg", alt: "Texture" },
                        { type: "text", content: "uncompromised luxury. We refine the art of radiance." },
                    ]}
                    buttons={[
                        { text: "Our Philosophy", href: "#" },
                    ]}
                />
                <FeatureCardOne
                    tag="Skincare Essentials"
                    tagIcon={Droplets}
                    title="Designed for Perfection"
                    description="Minimalist formulations, maximal results for every skin type."
                    textboxLayout="default"
                    animationType="slide-up"
                    gridVariant="uniform-all-items-equal"
                    features={[
                        { title: "Hydration Serum", description: "Deep cellular moisture for an instant glow.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-bottles-white-textured-surface_181624-35842.jpg", imageAlt: "Serum" },
                        { title: "Luminous Cream", description: "Lock in radiance with our botanical complex.", imageSrc: "http://img.b2bpic.net/free-photo/open-container-moisturizing-cream-marble_23-2147878917.jpg", imageAlt: "Cream" },
                        { title: "Renewal Essence", description: "Overnight restoration for skin clarity.", imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-transparent-bottle_23-2149046484.jpg", imageAlt: "Essence" },
                    ]}
                />
                <FeatureCardNine
                    tag="Scientific Purity"
                    tagIcon={FlaskConical}
                    title="Rooted in Innovation"
                    description="Our clinical approach to botanical beauty"
                    showStepNumbers={true}
                    animationType="slide-up"
                    features={[
                        { title: "Molecular Extraction", description: "Sourcing the purest botanical actives.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/closeup-diagnoses-white-illness-team-clean_1291-20.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286759.jpg" } },
                        { title: "Dermatological Test", description: "Rigorous trials for proven results.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-disinfecting-her-phone-while-wearing-medical-mask_23-2148492307.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565339.jpg" } },
                        { title: "Sustainable Packaging", description: "Conscious beauty for the modern era.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-diagnosing-melanoma-body-female-patient_23-2149365767.jpg" } },
                    ]}
                />
                <FeatureCardMedia
                    tag="Luxury Results"
                    tagIcon={Star}
                    title="Why LUMINA?"
                    description="The intersection of nature and clinical expertise"
                    animationType="slide-up"
                    features={[
                        { id: "1", title: "Anti-Aging", description: "Targets fine lines with peptides.", tag: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-ballet-dancer-ballerina-pointe-girl-ballet-studio_1157-43898.jpg" },
                        { id: "2", title: "Brightening", description: "Vitamin C enriched clarity.", tag: "Radiance", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel-with-copy-space_23-2148775358.jpg" },
                        { id: "3", title: "Protection", description: "Barrier support for daily defense.", tag: "Defense", imageSrc: "http://img.b2bpic.net/free-photo/gua-sha-cotton-arrangement-high-angle_23-2149357123.jpg" },
                    ]}
                />
                <TestimonialCardFive
                    tag="Results"
                    title="Real Radiance"
                    description="Stories from our community"
                    textboxLayout="default"
                    testimonials={[
                        { id: "1", name: "Elena V.", date: "March 2025", title: "Total skin transformation", quote: "My skin has never felt this luminous. Lumina is a true ritual.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-with-pink-sweater_23-2148749911.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466380.jpg" },
                        { id: "2", name: "Marcus K.", date: "February 2025", title: "Effortless hydration", quote: "Minimalist, clean, and highly effective. My daily go-to.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sunlight-falling-olive-oil-bottles-white-backdrop_23-2147853791.jpg" },
                    ]}
                />
                <ContactSplitForm
                    title="Experience Lumina"
                    description="Questions about your skin journey? Connect with our experts."
                    imageSrc="http://img.b2bpic.net/free-photo/arrangement-with-flowers-white-background_23-2148345624.jpg"
                    inputs={[
                        { name: "name", type: "text", placeholder: "Full Name", required: true },
                        { name: "email", type: "email", placeholder: "Email", required: true },
                    ]}
                    textarea={{ name: "message", placeholder: "Your skin goals...", rows: 4 }}
                />
                <FooterCard
                    logoText="LUMINA"
                    copyrightText="© 2025 LUMINA Skincare. Minimalist beauty defined."
                    socialLinks={[
                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
                    ]}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}
