Merge version_1 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -28,99 +28,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Packs",
|
||||
id: "packs",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Packs", id: "packs" },
|
||||
{ name: "Refill", id: "refill" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EssenceVault"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unrivaled Fragrance, Decanted."
|
||||
description="Experience luxury, one spritz at a time. Authenticity, quality, and indulgence captured in bespoke travel decants."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Decants",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Decants", href: "#shop" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=1",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=2",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=3",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=4",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=5",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=6",
|
||||
imageAlt: "Luxury Fragrance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg", imageAlt: "Luxury Fragrance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "JPG Le Beau Le Parfum",
|
||||
price: "$599 MXN",
|
||||
variant: "Fresh, aquatic, magnetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lattafa Eclair",
|
||||
price: "$245 MXN",
|
||||
variant: "Sweet, gourmand, addictive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17695.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lattafa Fakhar",
|
||||
price: "$250 MXN",
|
||||
variant: "Bold, woody, intense",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exclusive-cognac-bottle_1385-1125.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lattafa Khamrah",
|
||||
price: "$270 MXN",
|
||||
variant: "Rich, oud-forward, deep",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",
|
||||
},
|
||||
{ id: "p1", name: "JPG Le Beau Le Parfum", price: "$599 MXN", variant: "Fresh, aquatic, magnetic", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721477.jpg" },
|
||||
{ id: "p2", name: "Lattafa Eclair", price: "$245 MXN", variant: "Sweet, gourmand, addictive", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17695.jpg" },
|
||||
{ id: "p3", name: "Lattafa Fakhar", price: "$250 MXN", variant: "Bold, woody, intense", imageSrc: "http://img.b2bpic.net/free-photo/exclusive-cognac-bottle_1385-1125.jpg" },
|
||||
{ id: "p4", name: "Lattafa Khamrah", price: "$270 MXN", variant: "Rich, oud-forward, deep", imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg" }
|
||||
]}
|
||||
title="Curated Selection"
|
||||
description="Exquisite scents, masterfully decanted."
|
||||
@@ -133,39 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Daily",
|
||||
price: "Ask for price",
|
||||
subtitle: "Fakhar + Khamrah",
|
||||
features: [
|
||||
"Everyday powerhouse",
|
||||
"Long lasting",
|
||||
"Versatile",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Sweet",
|
||||
price: "Ask for price",
|
||||
subtitle: "Eclair + Khamrah",
|
||||
features: [
|
||||
"Sweet depth",
|
||||
"Night out ready",
|
||||
"Rich",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Luxury",
|
||||
price: "Ask for price",
|
||||
subtitle: "Le Beau + Lattafa",
|
||||
features: [
|
||||
"Premium choice",
|
||||
"Elevated",
|
||||
"Exclusive",
|
||||
],
|
||||
},
|
||||
{ id: "1", badge: "Daily", price: "Ask for price", subtitle: "Fakhar + Khamrah", features: ["Everyday powerhouse", "Long lasting", "Versatile"] },
|
||||
{ id: "2", badge: "Sweet", price: "Ask for price", subtitle: "Eclair + Khamrah", features: ["Sweet depth", "Night out ready", "Rich"] },
|
||||
{ id: "3", badge: "Luxury", price: "Ask for price", subtitle: "Le Beau + Lattafa", features: ["Premium choice", "Elevated", "Exclusive"] }
|
||||
]}
|
||||
title="Curated Packs"
|
||||
description="Experience our signature pairings."
|
||||
@@ -174,39 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="refill" data-section="refill">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Buy Decant",
|
||||
author: "Concept",
|
||||
description: "Choose your luxury scent.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rdcytv&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Use Daily",
|
||||
author: "Concept",
|
||||
description: "Enjoy the fragrance.",
|
||||
tags: [
|
||||
"Daily",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Refill & Save",
|
||||
author: "Concept",
|
||||
description: "Cost-effective luxury.",
|
||||
tags: [
|
||||
"Eco",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rdcytv&_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Buy Decant", author: "Concept", description: "Choose your luxury scent.", tags: ["Sustainable"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rdcytv" },
|
||||
{ id: "f2", title: "Use Daily", author: "Concept", description: "Enjoy the fragrance.", tags: ["Daily"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg" },
|
||||
{ id: "f3", title: "Refill & Save", author: "Concept", description: "Cost-effective luxury.", tags: ["Eco"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rdcytv" }
|
||||
]}
|
||||
title="Sustainable Luxury"
|
||||
description="Experience the concept of circular beauty. Refill, reuse, and save."
|
||||
@@ -218,59 +108,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about our fragrance collection or custom decanting? Reach out to us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=7"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg"
|
||||
imageAlt="Luxury contact background"
|
||||
buttonText="Send Message"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg?_wi=8"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg"
|
||||
logoText="EssenceVault"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "Packs",
|
||||
href: "#packs",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Shop", href: "#shop" }, { label: "Packs", href: "#packs" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }
|
||||
]}
|
||||
copyrightText="Decants crafted with care."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user