Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,68 +29,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "features",
|
||||
},
|
||||
name: "Benefits", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
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: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Pure Radiance, Naturally Derived"
|
||||
description="Unlock your skin's true potential with our organic, botanical-based skincare rituals designed for everyday luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-self-care-products-composition_23-2148990015.jpg",
|
||||
imageAlt: "Luxurious skincare minimalist branding",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-self-care-products-composition_23-2148990015.jpg", imageAlt: "Luxurious skincare minimalist branding"},
|
||||
{
|
||||
imageSrc: "hero-2",
|
||||
imageAlt: "Glowing skin model",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382830.jpg", imageAlt: "Glowing skin model"},
|
||||
{
|
||||
imageSrc: "hero-3",
|
||||
imageAlt: "Skincare product texture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-long-white-dress-sitting-looking-empty-room-space-text_176474-4037.jpg", imageAlt: "Skincare product texture"},
|
||||
{
|
||||
imageSrc: "hero-4",
|
||||
imageAlt: "Natural organic skincare flatlay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-cream-leaves-white-background_23-2148241835.jpg", imageAlt: "Natural organic skincare flatlay"},
|
||||
{
|
||||
imageSrc: "hero-5",
|
||||
imageAlt: "Skincare routine bottles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-essential-bottles-cream_23-2148419380.jpg", imageAlt: "Skincare routine bottles"},
|
||||
{
|
||||
imageSrc: "hero-6",
|
||||
imageAlt: "Spa ambiance skincare",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-serum_23-2150171921.jpg", imageAlt: "Spa ambiance skincare"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,26 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Botanical Power",
|
||||
description: "100% plant-derived actives for maximum efficacy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg",
|
||||
titleIconSrc: "Leaf",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Botanical Power", description: "100% plant-derived actives for maximum efficacy.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-serum-bottle-leaf_23-2148899372.jpg", titleIconSrc: "Leaf", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Hydration First",
|
||||
description: "Deeper moisture absorption for lasting glow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179483.jpg",
|
||||
titleIconSrc: "Droplets",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Hydration First", description: "Deeper moisture absorption for lasting glow.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-with-exotic-leaves_23-2148179483.jpg", titleIconSrc: "Droplets", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Gentle Cleansing",
|
||||
description: "Effective cleaning without stripping natural oils.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-bread-with-pate_23-2148154347.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Gentle Cleansing", description: "Effective cleaning without stripping natural oils.", imageSrc: "http://img.b2bpic.net/free-photo/slice-bread-with-pate_23-2148154347.jpg", titleIconSrc: "Sparkles", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Choose Lumina"
|
||||
description="Formulated with nature's finest ingredients for lasting results."
|
||||
@@ -137,47 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luminous Serum",
|
||||
price: "$64",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480193.jpg",
|
||||
},
|
||||
id: "p1", name: "Luminous Serum", price: "$64", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480193.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Night Repair",
|
||||
price: "$78",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-snack-bed_23-2147888595.jpg",
|
||||
},
|
||||
id: "p2", name: "Night Repair", price: "$78", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-snack-bed_23-2147888595.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Daily Moisturizer",
|
||||
price: "$52",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-cream-with-natural-elements_23-2148173802.jpg",
|
||||
},
|
||||
id: "p3", name: "Daily Moisturizer", price: "$52", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/beauty-cream-with-natural-elements_23-2148173802.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Facial Oil",
|
||||
price: "$45",
|
||||
variant: "30ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963081.jpg",
|
||||
},
|
||||
id: "p4", name: "Facial Oil", price: "$45", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-floating-water_23-2150963081.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hydrating Toner",
|
||||
price: "$38",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-bottle-lotion_23-2147710595.jpg",
|
||||
},
|
||||
id: "p5", name: "Hydrating Toner", price: "$38", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/small-bottle-lotion_23-2147710595.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Eye Contour Cream",
|
||||
price: "$55",
|
||||
variant: "15ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-clear-skin-using-moisturizer-her-face_23-2149207942.jpg",
|
||||
},
|
||||
id: "p6", name: "Eye Contour Cream", price: "$55", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-with-clear-skin-using-moisturizer-her-face_23-2149207942.jpg"},
|
||||
]}
|
||||
title="Our Signature Rituals"
|
||||
description="Discover your new favorite skincare staples."
|
||||
@@ -191,45 +124,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "My skin has never felt this hydrated and refreshed. Truly miraculous products!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466351.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena R.", handle: "@elena_r", testimonial: "My skin has never felt this hydrated and refreshed. Truly miraculous products!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466351.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah_skincare",
|
||||
testimonial: "Natural, effective, and beautiful packaging. I'm obsessed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-taking-care-herself_23-2149132033.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah K.", handle: "@sarah_skincare", testimonial: "Natural, effective, and beautiful packaging. I'm obsessed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-taking-care-herself_23-2149132033.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "Finally found a brand that works with my sensitive skin without irritation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-curly-woman-celebrates-good-news-makes-fist-bump-exclaims-happily-holds-green-spurce-wreath-paper-wrapping-presents-wears-red-turtleneck-isolated-beige-background_273609-57215.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark D.", handle: "@mark_d", testimonial: "Finally found a brand that works with my sensitive skin without irritation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-curly-woman-celebrates-good-news-makes-fist-bump-exclaims-happily-holds-green-spurce-wreath-paper-wrapping-presents-wears-red-turtleneck-isolated-beige-background_273609-57215.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chloe M.",
|
||||
handle: "@chlo_m",
|
||||
testimonial: "The glow is real! Lumina is now a permanent part of my routine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman_23-2148537356.jpg",
|
||||
},
|
||||
id: "t4", name: "Chloe M.", handle: "@chlo_m", testimonial: "The glow is real! Lumina is now a permanent part of my routine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman_23-2148537356.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica W.",
|
||||
handle: "@jess_w",
|
||||
testimonial: "Simply the best skincare experience I've had in years. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica W.", handle: "@jess_w", testimonial: "Simply the best skincare experience I've had in years. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved By You"
|
||||
@@ -241,13 +149,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to transform your skin care? Join our exclusive mailing list for early access to new product drops and self-care tips."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
},
|
||||
text: "Get Early Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -258,49 +164,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Ingredients",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ingredients", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user