Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -28,63 +28,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lueur Skin"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Radiance Refined"
|
||||
description="Experience the pinnacle of natural luxury with our bespoke skin care rituals, designed to illuminate your inner vitality."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336380.jpg",
|
||||
imageAlt: "Luxurious skincare",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1135.jpg",
|
||||
imageAlt: "Serene spa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-rose-closeup_23-2148254893.jpg",
|
||||
imageAlt: "Cream texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-made-orange-juice-with-decorative-leaves-grey-background_114579-59166.jpg",
|
||||
imageAlt: "Botanical background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-serum-pipette_23-2148783544.jpg",
|
||||
imageAlt: "Serum close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-caucasian-girl-applying-moisturizer-her-hands-while-sitting-table-lady-with-healthy-skin-uses-skin-care-cosmetics-women-s-beauty-concept_197531-32264.jpg",
|
||||
imageAlt: "Minimalist bottle",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336380.jpg", imageAlt: "elegant skin care product photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1135.jpg", imageAlt: "beauty spa massage treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-rose-closeup_23-2148254893.jpg", imageAlt: "luxurious cream texture macro" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-freshly-made-orange-juice-with-decorative-leaves-grey-background_114579-59166.jpg", imageAlt: "calming botanical background skin care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-serum-pipette_23-2148783544.jpg", imageAlt: "clean beauty aesthetic product" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-caucasian-girl-applying-moisturizer-her-hands-while-sitting-table-lady-with-healthy-skin-uses-skin-care-cosmetics-women-s-beauty-concept_197531-32264.jpg", imageAlt: "luxury skincare minimalist packaging" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,21 +62,12 @@ export default function LandingPage() {
|
||||
title="A Ritual of Pure Luxury"
|
||||
description="We blend rare botanical extracts with clinical-grade innovation, creating a sanctuary for your skin to thrive."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Sourced",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Deep Hydration",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
title: "Global Awards",
|
||||
},
|
||||
{ value: "100%", title: "Organic Sourced" },
|
||||
{ value: "24h", title: "Deep Hydration" },
|
||||
{ value: "5+", title: "Global Awards" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg"
|
||||
imageAlt="Luxurious skin care interior"
|
||||
imageAlt="skin care clinic interior elegant"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,33 +80,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lueur",
|
||||
name: "Velvet Night Cream",
|
||||
price: "$85.00",
|
||||
rating: 5,
|
||||
reviewCount: "128 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cream-container_23-2148660814.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lueur",
|
||||
name: "Gold Infused Serum",
|
||||
price: "$120.00",
|
||||
rating: 5,
|
||||
reviewCount: "92 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-skin-care-cosmetics-product-cream-spray-tubes-water-splash_33099-1678.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lueur",
|
||||
name: "Botanical Face Oil",
|
||||
price: "$65.00",
|
||||
rating: 4,
|
||||
reviewCount: "75 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel_23-2148775405.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Lueur", name: "Velvet Night Cream", price: "$85.00", rating: 5, reviewCount: "128 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cream-container_23-2148660814.jpg" },
|
||||
{ id: "p2", brand: "Lueur", name: "Gold Infused Serum", price: "$120.00", rating: 5, reviewCount: "92 reviews", imageSrc: "http://img.b2bpic.net/free-vector/beauty-skin-care-cosmetics-product-cream-spray-tubes-water-splash_33099-1678.jpg" },
|
||||
{ id: "p3", brand: "Lueur", name: "Botanical Face Oil", price: "$65.00", rating: 4, reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hydro-alcoholic-gel_23-2148775405.jpg" },
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Discover our collection of high-performance treatments."
|
||||
@@ -162,60 +95,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Chloe Bennett",
|
||||
role: "Fashion Editor",
|
||||
company: "Vogue Style",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Sterling",
|
||||
role: "Creative Director",
|
||||
company: "Agency 5",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bride-looking-mirror_23-2149721987.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Garcia",
|
||||
role: "Architect",
|
||||
company: "Urban Spaces",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-caucasian-girls-are-trying-out-new-cosmetic-product-while-sitting-table-studio-beauty-personal-care-skin-face-care-concept_197531-31444.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Liam Connor",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-with-patches-look-camera_197531-32435.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
role: "Esthetician",
|
||||
company: "Pure Skin Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Chloe Bennett", role: "Fashion Editor", company: "Vogue Style", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg" },
|
||||
{ id: "t2", name: "James Sterling", role: "Creative Director", company: "Agency 5", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bride-looking-mirror_23-2149721987.jpg" },
|
||||
{ id: "t3", name: "Maria Garcia", role: "Architect", company: "Urban Spaces", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-caucasian-girls-are-trying-out-new-cosmetic-product-while-sitting-table-studio-beauty-personal-care-skin-face-care-concept_197531-31444.jpg" },
|
||||
{ id: "t4", name: "Liam Connor", role: "Designer", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smile-woman-with-patches-look-camera_197531-32435.jpg" },
|
||||
{ id: "t5", name: "Elena Rossi", role: "Esthetician", company: "Pure Skin Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Glowers",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Regions",
|
||||
},
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "10k+", label: "Glowers" },
|
||||
{ value: "50+", label: "Regions" },
|
||||
]}
|
||||
title="Loved by Your Skin"
|
||||
description="Join our community of radiance seekers."
|
||||
@@ -225,9 +114,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Informed"
|
||||
title="Join the Lueur Inner Circle"
|
||||
description="Be the first to access our new releases and personalized skincare tips."
|
||||
@@ -238,50 +125,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Ingredients",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
title: "Brand", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Ingredients", href: "#" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user