"use client";

import ReactLenis from "lenis/react";
import HeroLogo from "@/components/sections/hero/HeroLogo";
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 { Droplets, FlaskConical, Star, Instagram, Facebook } from "lucide-react";

export default function LuminaSkincarePage() {
    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="soft"
            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" }}
                />
                <div id="hero">
                    <HeroLogo
                        logoText="LUMINA"
                        description="Advanced skincare designed for radiant, healthy skin. Reveal your natural glow."
                        buttons={[{ text: "Discover Collection", href: "#products" }]}
                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgyDENoeD9EWEraDkwxRjhwOZ4/uploaded-1777063254698-mg3vepro.png"
                    />
                </div>
                <div id="about">
                    <InlineImageSplitTextAbout
                        className="pt-40"
                        useInvertedBackground={false}
                        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: "#" }]}
                    />
                </div>
                <div id="ingredients">
                    <FeatureCardOne
                        tag="Skincare Essentials"
                        tagIcon={Droplets}
                        title="Designed for Perfection"
                        description="Minimalist formulations, maximal results for every skin type."
                        textboxLayout="default"
                        useInvertedBackground={false}
                        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/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" },
                        ]}
                    />
                </div>
                <div id="science">
                    <FeatureCardNine
                        tag="Scientific Purity"
                        tagIcon={FlaskConical}
                        title="Rooted in Innovation"
                        description="Our clinical approach to botanical beauty"
                        textboxLayout="default"
                        useInvertedBackground={false}
                        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" } },
                        ]}
                    />
                </div>
                <div id="features">
                    <FeatureCardMedia
                        tag="Luxury Results"
                        tagIcon={Star}
                        title="Why LUMINA?"
                        description="The intersection of nature and clinical expertise"
                        textboxLayout="default"
                        useInvertedBackground={false}
                        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" },
                        ]}
                    />
                </div>
                <div id="reviews">
                    <TestimonialCardFive
                        tag="Results"
                        title="Real Radiance"
                        description="Stories from our community"
                        textboxLayout="default"
                        useInvertedBackground={false}
                        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/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" },
                        ]}
                    />
                </div>
                <div id="contact">
                    <ContactSplitForm
                        title="Experience Lumina"
                        description="Questions about your skin journey? Connect with our experts."
                        useInvertedBackground={false}
                        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 }}
                    />
                </div>
                <FooterCard
                    logoText="LUMINA"
                    copyrightText="© 2025 LUMINA Skincare. Minimalist beauty defined."
                    socialLinks={[
                        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
                    ]}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}