Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Our Story", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lumina Lingerie"
|
||||
/>
|
||||
@@ -52,106 +40,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Everyday Elegance, Redefined."
|
||||
description="Discover lingerie that blends luxurious lace, sustainable comfort, and perfect support. Designed for the woman who celebrates herself every single day."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-black-underwear-posing-bedroom_273443-4724.jpg",
|
||||
imageAlt: "Model in lace set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-beauty-young-woman-interior_149155-4456.jpg",
|
||||
imageAlt: "Detail shot of lace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409072.jpg",
|
||||
imageAlt: "Satin set elegance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg",
|
||||
imageAlt: "Comfort fit model",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-quality-female-bra-still-life_23-2150411290.jpg",
|
||||
imageAlt: "Empowered lifestyle shot",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-black-underwear-posing-bedroom_273443-4724.jpg", imageAlt: "Model in lace set" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-beauty-young-woman-interior_149155-4456.jpg", imageAlt: "Detail shot of lace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409072.jpg", imageAlt: "Satin set elegance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg", imageAlt: "Comfort fit model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-quality-female-bra-still-life_23-2150411290.jpg", imageAlt: "Empowered lifestyle shot" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-vibrator_23-2150232147.jpg",
|
||||
imageAlt: "Silk robe detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicate-flower-photo_23-2149422600.jpg",
|
||||
imageAlt: "Lace bralette detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-natural-sexy-woman-after-shower-bath-towel-sitting-bed-white-sheets-tropical-hotel-honey-moon-flower-orchid-smiling-romantic-shy-slim-tanned-body-wet-hair-resort-flirty_285396-6060.jpg",
|
||||
imageAlt: "Modern lingerie set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pajamas-sitting-bed_1303-13140.jpg",
|
||||
imageAlt: "Body confident shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-chair-against-reflective-glass_23-2148161269.jpg",
|
||||
imageAlt: "Editorial style shot",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-vibrator_23-2150232147.jpg", imageAlt: "Silk robe detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicate-flower-photo_23-2149422600.jpg", imageAlt: "Lace bralette detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-natural-sexy-woman-after-shower-bath-towel-sitting-bed-white-sheets-tropical-hotel-honey-moon-flower-orchid-smiling-romantic-shy-slim-tanned-body-wet-hair-resort-flirty_285396-6060.jpg", imageAlt: "Modern lingerie set" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-pajamas-sitting-bed_1303-13140.jpg", imageAlt: "Body confident shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-sitting-chair-against-reflective-glass_23-2148161269.jpg", imageAlt: "Editorial style shot" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-elegant-blonde-girl-model-dressed-silk-skirt-blouse-corset-lying-vintage-sofa-beautiful-caucasian-curlyhaired-woman-trendy-stylish-clothes-makeup-model-beauty-face_8353-12443.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-girl-wearing-black-body-posing-big-white-bed_132075-12013.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-beauty-young-woman-interior_149155-4455.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/asian-model-posing-studio_23-2148239993.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275070.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-elegant-blonde-girl-model-dressed-silk-skirt-blouse-corset-lying-vintage-sofa-beautiful-caucasian-curlyhaired-woman-trendy-stylish-clothes-makeup-model-beauty-face_8353-12443.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sexy-girl-wearing-black-body-posing-big-white-bed_132075-12013.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-gorgeous-beauty-young-woman-interior_149155-4455.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/asian-model-posing-studio_23-2148239993.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275070.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Loved by thousands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Empowered Fit",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Everyday Comfort",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Lace",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Sustainable Sourcing" }, { type: "text", text: "Empowered Fit" }, { type: "text", text: "Everyday Comfort" }, { type: "text", text: "Luxury Lace" }, { type: "text", text: "Global Shipping" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,12 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Empowering Your Everyday."
|
||||
description="At Lumina, we believe that lingerie is more than just undergarments; it's a foundation of confidence. We source sustainable materials to ensure you feel as good as you look, supporting your body exactly as it is."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read Our Story", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-portrait-young-female-photographer-retouching-photographs-using-graphic-tablet_273609-13802.jpg"
|
||||
imageAlt="Our studio process"
|
||||
/>
|
||||
@@ -178,27 +88,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Size Inclusivity",
|
||||
description: "Beautiful designs available in a wide range of sizes to celebrate every body shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bra-lingerie_23-2150458237.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "View Size Guide",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Soft on your skin, kind to the planet. We use premium modal and recycled lace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-female-lingerie-still-life_23-2150411280.jpg",
|
||||
titleIconSrc: "Leaf",
|
||||
buttonText: "Read Sustainability",
|
||||
},
|
||||
{
|
||||
title: "Everyday Comfort",
|
||||
description: "Engineered for support without compromise. No pinching, just pure softness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-covid-party-items-assortment_23-2149299924.jpg",
|
||||
titleIconSrc: "CheckCircle",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Size Inclusivity", description: "Beautiful designs available in a wide range of sizes to celebrate every body shape.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bra-lingerie_23-2150458237.jpg", titleIconSrc: "Sparkles", buttonText: "View Size Guide" },
|
||||
{ title: "Sustainable Fabrics", description: "Soft on your skin, kind to the planet. We use premium modal and recycled lace.", imageSrc: "http://img.b2bpic.net/free-photo/quality-female-lingerie-still-life_23-2150411280.jpg", titleIconSrc: "Leaf", buttonText: "Read Sustainability" },
|
||||
{ title: "Everyday Comfort", description: "Engineered for support without compromise. No pinching, just pure softness.", imageSrc: "http://img.b2bpic.net/free-photo/view-covid-party-items-assortment_23-2149299924.jpg", titleIconSrc: "CheckCircle", buttonText: "Learn More" }
|
||||
]}
|
||||
title="Why Choose Lumina"
|
||||
description="Thoughtfully crafted pieces designed to fit your unique lifestyle."
|
||||
@@ -210,49 +102,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Essential Lace Bralette",
|
||||
price: "$45",
|
||||
variant: "Available in 5 colors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-marshmallows-glass-jar-high-quality-photo_114579-35880.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Seamless Comfort Panty",
|
||||
price: "$25",
|
||||
variant: "Mid-rise, Soft Modal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-swimsuit-outdoors_23-2150632441.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Satin & Lace Luxury Set",
|
||||
price: "$85",
|
||||
variant: "Bridal Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-lying-floor_23-2147781236.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Signature Camisole",
|
||||
price: "$55",
|
||||
variant: "Silk Blend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-unhealthy-woman-with-dark-hair-wearing-white-casual-style-t-shirt-shorts-sitting-bed-light-bedroom-with-crossed-legs-touching-painful-neck-after-uncomfortable-sleep_176532-15524.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Floral Lace Bodysuit",
|
||||
price: "$95",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trendy-swimsuit-sitting-with-her-back-camera-beach-tent-young-lady-sunbathing-while-spending-time-beach_574295-5067.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Everyday Support Set",
|
||||
price: "$65",
|
||||
variant: "Wireless Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-s-morning-fine-art-wedding-happy-bride_1328-1771.jpg",
|
||||
},
|
||||
{ id: "1", name: "Essential Lace Bralette", price: "$45", variant: "Available in 5 colors", imageSrc: "http://img.b2bpic.net/free-photo/top-view-marshmallows-glass-jar-high-quality-photo_114579-35880.jpg" },
|
||||
{ id: "2", name: "Seamless Comfort Panty", price: "$25", variant: "Mid-rise, Soft Modal", imageSrc: "http://img.b2bpic.net/free-photo/trendy-swimsuit-outdoors_23-2150632441.jpg" },
|
||||
{ id: "3", name: "Satin & Lace Luxury Set", price: "$85", variant: "Bridal Edition", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-lying-floor_23-2147781236.jpg" },
|
||||
{ id: "4", name: "Signature Camisole", price: "$55", variant: "Silk Blend", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-unhealthy-woman-with-dark-hair-wearing-white-casual-style-t-shirt-shorts-sitting-bed-light-bedroom-with-crossed-legs-touching-painful-neck-after-uncomfortable-sleep_176532-15524.jpg" },
|
||||
{ id: "5", name: "Floral Lace Bodysuit", price: "$95", variant: "Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-trendy-swimsuit-sitting-with-her-back-camera-beach-tent-young-lady-sunbathing-while-spending-time-beach_574295-5067.jpg" },
|
||||
{ id: "6", name: "Everyday Support Set", price: "$65", variant: "Wireless Comfort", imageSrc: "http://img.b2bpic.net/free-photo/bride-s-morning-fine-art-wedding-happy-bride_1328-1771.jpg" }
|
||||
]}
|
||||
title="The Collection"
|
||||
description="From daily essentials to special occasions, find your perfect match."
|
||||
@@ -266,26 +123,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916316.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-enjoing-tropical-vacations-thailand-wearing-white-blouse-posing-palmtrees_273443-4988.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197568.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148660681.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-vlogger-preparing-video-blog_23-2148916316.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-enjoing-tropical-vacations-thailand-wearing-white-blouse-posing-palmtrees_273443-4988.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-sant-jordi-day-books-roses_23-2151197568.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -298,24 +140,10 @@ export default function LandingPage() {
|
||||
title="Questions? Let’s Chat."
|
||||
description="Our team is here to help you find the perfect fit. Reach out for any questions about our collection or your order."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-partners-standing-apart_23-2148976592.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,56 +153,14 @@ export default function LandingPage() {
|
||||
logoText="Lumina Lingerie"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bralettes",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sleepwear",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Bralettes", href: "#" }, { label: "Sleepwear", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Size Guide", href: "#" }, { label: "Shipping", href: "#" }, { label: "Contact", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Lumina Lingerie. All rights reserved."
|
||||
/>
|
||||
@@ -382,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user