Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-07 17:50:34 +00:00

View File

@@ -29,386 +29,155 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "Our Story",
id: "about",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Leora"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Leora"
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Leora: A Scent of Timeless Elegance"
description="Discover our collection of handcrafted fragrances designed for the modern individual."
testimonials={[
{
name: "Elena M.",
handle: "@elena_m",
testimonial: "The scent is breathtaking and stays with me all day.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg?_wi=1",
imageAlt: "luxury perfume bottle dark background gold accents",
},
{
name: "Julian R.",
handle: "@julianr",
testimonial: "Exquisite quality, definitely my new signature fragrance.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg?_wi=1",
imageAlt: "luxury perfume bottle dark background gold accents",
},
{
name: "Sofia K.",
handle: "@sofiak",
testimonial: "Sophisticated and elegant, simply love Leora.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=1",
imageAlt: "luxury perfume bottle dark background gold accents",
},
{
name: "Marcus W.",
handle: "@marcusw",
testimonial: "A luxury experience in every bottle.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg?_wi=1",
imageAlt: "luxury perfume bottle dark background gold accents",
},
{
name: "Anna P.",
handle: "@annap",
testimonial: "Beautifully crafted, highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg?_wi=1",
imageAlt: "luxury perfume bottle dark background gold accents",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg",
alt: "Customer portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg",
alt: "Customer portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg",
alt: "Customer portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
alt: "Customer portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/red-haired-lady-with-black-bandage-neck-fashionable-yellow-green-dress-smiling-looking-into-camera-posing-background-vineyards_197531-30129.jpg",
alt: "Customer portrait 5",
},
]}
avatarText="Join 10,000+ scent enthusiasts"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Leora: A Scent of Timeless Elegance"
description="Discover our collection of handcrafted fragrances designed for the modern individual."
testimonials={[
{ name: "Elena M.", handle: "@elena_m", testimonial: "The scent is breathtaking and stays with me all day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
{ name: "Julian R.", handle: "@julianr", testimonial: "Exquisite quality, definitely my new signature fragrance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
{ name: "Sofia K.", handle: "@sofiak", testimonial: "Sophisticated and elegant, simply love Leora.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
{ name: "Marcus W.", handle: "@marcusw", testimonial: "A luxury experience in every bottle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
{ name: "Anna P.", handle: "@annap", testimonial: "Beautifully crafted, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg", imageAlt: "luxury perfume bottle dark background gold accents" }
]}
imageSrc="http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg", alt: "Customer portrait 1" },
{ src: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg", alt: "Customer portrait 2" },
{ src: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg", alt: "Customer portrait 3" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Customer portrait 4" },
{ src: "http://img.b2bpic.net/free-photo/red-haired-lady-with-black-bandage-neck-fashionable-yellow-green-dress-smiling-looking-into-camera-posing-background-vineyards_197531-30129.jpg", alt: "Customer portrait 5" }
]}
avatarText="Join 10,000+ scent enthusiasts"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Our Craft"
metrics={[
{
label: "Ethical Sourcing",
value: "100%",
icon: Shield,
},
{
label: "Rare Botanicals",
value: "50+",
icon: Droplet,
},
{
label: "Artisan Creators",
value: "12",
icon: Award,
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Our Craft"
metrics={[
{ label: "Ethical Sourcing", value: "100%", icon: Shield },
{ label: "Rare Botanicals", value: "50+", icon: Droplet },
{ label: "Artisan Creators", value: "12", icon: Award },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Midnight Bloom",
price: "$120",
variant: "Eau de Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg?_wi=2",
},
{
id: "2",
name: "Golden Hour",
price: "$145",
variant: "Eau de Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=2",
},
{
id: "3",
name: "Coastal Breeze",
price: "$110",
variant: "Eau de Toilette",
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg?_wi=2",
},
{
id: "4",
name: "Velvet Oud",
price: "$160",
variant: "Extrait de Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg?_wi=2",
},
{
id: "5",
name: "Citrus Zest",
price: "$95",
variant: "Eau de Cologne",
imageSrc: "http://img.b2bpic.net/free-photo/candle-with-leafy-shadow-pattern_24972-3051.jpg",
},
{
id: "6",
name: "Floral Veil",
price: "$130",
variant: "Eau de Parfum",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108512.jpg",
},
]}
title="Signature Collection"
description="Curated fragrances for every occasion."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "1", name: "Midnight Bloom", price: "$120", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg" },
{ id: "2", name: "Golden Hour", price: "$145", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg" },
{ id: "3", name: "Coastal Breeze", price: "$110", variant: "Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg" },
{ id: "4", name: "Velvet Oud", price: "$160", variant: "Extrait de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg" },
{ id: "5", name: "Citrus Zest", price: "$95", variant: "Eau de Cologne", imageSrc: "http://img.b2bpic.net/free-photo/candle-with-leafy-shadow-pattern_24972-3051.jpg" },
{ id: "6", name: "Floral Veil", price: "$130", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108512.jpg" },
]}
title="Signature Collection"
description="Curated fragrances for every occasion."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Sustainable Luxury",
subtitle: "Conscious, eco-friendly beauty.",
category: "Ethics",
value: "100%",
},
{
id: "f2",
title: "Long-Lasting",
subtitle: "Scent that endures all day.",
category: "Performance",
value: "12hr",
},
{
id: "f3",
title: "Artisan Crafted",
subtitle: "Small batch for perfection.",
category: "Quality",
value: "Craft",
},
]}
title="Why Choose Leora"
description="The art of fine fragrance, redefined."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Sustainable Luxury", subtitle: "Conscious, eco-friendly beauty.", category: "Ethics", value: "100%" },
{ id: "f2", title: "Long-Lasting", subtitle: "Scent that endures all day.", category: "Performance", value: "12hr" },
{ id: "f3", title: "Artisan Crafted", subtitle: "Small batch for perfection.", category: "Quality", value: "Craft" },
]}
title="Why Choose Leora"
description="The art of fine fragrance, redefined."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"Allure",
"Cosmopolitan",
"GQ",
"Tatler",
]}
title="Featured In"
description="As seen in leading lifestyle publications."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Vogue", "Harper's Bazaar", "Elle", "Allure", "Cosmopolitan", "GQ", "Tatler"]}
title="Featured In"
description="As seen in leading lifestyle publications."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Journalist",
company: "Lifestyle Magazine",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16547.jpg",
},
{
id: "2",
name: "James",
role: "Architect",
company: "Studio Design",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-happy-young-woman-field_169016-40942.jpg",
},
{
id: "3",
name: "Chloe",
role: "Curator",
company: "Art Gallery",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg",
},
{
id: "4",
name: "David",
role: "Photographer",
company: "Visual Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-201.jpg",
},
{
id: "5",
name: "Mia",
role: "Creative",
company: "Fashion Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-smiling-brunette-model-trendy-girl-posing-street_158538-17019.jpg",
},
]}
kpiItems={[
{
value: "10k+",
label: "Happy Clients",
},
{
value: "5/5",
label: "Avg Rating",
},
{
value: "40+",
label: "Regions",
},
]}
title="Loved by You"
description="Join our community of scent enthusiasts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah", role: "Journalist", company: "Lifestyle Magazine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16547.jpg" },
{ id: "2", name: "James", role: "Architect", company: "Studio Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-happy-young-woman-field_169016-40942.jpg" },
{ id: "3", name: "Chloe", role: "Curator", company: "Art Gallery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg" },
{ id: "4", name: "David", role: "Photographer", company: "Visual Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-201.jpg" },
{ id: "5", name: "Mia", role: "Creative", company: "Fashion Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-smiling-brunette-model-trendy-girl-posing-street_158538-17019.jpg" },
]}
kpiItems={[
{ value: "10k+", label: "Happy Clients" },
{ value: "5/5", label: "Avg Rating" },
{ value: "40+", label: "Regions" },
]}
title="Loved by You"
description="Join our community of scent enthusiasts."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are your fragrances vegan?",
content: "Yes, all Leora perfumes are cruelty-free and vegan.",
},
{
id: "q2",
title: "Do you offer shipping?",
content: "We ship globally, with free shipping on orders over $150.",
},
{
id: "q3",
title: "Can I return a bottle?",
content: "Returns are accepted within 30 days if unused.",
},
]}
sideTitle="Questions?"
sideDescription="Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Are your fragrances vegan?", content: "Yes, all Leora perfumes are cruelty-free and vegan." },
{ id: "q2", title: "Do you offer shipping?", content: "We ship globally, with free shipping on orders over $150." },
{ id: "q3", title: "Can I return a bottle?", content: "Returns are accepted within 30 days if unused." },
]}
sideTitle="Questions?"
sideDescription="Find answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Get in touch for bespoke fragrance consultations."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@leora.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Get in touch for bespoke fragrance consultations."
buttons={[{ text: "Contact Us", href: "mailto:hello@leora.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "Shop",
href: "#products",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Shipping Info",
href: "#",
},
],
},
]}
logoText="LEORA"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="LEORA"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Shipping Info", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}