Merge version_1 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -30,21 +30,13 @@ 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: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Lumina Skincare"
|
||||
/>
|
||||
@@ -53,31 +45,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Radiance, Reimagined."
|
||||
description="Discover clean, sustainable skincare crafted from pure botanicals for your most vibrant skin yet."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-rose-brown-earth-tone-background_53876-129687.jpg",
|
||||
imageAlt: "Organic skincare product",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-rose-brown-earth-tone-background_53876-129687.jpg", imageAlt: "Organic skincare product"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406008.jpg",
|
||||
imageAlt: "Lifestyle skincare routine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406008.jpg", imageAlt: "Lifestyle skincare routine"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-kombucha-bottle_23-2150621493.jpg",
|
||||
imageAlt: "Botanical ingredients collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-kombucha-bottle_23-2150621493.jpg", imageAlt: "Botanical ingredients collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg?_wi=1",
|
||||
imageAlt: "Luxury face serum",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg", imageAlt: "Luxury face serum"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg?_wi=1",
|
||||
imageAlt: "Night recovery cream",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg", imageAlt: "Night recovery cream"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -89,9 +70,7 @@ export default function LandingPage() {
|
||||
title="Our Philosophy of Purity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,41 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Renew Serum",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Renew Serum", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Day Cream",
|
||||
price: "$48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-cosmetics-jars_23-2147787935.jpg",
|
||||
},
|
||||
id: "p2", name: "Day Cream", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/pile-cosmetics-jars_23-2147787935.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Toner",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440678.jpg",
|
||||
},
|
||||
id: "p3", name: "Floral Toner", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440678.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Revive Eye Cream",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg",
|
||||
},
|
||||
id: "p4", name: "Revive Eye Cream", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449093.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Night Recovery",
|
||||
price: "$72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Night Recovery", price: "$72", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Botanical Oil",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047723.jpg",
|
||||
},
|
||||
id: "p6", name: "Botanical Oil", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-arrangement_23-2149047723.jpg"},
|
||||
]}
|
||||
title="The Daily Essentials"
|
||||
description="Curated formulas for daily radiance and hydration."
|
||||
@@ -150,47 +105,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="Hear from our community of radiance seekers."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice",
|
||||
testimonial: "My skin has never felt more alive and vibrant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", handle: "@alice", testimonial: "My skin has never felt more alive and vibrant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7525.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
handle: "@john",
|
||||
testimonial: "Simple, clean, and incredibly effective. Love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg",
|
||||
},
|
||||
id: "t2", name: "John D.", handle: "@john", testimonial: "Simple, clean, and incredibly effective. Love it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-cream-face-while-looking-mirror_23-2148875051.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sarah",
|
||||
testimonial: "The glow is real! Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642531.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", handle: "@sarah", testimonial: "The glow is real! Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642531.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emma L.",
|
||||
handle: "@emma",
|
||||
testimonial: "Natural ingredients that actually work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-massaging-her-face_23-2149168526.jpg",
|
||||
},
|
||||
id: "t4", name: "Emma L.", handle: "@emma", testimonial: "Natural ingredients that actually work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-massaging-her-face_23-2149168526.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark R.",
|
||||
handle: "@mark",
|
||||
testimonial: "My go-to routine for years now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-room-standing-holding-palm-branch-long-white-dress_176474-4068.jpg",
|
||||
},
|
||||
id: "t5", name: "Mark R.", handle: "@mark", testimonial: "My go-to routine for years now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-room-standing-holding-palm-branch-long-white-dress_176474-4068.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What They Say"
|
||||
@@ -203,20 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these natural?",
|
||||
content: "Yes, 100% natural, ethically sourced botanicals.",
|
||||
},
|
||||
id: "f1", title: "Are these natural?", content: "Yes, 100% natural, ethically sourced botanicals."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it for sensitive skin?",
|
||||
content: "Our formulas are specifically designed to be gentle and soothing.",
|
||||
},
|
||||
id: "f2", title: "Is it for sensitive skin?", content: "Our formulas are specifically designed to be gentle and soothing."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Shipping times?",
|
||||
content: "We ship worldwide within 3-5 business days.",
|
||||
},
|
||||
id: "f3", title: "Shipping times?", content: "We ship worldwide within 3-5 business days."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our ingredients or process?"
|
||||
@@ -228,16 +150,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready for your best skin?"
|
||||
description="Drop us a note if you have any questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -248,37 +167,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user