Merge version_1 into main #1
343
src/app/page.tsx
343
src/app/page.tsx
@@ -25,258 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "perfumes",
|
||||
},
|
||||
{
|
||||
name: "Curated Packs",
|
||||
id: "packs",
|
||||
},
|
||||
{
|
||||
name: "Refillable",
|
||||
id: "refillable",
|
||||
},
|
||||
]}
|
||||
brandName="ELITE DECANT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "perfumes" },
|
||||
{ name: "Curated Packs", id: "packs" },
|
||||
{ name: "Refillable", id: "refillable" },
|
||||
]}
|
||||
brandName="ELITE DECANT"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="ELITE DECANT"
|
||||
description="Discover the art of scent. Curated luxury decants, delivered with precision and elegance for the discerning nose."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Decants",
|
||||
href: "#perfumes",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/background-golden-particle-dust-powder_1017-32800.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
|
||||
alt: "Le Beau",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg",
|
||||
alt: "Eclair",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg",
|
||||
alt: "Fakhar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg",
|
||||
alt: "Khamrah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
|
||||
alt: "Premium",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fragrance enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Scents",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Packaging",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Decants",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Selection",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="ELITE DECANT"
|
||||
description="Discover the art of scent. Curated luxury decants, delivered with precision and elegance for the discerning nose."
|
||||
buttons={[{ text: "Shop Decants", href: "#perfumes" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/background-golden-particle-dust-powder_1017-32800.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", alt: "Le Beau" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg", alt: "Eclair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg", alt: "Fakhar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg", alt: "Khamrah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", alt: "Premium" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fragrance enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Authentic Scents" },
|
||||
{ type: "text", text: "Premium Packaging" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Sustainable Decants" },
|
||||
{ type: "text", text: "Curated Selection" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="perfumes" data-section="perfumes">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Fresh & Aquatic",
|
||||
title: "JPG Le Beau Le Parfum",
|
||||
subtitle: "Magnetic freshness",
|
||||
description: "Longevity: 70% | Projection: 65%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Gourmand & Addictive",
|
||||
title: "Lattafa Eclair",
|
||||
subtitle: "Sweet allure",
|
||||
description: "Longevity: 80% | Projection: 75%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Woody & Intense",
|
||||
title: "Lattafa Fakhar",
|
||||
subtitle: "Bold projection",
|
||||
description: "Longevity: 90% | Projection: 85%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Oud & Deep",
|
||||
title: "Lattafa Khamrah",
|
||||
subtitle: "Rich depth",
|
||||
description: "Longevity: 95% | Projection: 90%",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg",
|
||||
},
|
||||
]}
|
||||
title="Fragrance Collection"
|
||||
description="Select fragrances with unmatched projection and longevity, available for decanting."
|
||||
/>
|
||||
</div>
|
||||
<div id="perfumes" data-section="perfumes">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Fresh & Aquatic", title: "JPG Le Beau Le Parfum", subtitle: "Magnetic freshness", description: "Longevity: 70% | Projection: 65%", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg" },
|
||||
{ tag: "Gourmand & Addictive", title: "Lattafa Eclair", subtitle: "Sweet allure", description: "Longevity: 80% | Projection: 75%", imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg" },
|
||||
{ tag: "Woody & Intense", title: "Lattafa Fakhar", subtitle: "Bold projection", description: "Longevity: 90% | Projection: 85%", imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg" },
|
||||
{ tag: "Oud & Deep", title: "Lattafa Khamrah", subtitle: "Rich depth", description: "Longevity: 95% | Projection: 90%", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg" },
|
||||
]}
|
||||
title="Fragrance Collection"
|
||||
description="Select fragrances with unmatched projection and longevity, available for decanting."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packs" data-section="packs">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
tag: "Everyday",
|
||||
price: "From $400 MXN",
|
||||
period: "once",
|
||||
description: "Fakhar + Khamrah | Your daily powerhouse",
|
||||
button: {
|
||||
text: "Order Pack",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Fakhar Decant",
|
||||
"Khamrah Decant",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sweet",
|
||||
tag: "Gourmand",
|
||||
price: "From $450 MXN",
|
||||
period: "once",
|
||||
description: "Eclair + Khamrah | Sweet, deep depth",
|
||||
button: {
|
||||
text: "Order Pack",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Eclair Decant",
|
||||
"Khamrah Decant",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
tag: "Premium",
|
||||
price: "Ask for price",
|
||||
period: "custom",
|
||||
description: "Le Beau + Lattafa | Elevated experience",
|
||||
button: {
|
||||
text: "Inquire",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Le Beau Decant",
|
||||
"Premium Selection",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Curated Packs"
|
||||
description="Expertly matched pairings to elevate your fragrance wardrobe."
|
||||
/>
|
||||
</div>
|
||||
<div id="packs" data-section="packs">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "daily", tag: "Everyday", price: "From $400 MXN", period: "once", description: "Fakhar + Khamrah | Your daily powerhouse", button: { text: "Order Pack" }, featuresTitle: "Includes", features: ["Fakhar Decant", "Khamrah Decant"] },
|
||||
{ id: "sweet", tag: "Gourmand", price: "From $450 MXN", period: "once", description: "Eclair + Khamrah | Sweet, deep depth", button: { text: "Order Pack" }, featuresTitle: "Includes", features: ["Eclair Decant", "Khamrah Decant"] },
|
||||
{ id: "luxury", tag: "Premium", price: "Ask for price", period: "custom", description: "Le Beau + Lattafa | Elevated experience", button: { text: "Inquire" }, featuresTitle: "Includes", features: ["Le Beau Decant", "Premium Selection"] },
|
||||
]}
|
||||
title="Curated Packs"
|
||||
description="Expertly matched pairings to elevate your fragrance wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="refillable" data-section="refillable">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Refillable Concept"
|
||||
description="Reduce waste, save money, and maintain your fragrance collection effortlessly with our sustainable refill program."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Sustainable",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
title: "Savings",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="refillable" data-section="refillable">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Refillable Concept"
|
||||
description="Reduce waste, save money, and maintain your fragrance collection effortlessly with our sustainable refill program."
|
||||
metrics={[{ value: "100%", title: "Sustainable" }, { value: "40%", title: "Savings" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join the Circle"
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive offers and new fragrance releases."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join the Circle"
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive offers and new fragrance releases."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ELITE DECANT"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:support@elitedecant.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="Decants crafted with care."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ELITE DECANT"
|
||||
columns={[
|
||||
{ title: "About", items: [{ label: "Sustainability", href: "#" }, { label: "Shipping", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:support@elitedecant.com" }, { label: "Instagram", href: "https://instagram.com" }] },
|
||||
]}
|
||||
copyrightText="Decants crafted with care."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user