258 lines
8.2 KiB
TypeScript
258 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Droplet, Moon, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Rituals",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Community",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Lumina"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
title="Redefining Luxury & Self-Care"
|
|
description="Experience a world where empowerment meets elegance. Curated beauty and lifestyle rituals designed for the modern woman."
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3507.jpg"
|
|
buttons={[
|
|
{
|
|
text: "Explore Rituals",
|
|
href: "#features",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Our Philosophy"
|
|
description="At Lumina, we believe that true luxury is found in the moments we dedicate to ourselves. Our mission is to celebrate empowerment, nurture self-care, and embrace the essence of modern femininity."
|
|
bulletPoints={[
|
|
{
|
|
title: "Empowered Living",
|
|
description: "Cultivating confidence through mindful lifestyle choices.",
|
|
},
|
|
{
|
|
title: "Sustainable Beauty",
|
|
description: "Clean, ethical products that respect your skin and the planet.",
|
|
},
|
|
{
|
|
title: "Authentic Self",
|
|
description: "Embracing your unique beauty and inner strength.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-arrangement-with-make-up-items-device_23-2148299568.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Morning Radiance",
|
|
description: "Energizing skincare protocols for a fresh start.",
|
|
items: [
|
|
{
|
|
text: "Brightening serum",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
text: "Gentle hydration",
|
|
icon: Droplet,
|
|
},
|
|
],
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-face-roller-gua-sha_23-2149357164.jpg",
|
|
},
|
|
reverse: false,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-portrait_624325-3507.jpg",
|
|
imageAlt: "modern skincare beauty treatment luxury",
|
|
},
|
|
{
|
|
title: "Evening Calm",
|
|
description: "Serene rituals to unwind and nourish your spirit.",
|
|
items: [
|
|
{
|
|
text: "Nourishing oils",
|
|
icon: Moon,
|
|
},
|
|
{
|
|
text: "Aromatherapy mist",
|
|
icon: Flower,
|
|
},
|
|
],
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg",
|
|
},
|
|
reverse: true,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-make-up-items-device_23-2148299568.jpg",
|
|
imageAlt: "modern skincare beauty treatment luxury",
|
|
},
|
|
]}
|
|
title="Signature Rituals"
|
|
description="Curated experiences designed to elevate your daily routine."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Chloe",
|
|
handle: "@chloeluxe",
|
|
testimonial: "Lumina has completely changed my view on self-care rituals.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-view-happy-lovely-young-female-fitness-trainer-prepares-master-class-involved-active-training-likes-going-sport-better-vitality-flexibility-active-lifestyle_273609-2200.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Maya",
|
|
handle: "@mayastyle",
|
|
testimonial: "I feel so much more connected to my authentic self through Lumina.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-enjoying-blue-matcha-home_23-2150687577.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Zoe",
|
|
handle: "@zoeempowered",
|
|
testimonial: "A truly premium experience that values feminine strength.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-vlogger-taking-selfie-her-room-talking-her-followers-online-live_1258-255249.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Elena",
|
|
handle: "@elenaglow",
|
|
testimonial: "The best curated lifestyle platform I have encountered.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sofia",
|
|
handle: "@sofiawellness",
|
|
testimonial: "Inspirational and practical. Truly essential.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Voices of Empowerment"
|
|
description="Stories from our global community of inspiring women."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Let's Connect"
|
|
title="Join Our Exclusive Community"
|
|
description="Subscribe for early access to rituals, exclusive wellness insights, and empowerment events."
|
|
buttons={[
|
|
{
|
|
text: "Join Newsletter",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166813.jpg"
|
|
logoText="Lumina"
|
|
columns={[
|
|
{
|
|
title: "Lumina",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Rituals",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Community",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|