Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -30,58 +30,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pure Botanical Elegance."
|
||||
description="Discover the art of natural skincare. Crafted with organic, earth-derived ingredients for radiant, healthy skin."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=1",
|
||||
imageAlt: "Hero image 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=2",
|
||||
imageAlt: "Hero image 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=3",
|
||||
imageAlt: "Hero image 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=4",
|
||||
imageAlt: "Hero image 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=5",
|
||||
imageAlt: "Hero image 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=6",
|
||||
imageAlt: "Hero image 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "Hero image 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,7 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Clean, Conscious Skincare"
|
||||
description="At Lumina, we believe beauty should never come at a cost to your health or the planet. Our formulas are clean, vegan, and mindfully sourced."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laboratory-glassware-with-red-liquid-assortment_23-2149481741.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laboratory-glassware-with-red-liquid-assortment_23-2149481741.jpg"
|
||||
imageAlt="Natural ingredients"
|
||||
/>
|
||||
</div>
|
||||
@@ -103,34 +83,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Sustainability",
|
||||
title: "Eco-friendly Packaging",
|
||||
items: [
|
||||
"Recyclable glass",
|
||||
"Zero-waste labels",
|
||||
"Minimalist carbon footprint",
|
||||
],
|
||||
id: "f1", label: "Sustainability", title: "Eco-friendly Packaging", items: [
|
||||
"Recyclable glass", "Zero-waste labels", "Minimalist carbon footprint"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Ingredients",
|
||||
title: "Organic & Botanical",
|
||||
items: [
|
||||
"Cold-pressed oils",
|
||||
"No synthetic fragrance",
|
||||
"100% plant-derived",
|
||||
],
|
||||
id: "f2", label: "Ingredients", title: "Organic & Botanical", items: [
|
||||
"Cold-pressed oils", "No synthetic fragrance", "100% plant-derived"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Science",
|
||||
title: "Dermatologist Tested",
|
||||
items: [
|
||||
"Clinically proven",
|
||||
"Hypoallergenic",
|
||||
"Gentle for sensitive skin",
|
||||
],
|
||||
id: "f3", label: "Science", title: "Dermatologist Tested", items: [
|
||||
"Clinically proven", "Hypoallergenic", "Gentle for sensitive skin"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Lumina"
|
||||
@@ -146,47 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Radiance Serum",
|
||||
price: "$45",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Radiance Serum", price: "$45", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velvet Moisturizer",
|
||||
price: "$38",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-lying-near-jar-with-cream_23-2147803533.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Velvet Moisturizer", price: "$38", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/bottle-lying-near-jar-with-cream_23-2147803533.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gentle Cleanser",
|
||||
price: "$28",
|
||||
variant: "150ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-soap-bar-with-decorative-plants-around_23-2148337511.jpg",
|
||||
},
|
||||
id: "p3", name: "Gentle Cleanser", price: "$28", variant: "150ml", imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-soap-bar-with-decorative-plants-around_23-2148337511.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Floral Toner Mist",
|
||||
price: "$22",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-empty-spray-bottle-around-fall-leaves-rope-nude-background_140725-112088.jpg",
|
||||
},
|
||||
id: "p4", name: "Floral Toner Mist", price: "$22", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-empty-spray-bottle-around-fall-leaves-rope-nude-background_140725-112088.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Revive Eye Cream",
|
||||
price: "$35",
|
||||
variant: "15ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-powder-foundation-with-sponges-placed-stone-surface_2831-9278.jpg",
|
||||
},
|
||||
id: "p5", name: "Revive Eye Cream", price: "$35", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/natural-powder-foundation-with-sponges-placed-stone-surface_2831-9278.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Clay Mask",
|
||||
price: "$32",
|
||||
variant: "100g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201465.jpg",
|
||||
},
|
||||
id: "p6", name: "Clay Mask", price: "$32", variant: "100g", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-natural-elements_23-2148201465.jpg"},
|
||||
]}
|
||||
title="Nature's Best Rituals"
|
||||
description="Complete your daily skincare routine with our botanical essentials."
|
||||
@@ -199,60 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah W.",
|
||||
date: "Oct 2023",
|
||||
title: "Serum Lover",
|
||||
quote: "My skin has never felt this hydrated and soft. Absolutely love the glow!",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-indoors_23-2148750546.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg?_wi=7",
|
||||
imageAlt: "natural botanical skincare ingredients background",
|
||||
},
|
||||
id: "t1", name: "Sarah W.", date: "Oct 2023", title: "Serum Lover", quote: "My skin has never felt this hydrated and soft. Absolutely love the glow!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-indoors_23-2148750546.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-natural-cream-concept_23-2148565353.jpg", imageAlt: "natural botanical skincare ingredients background"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
date: "Nov 2023",
|
||||
title: "Routine Changer",
|
||||
quote: "The gentle cleanser changed everything. Finally, a product that doesn't irritate my face.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400943.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-red-liquid-assortment_23-2149481741.jpg?_wi=2",
|
||||
imageAlt: "skincare brand ingredient sourcing sustainable",
|
||||
},
|
||||
id: "t2", name: "Michael R.", date: "Nov 2023", title: "Routine Changer", quote: "The gentle cleanser changed everything. Finally, a product that doesn't irritate my face.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400943.jpg", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-red-liquid-assortment_23-2149481741.jpg", imageAlt: "skincare brand ingredient sourcing sustainable"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
date: "Dec 2023",
|
||||
title: "Radiant Skin",
|
||||
quote: "Floral Toner is a game changer for my morning routine. Feels so refreshing.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-with-jar-hair-mask-sitting-table-indoors-brunette-green-shirt-looks-camera-beauty-care-concept_197531-32262.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-gel-copy-space_23-2148758798.jpg",
|
||||
imageAlt: "dermatologist tested skincare science symbol",
|
||||
},
|
||||
id: "t3", name: "Emily Chen", date: "Dec 2023", title: "Radiant Skin", quote: "Floral Toner is a game changer for my morning routine. Feels so refreshing.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-with-jar-hair-mask-sitting-table-indoors-brunette-green-shirt-looks-camera-beauty-care-concept_197531-32262.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizer-gel-copy-space_23-2148758798.jpg", imageAlt: "dermatologist tested skincare science symbol"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David J.",
|
||||
date: "Jan 2024",
|
||||
title: "Fan",
|
||||
quote: "Love the minimalist packaging and the fact that it's all natural ingredients.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thai-asian-model-with-natural-makeup-beige-background_633478-1476.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg?_wi=2",
|
||||
imageAlt: "organic face serum bottle minimalist",
|
||||
},
|
||||
id: "t4", name: "David J.", date: "Jan 2024", title: "Fan", quote: "Love the minimalist packaging and the fact that it's all natural ingredients.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/thai-asian-model-with-natural-makeup-beige-background_633478-1476.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185344.jpg", imageAlt: "organic face serum bottle minimalist"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
date: "Feb 2024",
|
||||
title: "Customer",
|
||||
quote: "The clay mask makes my skin feel like a spa visit. Simply divine experience.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-pretty-blonde-fitness-woman_1194-633454.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-lying-near-jar-with-cream_23-2147803533.jpg?_wi=2",
|
||||
imageAlt: "face cream jar glass organic",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", date: "Feb 2024", title: "Customer", quote: "The clay mask makes my skin feel like a spa visit. Simply divine experience.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-pretty-blonde-fitness-woman_1194-633454.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottle-lying-near-jar-with-cream_23-2147803533.jpg", imageAlt: "face cream jar glass organic"},
|
||||
]}
|
||||
title="Loved by Skin Lovers"
|
||||
description="Hear from our community about their glow-up journey."
|
||||
@@ -263,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Start Your Ritual"
|
||||
description="Sign up for 15% off your first order and exclusive skincare tips."
|
||||
@@ -277,50 +163,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mission", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user