bender/c03f45e8-f285-4f93-95b2-2cb2b3bb7991
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-05-13 23:50:14 +00:00
parent 495c786b91
commit 31f9a11a2d
1 changed files with 37 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
src/app/page.tsx
View File

@@ -31,22 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Collection",
id: "#products",
},
{
name: "Our Story",
id: "#about",
},
{
name: "Journal",
id: "#blog",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Collection", id: "#products" },
{ name: "Our Story", id: "#about" },
{ name: "Contact", id: "#contact" }
]}
brandName="Lumière"
/>
@@ -55,47 +42,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Timeless Beauty, Pure Radiance"
description="Experience the intersection of nature and science. Our curated collection offers a transformative ritual designed for the modern lifestyle."
buttons={[
{
text: "Explore Collection",
href: "#products",
},
text: "Explore Collection", href: "#products"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/light-textile-material-fine-mesh_23-2148066733.jpg",
imageAlt: "Luxury cream jar",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg",
imageAlt: "Organic serum bottle",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440672.jpg",
imageAlt: "Beauty set",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_23-2150512472.jpg",
imageAlt: "Natural essence",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449094.jpg",
imageAlt: "Glowing skin serum",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-oil-dropper_23-2148761494.jpg",
imageAlt: "Botanical jar",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/light-textile-material-fine-mesh_23-2148066733.jpg", imageAlt: "Luxury cream jar" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg", imageAlt: "Organic serum bottle" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440672.jpg", imageAlt: "Beauty set" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_23-2150512472.jpg", imageAlt: "Natural essence" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449094.jpg", imageAlt: "Glowing skin serum" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-oil-dropper_23-2148761494.jpg", imageAlt: "Botanical jar" }
]}
/>
</div>
@@ -106,18 +66,9 @@ export default function LandingPage() {
title="A Legacy of Pure Radiance"
description="Crafting premium skincare rituals that honor both your natural beauty and the world we inhabit. Our mission is pure, potent, and proven."
metrics={[
{
value: "100%",
title: "Vegan Formula",
},
{
value: "24h",
title: "Hydration Lock",
},
{
value: "50+",
title: "Natural Extracts",
},
{ value: "100%", title: "Vegan Formula" },
{ value: "24h", title: "Hydration Lock" },
{ value: "50+", title: "Natural Extracts" }
]}
imageSrc="http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg"
imageAlt="Our studio space"
@@ -128,30 +79,19 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Botanical Purity",
description: "Harvested from the finest ethical farms worldwide.",
tag: "Natural",
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565379.jpg",
id: "f1", title: "Botanical Purity", description: "Harvested from the finest ethical farms worldwide.", tag: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept-with-copy-space_23-2148565379.jpg"
},
{
id: "f2",
title: "Cruelty-Free Promise",
description: "Kindness at our core, certified and verified.",
tag: "Ethical",
imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-lavender-oils_23-2148645554.jpg",
id: "f2", title: "Cruelty-Free Promise", description: "Kindness at our core, certified and verified.", tag: "Ethical", imageSrc: "http://img.b2bpic.net/free-photo/composition-spa-treatment-lavender-oils_23-2148645554.jpg"
},
{
id: "f3",
title: "Scientifically Validated",
description: "Tested for clinical results on all skin types.",
tag: "Proven",
imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg",
},
id: "f3", title: "Scientifically Validated", description: "Tested for clinical results on all skin types.", tag: "Proven", imageSrc: "http://img.b2bpic.net/free-photo/nurse-working-laboratory_1398-1089.jpg"
}
]}
title="Our Quality Philosophy"
description="Excellence in every drop, integrity in every ingredient."
@@ -165,42 +105,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Night Renewal Cream",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-cosmetic-cream-jar_140725-13899.jpg",
},
{
id: "p2",
name: "Radiance Boosting Serum",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336370.jpg",
},
{
id: "p3",
name: "Pure Gentle Cleanser",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg",
},
{
id: "p4",
name: "Eye Contour Treatment",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blue-contacts_23-2148320331.jpg",
},
{
id: "p5",
name: "Balancing Toner",
price: "$50",
imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-with-bottle-rock_23-2149353114.jpg",
},
{
id: "p6",
name: "Silk Lip Treatment",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg",
},
{ id: "p1", name: "Night Renewal Cream", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-red-cosmetic-cream-jar_140725-13899.jpg" },
{ id: "p2", name: "Radiance Boosting Serum", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336370.jpg" },
{ id: "p3", name: "Pure Gentle Cleanser", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg" },
{ id: "p4", name: "Eye Contour Treatment", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-blue-contacts_23-2148320331.jpg" },
{ id: "p5", name: "Balancing Toner", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/compostable-beauty-with-bottle-rock_23-2149353114.jpg" },
{ id: "p6", name: "Silk Lip Treatment", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-container-rocks_23-2149705489.jpg" }
]}
title="Essential Rituals"
description="Discover our signature products, crafted to harmonize your skin's unique needs."
@@ -213,24 +123,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Star,
title: "Avg. Customer Rating",
value: "4.9/5",
},
{
id: "m2",
icon: Globe,
title: "Countries Served",
value: "40+",
},
{
id: "m3",
icon: Award,
title: "Industry Awards",
value: "12",
},
{ id: "m1", icon: Star, title: "Avg. Customer Rating", value: "4.9/5" },
{ id: "m2", icon: Globe, title: "Countries Served", value: "40+" },
{ id: "m3", icon: Award, title: "Industry Awards", value: "12" }
]}
title="Impact by Numbers"
description="Our community thrives on radiant, healthy skin transformations."
@@ -241,31 +136,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-look-mirror-eyeshadow-palette_197531-32894.jpg",
},
{
id: "t2",
name: "Marcus S.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg",
},
{
id: "t3",
name: "Sophie K.",
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-painting-with-flour-her-mother-face_23-2148327944.jpg",
},
{
id: "t4",
name: "Julian D.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-pleased-caucasian-woman-keeps-hands-chin_273609-28170.jpg",
},
{
id: "t5",
name: "Maya W.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg",
},
{ id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-look-mirror-eyeshadow-palette_197531-32894.jpg" },
{ id: "t2", name: "Marcus S.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-outdoor_624325-1223.jpg" },
{ id: "t3", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-painting-with-flour-her-mother-face_23-2148327944.jpg" },
{ id: "t4", name: "Julian D.", imageSrc: "http://img.b2bpic.net/free-photo/positive-pleased-caucasian-woman-keeps-hands-chin_273609-28170.jpg" },
{ id: "t5", name: "Maya W.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-pretty-woman-skin-care_624325-3175.jpg" }
]}
cardTitle="Loved by Thousands"
cardTag="Testimonials"
@@ -276,18 +151,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Let's Connect"
title="Begin Your Skincare Journey"
description="Have questions? Our experts are here to help you build the perfect ritual."
buttons={[
{
text: "Contact Us",
href: "/contact",
},
]}
buttons={[{ text: "Contact Us", href: "/contact" }]}
/>
</div>
@@ -295,32 +163,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Lumière"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "Bundles",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Shipping",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Bundles", href: "#" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Shipping", href: "#" }] }
]}
/>
</div>