bender/ddf55eae-c38e-4fde-92a9-68f92cf40764
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-04-25 22:21:08 +00:00
parent ac5092e5f2
commit a9f2b57d65
1 changed files with 55 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

343
src/app/page.tsx
View File

@@ -32,18 +32,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Products",
id: "#products",
},
{
name: "Science",
id: "#about",
},
{
name: "Results",
id: "#testimonials",
},
{ name: "Products", id: "#products" },
{ name: "Science", id: "#about" },
{ name: "Results", id: "#testimonials" }
]}
brandName="Lumina Skincare"
/>
@@ -54,71 +45,21 @@ export default function LandingPage() {
title="Glow That Turns Heads"
description="Science-backed skincare designed to make you feel irresistible. Visible results in 14 days or your money back."
testimonials={[
{
name: "Elena M.",
handle: "@elena_skin",
testimonial: "My skin has never felt this hydrated and confident.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-young-caucasian-girl-with-closed-eyes-touches-her-face-light-background-emotion-concept_197531-31396.jpg",
},
{
name: "Marcus J.",
handle: "@marc_glow",
testimonial: "Truly science-backed results. I saw a change in two weeks.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-funny-faces-photo-art-concept_23-2148565466.jpg",
},
{
name: "Sarah P.",
handle: "@sara_skin",
testimonial: "I was skeptical, but the glow is real. So happy!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-globe_23-2148916427.jpg",
},
{
name: "David W.",
handle: "@david_glow",
testimonial: "Best skincare investment I've made in years.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-globe_23-2148916426.jpg",
},
{
name: "Julia T.",
handle: "@julia_radiant",
testimonial: "Results were visible exactly as promised. Impressed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-makeup-model_23-2148398593.jpg",
},
]}
buttons={[
{
text: "Start Your Glow",
href: "#products",
},
{ name: "Elena M.", handle: "@elena_skin", testimonial: "My skin has never felt this hydrated and confident.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-cute-young-caucasian-girl-with-closed-eyes-touches-her-face-light-background-emotion-concept_197531-31396.jpg" },
{ name: "Marcus J.", handle: "@marc_glow", testimonial: "Truly science-backed results. I saw a change in two weeks.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-making-funny-faces-photo-art-concept_23-2148565466.jpg" },
{ name: "Sarah P.", handle: "@sara_skin", testimonial: "I was skeptical, but the glow is real. So happy!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-globe_23-2148916427.jpg" },
{ name: "David W.", handle: "@david_glow", testimonial: "Best skincare investment I've made in years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-globe_23-2148916426.jpg" },
{ name: "Julia T.", handle: "@julia_radiant", testimonial: "Results were visible exactly as promised. Impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-makeup-model_23-2148398593.jpg" }
]}
buttons={[{ text: "Start Your Glow", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-cucumber_23-2148708096.jpg"
imageAlt="Luxury Lumina Skincare Glow"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-chinese-woman-standing-topless-showing-skin-smiling-looking-camera-pointing-with-two-hands-fingers-side_839833-11247.jpg",
alt: "Happy customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-charming-lady-engaged-sports-exercises-listening-music-sunlight-city-sport-exercise_291650-94.jpg",
alt: "Happy customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/happy-slim-young-woman-with-curly-hair-stretches-arms-before-training-warms-up-stays-good-physical-shape-smiles-happily-wears-top-leggings-isolated-pink-background-exercises-indoors_273609-61866.jpg",
alt: "Happy customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-pleasant-looking-afro-american-woman-with-thoughtful-expression_273609-28666.jpg",
alt: "Happy customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/sideways-portrait-happy-female-awakes-good-mood-after-healthy-dream-night-sits-comfortable-bed-with-pillow-relaxed-woman-poses-bedroom-hotel-room-with-cheerful-expression_273609-2372.jpg",
alt: "Happy customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/young-chinese-woman-standing-topless-showing-skin-smiling-looking-camera-pointing-with-two-hands-fingers-side_839833-11247.jpg", alt: "Happy customer 1" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-charming-lady-engaged-sports-exercises-listening-music-sunlight-city-sport-exercise_291650-94.jpg", alt: "Happy customer 2" },
{ src: "http://img.b2bpic.net/free-photo/happy-slim-young-woman-with-curly-hair-stretches-arms-before-training-warms-up-stays-good-physical-shape-smiles-happily-wears-top-leggings-isolated-pink-background-exercises-indoors_273609-61866.jpg", alt: "Happy customer 3" },
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-pleasant-looking-afro-american-woman-with-thoughtful-expression_273609-28666.jpg", alt: "Happy customer 4" },
{ src: "http://img.b2bpic.net/free-photo/sideways-portrait-happy-female-awakes-good-mood-after-healthy-dream-night-sits-comfortable-bed-with-pillow-relaxed-woman-poses-bedroom-hotel-room-with-cheerful-expression_273609-2372.jpg", alt: "Happy customer 5" }
]}
/>
</div>
@@ -127,26 +68,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Skincare that meets",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-with-painted-face-copy-space_23-2148364800.jpg",
alt: "Skin texture",
},
{
type: "text",
content: "science.",
},
]}
buttons={[
{
text: "Learn Our Story",
href: "#",
},
{ type: "text", content: "Skincare that meets" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-with-painted-face-copy-space_23-2148364800.jpg", alt: "Skin texture" },
{ type: "text", content: "science." }
]}
buttons={[{ text: "Learn Our Story", href: "#" }]}
/>
</div>
@@ -157,60 +83,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Lumina",
name: "Renewal Cream",
price: "$85.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249527.jpg",
},
{
id: "p2",
brand: "Lumina",
name: "Glow Serum",
price: "$98.00",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232224.jpg",
},
{
id: "p3",
brand: "Lumina",
name: "Daily Cleanser",
price: "$42.00",
rating: 4,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-face-cream_23-2150171968.jpg",
},
{
id: "p4",
brand: "Lumina",
name: "Night Treatment",
price: "$75.00",
rating: 5,
reviewCount: "154",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420722.jpg",
},
{
id: "p5",
brand: "Lumina",
name: "SPF Moisturizer",
price: "$55.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-assortment_23-2148761431.jpg",
},
{
id: "p6",
brand: "Lumina",
name: "Eye Contour",
price: "$65.00",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/jar-cream_23-2147670130.jpg",
},
{ id: "p1", brand: "Lumina", name: "Renewal Cream", price: "$85.00", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selfcare-products-arrangement_23-2149249527.jpg" },
{ id: "p2", brand: "Lumina", name: "Glow Serum", price: "$98.00", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232224.jpg" },
{ id: "p3", brand: "Lumina", name: "Daily Cleanser", price: "$42.00", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-face-cream_23-2150171968.jpg" },
{ id: "p4", brand: "Lumina", name: "Night Treatment", price: "$75.00", rating: 5, reviewCount: "154", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420722.jpg" },
{ id: "p5", brand: "Lumina", name: "SPF Moisturizer", price: "$55.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-assortment_23-2148761431.jpg" },
{ id: "p6", brand: "Lumina", name: "Eye Contour", price: "$65.00", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/jar-cream_23-2147670130.jpg" }
]}
title="Essentials for Your Glow"
description="Our hand-selected range of results-driven essentials."
@@ -224,21 +102,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Clinical Efficacy",
description: "Proven results in just 14 days.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-skin-texture_23-2149457574.jpg",
},
{
title: "Transparent Ingredients",
description: "No hidden fillers, just pure actives.",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg",
},
{
title: "Cruelty-Free",
description: "Ethical beauty that gives back.",
imageSrc: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg",
},
{ title: "Clinical Efficacy", description: "Proven results in just 14 days.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-skin-texture_23-2149457574.jpg" },
{ title: "Transparent Ingredients", description: "No hidden fillers, just pure actives.", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232254.jpg" },
{ title: "Cruelty-Free", description: "Ethical beauty that gives back.", imageSrc: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg" }
]}
title="Why Choose Lumina"
description="Results-driven care for your daily routine."
@@ -251,24 +117,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Customer Satisfaction",
value: "98%",
},
{
id: "m2",
icon: Zap,
title: "Results in 14 Days",
value: "92%",
},
{
id: "m3",
icon: Shield,
title: "Transparently Sourced",
value: "100%",
},
{ id: "m1", icon: Award, title: "Customer Satisfaction", value: "98%" },
{ id: "m2", icon: Zap, title: "Results in 14 Days", value: "92%" },
{ id: "m3", icon: Shield, title: "Transparently Sourced", value: "100%" }
]}
title="Confidence Proven"
description="Our results speak for themselves."
@@ -280,56 +131,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "Oct 2024",
title: "Life Changing",
quote: "I have never felt so confident in my bare skin.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-surprised-woman-with-soap-balloons_23-2148385816.jpg",
},
{
id: "t2",
name: "Mike D.",
date: "Sept 2024",
title: "Fast Results",
quote: "I saw improvement in my skin texture within a week.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo_53876-32442.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/half-face-lovely-model_23-2148376632.jpg",
},
{
id: "t3",
name: "Anna K.",
date: "Aug 2024",
title: "Obsessed",
quote: "The best routine I have ever used. Simply radiant.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-eating-disorder-looking-glass-water_23-2149168708.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-pics-mirror_23-2149735264.jpg",
},
{
id: "t4",
name: "Tom R.",
date: "July 2024",
title: "Excellent Quality",
quote: "Premium packaging and even better ingredients.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-home-plants_23-2148304877.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-woman-lingerie_23-2149179695.jpg",
},
{
id: "t5",
name: "Lisa B.",
date: "June 2024",
title: "Game Changer",
quote: "My go-to skincare brand for life.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-with-patches-look-camera_197531-32435.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg",
},
{ id: "t1", name: "Sarah J.", date: "Oct 2024", title: "Life Changing", quote: "I have never felt so confident in my bare skin.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-facial-massage_1268-21269.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-surprised-woman-with-soap-balloons_23-2148385816.jpg" },
{ id: "t2", name: "Mike D.", date: "Sept 2024", title: "Fast Results", quote: "I saw improvement in my skin texture within a week.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo_53876-32442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/half-face-lovely-model_23-2148376632.jpg" },
{ id: "t3", name: "Anna K.", date: "Aug 2024", title: "Obsessed", quote: "The best routine I have ever used. Simply radiant.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-eating-disorder-looking-glass-water_23-2149168708.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-pics-mirror_23-2149735264.jpg" },
{ id: "t4", name: "Tom R.", date: "July 2024", title: "Excellent Quality", quote: "Premium packaging and even better ingredients.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-care-home-plants_23-2148304877.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-woman-lingerie_23-2149179695.jpg" },
{ id: "t5", name: "Lisa B.", date: "June 2024", title: "Game Changer", quote: "My go-to skincare brand for life.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-with-patches-look-camera_197531-32435.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg" }
]}
title="Real Stories"
description="Join thousands who trust their glow to Lumina."
@@ -341,21 +147,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long until I see results?",
content: "Most customers see visible improvements in 14 days.",
},
{
id: "f2",
title: "Are your products cruelty-free?",
content: "Absolutely, we are 100% cruelty-free and vegan.",
},
{
id: "f3",
title: "What is your refund policy?",
content: "We offer a 14-day money-back guarantee.",
},
{ id: "f1", title: "How long until I see results?", content: "Most customers see visible improvements in 14 days." },
{ id: "f2", title: "Are your products cruelty-free?", content: "Absolutely, we are 100% cruelty-free and vegan." },
{ id: "f3", title: "What is your refund policy?", content: "We offer a 14-day money-back guarantee." }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-transparent-bubbles-gray-shades_23-2148226979.jpg"
mediaAnimation="slide-up"
@@ -367,10 +161,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Start Your Glow"
description="Join our community and get 10% off your first purchase."
imageSrc="http://img.b2bpic.net/free-photo/minimalist-autumn-home-decor-with-pumpkins-plant-bottle_23-2151965500.jpg"
@@ -384,52 +178,25 @@ export default function LandingPage() {
logoText="Lumina"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "Serum",
href: "#",
},
{
label: "Cleanser",
href: "#",
},
],
title: "Shop", items: [
{ label: "All Products", href: "#products" },
{ label: "Serum", href: "#" },
{ label: "Cleanser", href: "#" }
]
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Support",
href: "#",
},
],
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
{ label: "Support", href: "#" }
]
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms", href: "#" }
]
}
]}
/>
</div>