6 Commits

Author SHA1 Message Date
8bbc1b5c6e Merge version_2 into main
Merge version_2 into main
2026-03-30 11:48:41 +00:00
3f70b53ca4 Update src/app/page.tsx 2026-03-30 11:48:38 +00:00
3e980fe52c Merge version_1 into main
Merge version_1 into main
2026-03-30 11:30:21 +00:00
8e7815c4c6 Merge version_1 into main
Merge version_1 into main
2026-03-30 11:29:33 +00:00
5c8089d8f5 Merge version_1 into main
Merge version_1 into main
2026-03-30 11:28:45 +00:00
b1e02f1777 Merge version_1 into main
Merge version_1 into main
2026-03-30 11:18:44 +00:00

View File

@@ -29,25 +29,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "Reviews", name: "Reviews", id: "testimonials"},
id: "testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
]} ]}
brandName="Lumina Skin" brandName="Lumina Skin"
/> />
@@ -56,78 +46,49 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Radiance Refined Naturally" title="Radiance Refined Naturally"
description="Experience the purity of botanical-driven science. Lumina Skin delivers clean, effective results for your most healthy, glowing complexion yet." description="Experience the purity of botanical-driven science. Lumina Skin delivers clean, effective results for your most healthy, glowing complexion yet."
kpis={[ kpis={[
{ {
value: "98%", value: "98%", label: "Natural Ingredients"},
label: "Natural Ingredients",
},
{ {
value: "50K+", value: "50K+", label: "Happy Clients"},
label: "Happy Clients",
},
{ {
value: "12", value: "12", label: "Active Botanicals"},
label: "Active Botanicals",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "Shop Collection", text: "Shop Collection", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/view-frame-with-facial-beauty-products_23-2148299560.jpg" imageSrc="http://img.b2bpic.net/free-photo/view-frame-with-facial-beauty-products_23-2148299560.jpg"
imageAlt="Natural skin care products" imageAlt="Natural skin care products"
mediaAnimation="opacity" mediaAnimation="opacity"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg", src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg", src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg", src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg", src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg", src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
avatarText="Loved by 50,000+ happy clients worldwide" avatarText="Loved by 50,000+ happy clients worldwide"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Cruelty-Free"},
text: "Cruelty-Free",
},
{ {
type: "text", type: "text", text: "Vegan Formula"},
text: "Vegan Formula",
},
{ {
type: "text", type: "text", text: "Sustainably Sourced"},
text: "Sustainably Sourced",
},
{ {
type: "text", type: "text", text: "Dermatologist Tested"},
text: "Dermatologist Tested",
},
{ {
type: "text", type: "text", text: "Eco-Friendly Packaging"},
text: "Eco-Friendly Packaging",
},
]} ]}
/> />
</div> </div>
@@ -138,9 +99,7 @@ export default function LandingPage() {
title="Science Meets Nature" title="Science Meets Nature"
buttons={[ buttons={[
{ {
text: "Our Story", text: "Our Story", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -153,26 +112,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Lumina Serum", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167943.jpg", imageAlt: "Lumina Serum"},
name: "Lumina Serum",
price: "$48",
imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167943.jpg",
imageAlt: "Lumina Serum",
},
{ {
id: "p2", id: "p2", name: "Daily Moisturizer", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg", imageAlt: "Daily Moisturizer"},
name: "Daily Moisturizer",
price: "$52",
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg",
imageAlt: "Daily Moisturizer",
},
{ {
id: "p3", id: "p3", name: "Gentle Cleanser", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721478.jpg", imageAlt: "Gentle Cleanser"},
name: "Gentle Cleanser",
price: "$34",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721478.jpg",
imageAlt: "Gentle Cleanser",
},
]} ]}
title="Essential Daily Rituals" title="Essential Daily Rituals"
description="Our curated selection of high-performance skincare essentials." description="Our curated selection of high-performance skincare essentials."
@@ -186,59 +130,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Elena R.", role: "User", company: "Happy Customer", rating: 5,
name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg"},
role: "User",
company: "Happy Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",
},
{ {
id: "2", id: "2", name: "Mark S.", role: "User", company: "Skin Enthusiast", rating: 5,
name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=1"},
role: "User",
company: "Skin Enthusiast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=1",
},
{ {
id: "3", id: "3", name: "Sarah J.", role: "User", company: "Radiance Community", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg"},
role: "User",
company: "Radiance Community",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg",
},
{ {
id: "4", id: "4", name: "Tom K.", role: "User", company: "Lumina Fan", rating: 5,
name: "Tom K.", imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg"},
role: "User",
company: "Lumina Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg",
},
{ {
id: "5", id: "5", name: "Chloe B.", role: "User", company: "Radiance Insider", rating: 5,
name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=2"},
role: "User",
company: "Radiance Insider",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=2",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "5.0", value: "5.0", label: "Avg Rating"},
label: "Avg Rating",
},
{ {
value: "100%", value: "100%", label: "Clean Promise"},
label: "Clean Promise",
},
{ {
value: "Daily", value: "Daily", label: "Loved By All"},
label: "Loved By All",
},
]} ]}
title="What They Say" title="What They Say"
description="Hear from the radiance community about their journey." description="Hear from the radiance community about their journey."
@@ -251,20 +164,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Are your products cruelty-free?", content: "Yes, we are 100% cruelty-free and vegan."},
title: "Are your products cruelty-free?",
content: "Yes, we are 100% cruelty-free and vegan.",
},
{ {
id: "f2", id: "f2", title: "Can I use this on sensitive skin?", content: "Our formulas are designed to be hypoallergenic and gentle."},
title: "Can I use this on sensitive skin?",
content: "Our formulas are designed to be hypoallergenic and gentle.",
},
{ {
id: "f3", id: "f3", title: "How long until I see results?", content: "Most users see visible results within 2-4 weeks of consistent use."},
title: "How long until I see results?",
content: "Most users see visible results within 2-4 weeks of consistent use.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Have questions about our ingredients or routine? We have answers." description="Have questions about our ingredients or routine? We have answers."
@@ -277,28 +181,22 @@ export default function LandingPage() {
columns={[ columns={[
{ {
items: [ items: [
{ { label: "About Us", href: "#about" },
label: "About Us", { label: "Shop All", href: "#products" },
href: "#",
},
{
label: "Shop",
href: "#products",
},
], ],
}, },
{ {
items: [ items: [
{ { label: "Privacy Policy", href: "#" },
label: "Privacy Policy", { label: "Return Policy", href: "#" },
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
], ],
}, },
{
items: [
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
],
}
]} ]}
logoText="Lumina Skin" logoText="Lumina Skin"
/> />