bender/a506d2ee-a524-452c-8c6b-e5bbc63d9600
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-28 12:16:52 +00:00
parent ed2b43c668
commit 6b09fedf56
1 changed files with 45 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -29,64 +29,44 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Lumiere"
button={{
text: "Get Started", href: "#contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Unveil Your Natural Radiance."
description="Discover a collection of high-performance makeup designed to enhance your beauty, not hide it."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
text: "Shop Collection", href: "#products"},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-high-end-artistic-photograph-of-a-make-1774700168621-c34966d0.png?_wi=1",
imageAlt: "Makeup set on marble",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-high-end-artistic-photograph-of-a-make-1774700168621-c34966d0.png", imageAlt: "Makeup set on marble"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-soft-focus-close-up-shot-of-a-model-ap-1774700170720-ef1c8efc.png?_wi=1",
imageAlt: "Model applying blush",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-soft-focus-close-up-shot-of-a-model-ap-1774700170720-ef1c8efc.png", imageAlt: "Model applying blush"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/an-aesthetic-flat-lay-of-makeup-brushes--1774700167350-9fa7a4da.png?_wi=1",
imageAlt: "Makeup brushes flatlay",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/an-aesthetic-flat-lay-of-makeup-brushes--1774700167350-9fa7a4da.png", imageAlt: "Makeup brushes flatlay"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-artistic-capture-of-a-liquid-foundatio-1774700168066-76d1ad95.png",
imageAlt: "Liquid foundation splash",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-artistic-capture-of-a-liquid-foundatio-1774700168066-76d1ad95.png", imageAlt: "Liquid foundation splash"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/elegant-lipstick-tubes-standing-on-organ-1774700166239-d8c966b5.png",
imageAlt: "Lipstick display",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/elegant-lipstick-tubes-standing-on-organ-1774700166239-d8c966b5.png", imageAlt: "Lipstick display"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-beautiful-view-of-organic-ingredient-h-1774700167418-80409f87.png",
imageAlt: "Organic ingredients",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-beautiful-view-of-organic-ingredient-h-1774700167418-80409f87.png", imageAlt: "Organic ingredients"},
]}
/>
</div>
@@ -98,35 +78,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Clean Ingredients",
description: "Formulated without parabens, sulfates, or artificial fragrances.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-high-end-artistic-photograph-of-a-make-1774700168621-c34966d0.png?_wi=2",
imageAlt: "Natural ingredients",
},
id: "f1", title: "Clean Ingredients", description: "Formulated without parabens, sulfates, or artificial fragrances.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-high-end-artistic-photograph-of-a-make-1774700168621-c34966d0.png", imageAlt: "Natural ingredients"},
items: [],
reverse: false,
},
{
id: "f2",
title: "Cruelty-Free",
description: "Committed to ethical standards, never tested on animals.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-soft-focus-close-up-shot-of-a-model-ap-1774700170720-ef1c8efc.png?_wi=2",
imageAlt: "Cruelty free",
},
id: "f2", title: "Cruelty-Free", description: "Committed to ethical standards, never tested on animals.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-soft-focus-close-up-shot-of-a-model-ap-1774700170720-ef1c8efc.png", imageAlt: "Cruelty free"},
items: [],
reverse: true,
},
{
id: "f3",
title: "Long-Lasting Wear",
description: "Flawless coverage that lasts from morning until night.",
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/an-aesthetic-flat-lay-of-makeup-brushes--1774700167350-9fa7a4da.png?_wi=2",
imageAlt: "Long lasting",
},
id: "f3", title: "Long-Lasting Wear", description: "Flawless coverage that lasts from morning until night.", media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/an-aesthetic-flat-lay-of-makeup-brushes--1774700167350-9fa7a4da.png", imageAlt: "Long lasting"},
items: [],
reverse: false,
},
@@ -144,26 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Velvet Matte Lipstick",
price: "$28.00",
variant: "Rosewood",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/close-up-of-a-high-pigmented-matte-lipst-1774700166610-caa5c8d8.png",
},
id: "p1", name: "Velvet Matte Lipstick", price: "$28.00", variant: "Rosewood", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/close-up-of-a-high-pigmented-matte-lipst-1774700166610-caa5c8d8.png"},
{
id: "p2",
name: "Earthtone Eyeshadow",
price: "$42.00",
variant: "Neutral Palette",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-velvet-textured-eyeshadow-palette-open-1774700167496-4bb3a1c5.png",
},
id: "p2", name: "Earthtone Eyeshadow", price: "$42.00", variant: "Neutral Palette", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-velvet-textured-eyeshadow-palette-open-1774700167496-4bb3a1c5.png"},
{
id: "p3",
name: "Dewy Radiance Highlighter",
price: "$34.00",
variant: "Moonlight",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-glass-bottle-of-dewy-liquid-highlighte-1774700166377-77becbc3.png",
},
id: "p3", name: "Dewy Radiance Highlighter", price: "$34.00", variant: "Moonlight", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZcf4rJRiZMgavh29SicgQnU5y/a-glass-bottle-of-dewy-liquid-highlighte-1774700166377-77becbc3.png"},
]}
title="Our Best Sellers"
description="Discover our signature products curated for every skin tone."
@@ -177,59 +127,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena R.",
role: "Makeup Artist",
company: "Studio L",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=1",
},
id: "t1", name: "Elena R.", role: "Makeup Artist", company: "Studio L", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg"},
{
id: "t2",
name: "Sarah J.",
role: "Influencer",
company: "Vogue Style",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
id: "t2", name: "Sarah J.", role: "Influencer", company: "Vogue Style", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
{
id: "t3",
name: "Michael K.",
role: "Customer",
company: "Self-Employed",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-book_23-2147767502.jpg",
},
id: "t3", name: "Michael K.", role: "Customer", company: "Self-Employed", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-book_23-2147767502.jpg"},
{
id: "t4",
name: "Jessica M.",
role: "Editor",
company: "Beauty Mag",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg",
},
id: "t4", name: "Jessica M.", role: "Editor", company: "Beauty Mag", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg"},
{
id: "t5",
name: "Chloe B.",
role: "Beauty Blogger",
company: "Luxe Life",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg?_wi=2",
},
id: "t5", name: "Chloe B.", role: "Beauty Blogger", company: "Luxe Life", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg"},
]}
kpiItems={[
{
value: "50K+",
label: "Happy Clients",
},
value: "50K+", label: "Happy Clients"},
{
value: "4.9/5",
label: "Avg. Rating",
},
value: "4.9/5", label: "Avg. Rating"},
{
value: "100%",
label: "Clean Ingredients",
},
value: "100%", label: "Clean Ingredients"},
]}
title="Loved By Beauty Enthusiasts"
description="See why thousands trust Lumiere for their daily routine."
@@ -240,8 +159,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Newsletter"
title="Join the Lumiere Family"
description="Sign up for exclusive early access to new collections and beauty tips."
@@ -258,37 +176,25 @@ export default function LandingPage() {
{
items: [
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
],
},
{
items: [
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
],
},
]}
@@ -298,4 +204,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}