Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -25,229 +25,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Packs",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="DecantLuxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "features" },
|
||||
{ name: "Packs", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DecantLuxury"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="DecantLuxury"
|
||||
description="Experience luxury perfumery, one refillable decant at a time. Elevate your fragrance rotation with our curated collection of premium scents."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg?_wi=1"
|
||||
imageAlt="Luxury perfume bottle display"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="DecantLuxury"
|
||||
description="Experience luxury perfumery, one refillable decant at a time. Elevate your fragrance rotation with our curated collection of premium scents."
|
||||
buttons={[{ text: "Explore Collection", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg"
|
||||
imageAlt="Luxury perfume bottle display"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "JPG Le Beau Le Parfum",
|
||||
tags: [
|
||||
"Longevity: 85%",
|
||||
"Projection: 90%",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-small-white-picture-frame_140725-145541.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Lattafa Eclair",
|
||||
tags: [
|
||||
"Longevity: 90%",
|
||||
"Projection: 85%",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Lattafa Fakhar",
|
||||
tags: [
|
||||
"Longevity: 80%",
|
||||
"Projection: 75%",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sauvage Elixir",
|
||||
tags: [
|
||||
"Longevity: 98%",
|
||||
"Projection: 95%",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Fragrance Collection"
|
||||
description="Discover our signature collection of refillable decants, chosen for their distinct character, projection, and long-lasting quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "JPG Le Beau Le Parfum", tags: ["Longevity: 85%", "Projection: 90%"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-small-white-picture-frame_140725-145541.jpg" },
|
||||
{ id: "2", title: "Lattafa Eclair", tags: ["Longevity: 90%", "Projection: 85%"], imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg" },
|
||||
{ id: "3", title: "Lattafa Fakhar", tags: ["Longevity: 80%", "Projection: 75%"], imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg" },
|
||||
{ id: "4", title: "Sauvage Elixir", tags: ["Longevity: 98%", "Projection: 95%"], imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg" },
|
||||
]}
|
||||
title="Fragrance Collection"
|
||||
description="Discover our signature collection of refillable decants, chosen for their distinct character, projection, and long-lasting quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
badge: "Daily Pack",
|
||||
price: "Best Value",
|
||||
subtitle: "Fakhar + Khamrah",
|
||||
features: [
|
||||
"Refillable",
|
||||
"High Projection",
|
||||
"Daily Wear",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "sweet",
|
||||
badge: "Sweet Pack",
|
||||
price: "Popular",
|
||||
subtitle: "Eclaire + Khamrah",
|
||||
features: [
|
||||
"Gourmand Profile",
|
||||
"Long Lasting",
|
||||
"Perfect Night",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
badge: "Luxury Pack",
|
||||
price: "Premium",
|
||||
subtitle: "Le Beau + Any Lattafa",
|
||||
features: [
|
||||
"Exotic Blend",
|
||||
"Maximum Longevity",
|
||||
"Signature Scent",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Signature Packs"
|
||||
description="Curated fragrance bundles for your daily rotation. Refillable luxury delivered at value."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "daily", badge: "Daily Pack", price: "Best Value", subtitle: "Fakhar + Khamrah", features: ["Refillable", "High Projection", "Daily Wear"] },
|
||||
{ id: "sweet", badge: "Sweet Pack", price: "Popular", subtitle: "Eclaire + Khamrah", features: ["Gourmand Profile", "Long Lasting", "Perfect Night"] },
|
||||
{ id: "luxury", badge: "Luxury Pack", price: "Premium", subtitle: "Le Beau + Any Lattafa", features: ["Exotic Blend", "Maximum Longevity", "Signature Scent"] },
|
||||
]}
|
||||
title="Signature Packs"
|
||||
description="Curated fragrance bundles for your daily rotation. Refillable luxury delivered at value."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="What Fragrance Lovers Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-small-white-picture-frame_140725-145541.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="What Fragrance Lovers Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-small-white-picture-frame_140725-145541.jpg" },
|
||||
{ id: "2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg" },
|
||||
{ id: "3", name: "Marcus D.", imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg" },
|
||||
{ id: "4", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg" },
|
||||
{ id: "5", name: "Jordan S.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Order Your Decants"
|
||||
description="Ready to scent up? Fill out the form below to place your order or ask about our current stock of refillable decants."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "order",
|
||||
placeholder: "Which fragrance or pack would you like to order?",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Order Your Decants"
|
||||
description="Ready to scent up? Fill out the form below to place your order or ask about our current stock of refillable decants."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "order", placeholder: "Which fragrance or pack would you like to order?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Bundles",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="DecantLuxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "#features" }, { label: "Bundles", href: "#pricing" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="DecantLuxury"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user