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