bender/c06b5ebb-ff1e-42b6-94da-2fa14315686c
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-04 07:11:04 +00:00
parent 9631e82b12
commit 02608a3a7d
1 changed files with 30 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/app/page.tsx
View File

@@ -31,70 +31,30 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Products",
id: "#products",
},
{
name: "Reviews",
id: "#testimonials",
},
{
name: "FAQs",
id: "#faq",
},
{ name: "Products", id: "#products" },
{ name: "Reviews", id: "#testimonials" },
{ name: "FAQs", id: "#faq" },
{ name: "Contact", id: "#contact" }
]}
brandName="Lumina Glow"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Reveal Your Inner Glow"
description="Our scientifically-backed formulas deliver radiant, healthy skin with nature-derived ingredients that truly work."
tag="New Collection Available"
buttons={[
{
text: "Shop Skincare",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
]}
buttons={[{ text: "Shop Skincare", href: "#products" }, { text: "Learn More", href: "#about" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-product-bottle-still-life_23-2149249540.jpg?_wi=1",
imageAlt: "Hero skincare set 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892250.jpg",
imageAlt: "Hero skincare set 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176150.jpg",
imageAlt: "Hero skincare set 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg",
imageAlt: "Hero skincare set 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-flowers_23-2149270041.jpg",
imageAlt: "Hero skincare set 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-essential-oil-surrounded-with-fresh-flowers-pink-background_23-2147927083.jpg",
imageAlt: "Hero skincare set 6",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/selfcare-product-bottle-still-life_23-2149249540.jpg", imageAlt: "Hero skincare set 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flowers-surrounding-iridescent-beauty-packaging_23-2151892250.jpg", imageAlt: "Hero skincare set 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176150.jpg", imageAlt: "Hero skincare set 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-natural-argan-oil-dropper_23-2149016620.jpg", imageAlt: "Hero skincare set 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-flowers_23-2149270041.jpg", imageAlt: "Hero skincare set 5" }
]}
mediaAnimation="blur-reveal"
/>
@@ -107,42 +67,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Hydrating Serum",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-marble-background_23-2148241885.jpg?_wi=1",
},
{
id: "2",
name: "Daily Moisturizer",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-practicing-selfcare_23-2150172273.jpg",
},
{
id: "3",
name: "Nourishing Oil",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440674.jpg",
},
{
id: "4",
name: "Gentle Cleanser",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919854.jpg",
},
{
id: "5",
name: "Toning Mist",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163124.jpg",
},
{
id: "6",
name: "Night Mask",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/stack-cosmetics-jars_23-2147787936.jpg",
},
{ id: "1", name: "Hydrating Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-marble-background_23-2148241885.jpg" },
{ id: "2", name: "Daily Moisturizer", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-practicing-selfcare_23-2150172273.jpg" },
{ id: "3", name: "Nourishing Oil", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440674.jpg" }
]}
title="Shop Our Essentials"
description="Discover our collection of high-performance skincare designed to nourish, repair, and revitalize."
@@ -153,15 +80,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"Allure",
"Harper's Bazaar",
"Cosmopolitan",
"Marie Claire",
"Elle",
"Glamour",
]}
names={["Vogue", "Allure", "Harper's Bazaar", "Cosmopolitan", "Marie Claire", "Elle", "Glamour"]}
title="Featured In"
description="Trusted by leading beauty experts and publications worldwide."
/>
@@ -172,24 +91,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Nature-Derived",
description: "Ethically sourced botanicals that support your skin's natural barrier.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5296v",
imageAlt: "beauty brand logo minimal",
},
{
title: "Clinically Proven",
description: "Formulas tested for potency and safety by skincare professionals.",
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-product-bottle-still-life_23-2149249540.jpg?_wi=2",
imageAlt: "beauty brand logo minimal",
},
{
title: "Sustainable Ethics",
description: "Recyclable packaging and eco-conscious manufacturing at every step.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-marble-background_23-2148241885.jpg?_wi=2",
imageAlt: "beauty brand logo minimal",
},
{ title: "Nature-Derived", description: "Ethically sourced botanicals that support your skin's natural barrier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l5296v" },
{ title: "Clinically Proven", description: "Formulas tested for potency and safety by skincare professionals.", imageSrc: "http://img.b2bpic.net/free-photo/selfcare-product-bottle-still-life_23-2149249540.jpg" },
{ title: "Sustainable Ethics", description: "Recyclable packaging and eco-conscious manufacturing at every step.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-body-cream-marble-background_23-2148241885.jpg" }
]}
title="Why Lumina Glow?"
description="We prioritize clean chemistry, transparency, and effective results without the fluff."
@@ -200,31 +104,9 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friendly-amazed-young-caucasian-female-stylish-top-with-open-shoulders-looking-with-happy-excited-smile-keeping-hands-her-chest-expressing-positive-attitude_343059-2985.jpg",
},
{
id: "2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-doing-her-beauty-routine-home_23-2150420897.jpg",
},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glowing-woman-poses-with-blue-flowers-bouquet-skincare-beauty-advertisement_482257-134570.jpg",
},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73975.jpg",
},
{
id: "5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204988.jpg",
},
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-friendly-amazed-young-caucasian-female-stylish-top-with-open-shoulders-looking-with-happy-excited-smile-keeping-hands-her-chest-expressing-positive-attitude_343059-2985.jpg" },
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-doing-her-beauty-routine-home_23-2150420897.jpg" },
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glowing-woman-poses-with-blue-flowers-bouquet-skincare-beauty-advertisement_482257-134570.jpg" }
]}
cardTitle="Loved by Skin Enthusiasts"
cardTag="Customer Stories"
@@ -237,21 +119,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are these products vegan?",
content: "Yes, all our formulas are 100% vegan and cruelty-free.",
},
{
id: "2",
title: "Is it safe for sensitive skin?",
content: "Our products are formulated to be gentle on all skin types, including sensitive skin.",
},
{
id: "3",
title: "Do you offer international shipping?",
content: "Yes, we ship worldwide. Shipping costs are calculated at checkout.",
},
{ id: "1", title: "Are these products vegan?", content: "Yes, all our formulas are 100% vegan and cruelty-free." },
{ id: "2", title: "Is it safe for sensitive skin?", content: "Our products are formulated to be gentle on all skin types, including sensitive skin." },
{ id: "3", title: "Do you offer international shipping?", content: "Yes, we ship worldwide. Shipping costs are calculated at checkout." }
]}
title="Common Questions"
description="Everything you need to know about our products and ingredients."
@@ -266,38 +136,26 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Skincare Insights"
description="Expert tips and skincare advice to help you reach your goals."
blogs={[]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Start Your Glow Journey"
description="Ready to revitalize your skincare routine? Connect with us for personalized advice."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Lumina Glow"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>