|
|
|
|
@@ -1,7 +1,7 @@
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
|
|
|
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";
|
|
|
|
|
@@ -11,14 +11,14 @@ 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";
|
|
|
|
|
import { Droplets, FlaskConical, Star, Instagram, Facebook } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LuminaSkincarePage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="icon-arrow"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="none"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
@@ -39,47 +39,51 @@ export default function LuminaSkincarePage() {
|
|
|
|
|
brandName="LUMINA"
|
|
|
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
|
|
|
/>
|
|
|
|
|
<HeroCarouselLogo
|
|
|
|
|
<div id="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
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}
|
|
|
|
|
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: "#" },
|
|
|
|
|
]}
|
|
|
|
|
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/free-photo/open-container-moisturizing-cream-marble_23-2147878917.jpg", imageAlt: "Cream" },
|
|
|
|
|
{ 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={[
|
|
|
|
|
@@ -88,11 +92,15 @@ export default function LuminaSkincarePage() {
|
|
|
|
|
{ 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" },
|
|
|
|
|
@@ -100,19 +108,25 @@ export default function LuminaSkincarePage() {
|
|
|
|
|
{ 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/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" },
|
|
|
|
|
{ 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 },
|
|
|
|
|
@@ -120,6 +134,7 @@ export default function LuminaSkincarePage() {
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Your skin goals...", rows: 4 }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="LUMINA"
|
|
|
|
|
copyrightText="© 2025 LUMINA Skincare. Minimalist beauty defined."
|
|
|
|
|
|
