139 lines
6.9 KiB
TypeScript
139 lines
6.9 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, Flower } 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="Maissoune kh"
|
|
/>
|
|
</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
|
|
animationType="blur-reveal"
|
|
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", imageAlt: "modern skincare beauty treatment luxury" },
|
|
reverse: false
|
|
},
|
|
{
|
|
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", imageAlt: "modern skincare beauty treatment luxury" },
|
|
reverse: true
|
|
},
|
|
]}
|
|
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}
|
|
showRating={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" },
|
|
]}
|
|
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="maissoune kh "
|
|
columns={[
|
|
{ title: "maissoune kh ", items: [{ label: "About Us", href: "#about" }, { label: "Rituals", href: "#features" }] },
|
|
{ title: "Support", items: [{ label: "Community", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|