Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -31,38 +31,28 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
name: "Philosophy", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Zavana"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Zavana: Essence of Timeless Luxury"
|
||||
description="Discover a fragrance experience designed to evoke your innermost elegance. Zavana blends tradition with modern sophistication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-selfcare-products-arrangement_23-2149353134.jpg"
|
||||
imageAlt="Zavana signature perfume bottle"
|
||||
@@ -78,23 +68,15 @@ export default function LandingPage() {
|
||||
description="Zavana is built on the belief that scent is the most powerful accessory. We curate rare essences from around the world to ensure every drop resonates with your unique aura."
|
||||
metrics={[
|
||||
{
|
||||
value: "12",
|
||||
title: "Rare Essences",
|
||||
},
|
||||
value: "12", title: "Rare Essences"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Natural Origin",
|
||||
},
|
||||
value: "100%", title: "Natural Origin"},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Lasting Aroma",
|
||||
},
|
||||
value: "24h", title: "Lasting Aroma"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Global Markets",
|
||||
},
|
||||
value: "50+", title: "Global Markets"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449096.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449096.jpg"
|
||||
imageAlt="Artisanal perfume essence preparation"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -108,23 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rare Ingredients",
|
||||
description: "Sourced from exclusive heritage farms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337712.jpg",
|
||||
imageAlt: "Botanical ingredients",
|
||||
},
|
||||
title: "Rare Ingredients", description: "Sourced from exclusive heritage farms.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337712.jpg", imageAlt: "Botanical ingredients"},
|
||||
{
|
||||
title: "Masterful Curation",
|
||||
description: "Blended by world-renowned experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg",
|
||||
imageAlt: "Perfume workshop",
|
||||
},
|
||||
title: "Masterful Curation", description: "Blended by world-renowned experts.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg", imageAlt: "Perfume workshop"},
|
||||
{
|
||||
title: "Lasting Impression",
|
||||
description: "Scent profiles designed to endure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449096.jpg?_wi=2",
|
||||
imageAlt: "Long-lasting perfume",
|
||||
},
|
||||
title: "Lasting Impression", description: "Scent profiles designed to endure.", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-lotion_23-2149449096.jpg", imageAlt: "Long-lasting perfume"},
|
||||
]}
|
||||
title="The Zavana Craft"
|
||||
description="Experience perfume redefined through patience and artistic precision."
|
||||
@@ -140,53 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Bloom",
|
||||
price: "$125",
|
||||
variant: "Floral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-advertising-with-product_23-2149511279.jpg",
|
||||
imageAlt: "Midnight Bloom perfume",
|
||||
},
|
||||
id: "p1", name: "Midnight Bloom", price: "$125", variant: "Floral", imageSrc: "http://img.b2bpic.net/free-photo/glowing-foundation-advertising-with-product_23-2149511279.jpg", imageAlt: "Midnight Bloom perfume"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Amber Sands",
|
||||
price: "$145",
|
||||
variant: "Oud",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg",
|
||||
imageAlt: "Amber Sands perfume",
|
||||
},
|
||||
id: "p2", name: "Amber Sands", price: "$145", variant: "Oud", imageSrc: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg", imageAlt: "Amber Sands perfume"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Azure Drift",
|
||||
price: "$110",
|
||||
variant: "Citrus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-spray-bottle-aromatic-beauty-product_53876-134405.jpg",
|
||||
imageAlt: "Azure Drift perfume",
|
||||
},
|
||||
id: "p3", name: "Azure Drift", price: "$110", variant: "Citrus", imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-spray-bottle-aromatic-beauty-product_53876-134405.jpg", imageAlt: "Azure Drift perfume"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Noir",
|
||||
price: "$160",
|
||||
variant: "Woody",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420731.jpg",
|
||||
imageAlt: "Velvet Noir perfume",
|
||||
},
|
||||
id: "p4", name: "Velvet Noir", price: "$160", variant: "Woody", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420731.jpg", imageAlt: "Velvet Noir perfume"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Golden Hour",
|
||||
price: "$135",
|
||||
variant: "Floral",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg",
|
||||
imageAlt: "Golden Hour perfume",
|
||||
},
|
||||
id: "p5", name: "Golden Hour", price: "$135", variant: "Floral", imageSrc: "http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg", imageAlt: "Golden Hour perfume"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silver Mist",
|
||||
price: "$120",
|
||||
variant: "Musk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-minimalist-vase-curtain_23-2149681146.jpg",
|
||||
imageAlt: "Silver Mist perfume",
|
||||
},
|
||||
id: "p6", name: "Silver Mist", price: "$120", variant: "Musk", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-minimalist-vase-curtain_23-2149681146.jpg", imageAlt: "Silver Mist perfume"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Find your new signature scent."
|
||||
@@ -201,25 +135,15 @@ export default function LandingPage() {
|
||||
author="Isabella H."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406007.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406007.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-plus-sized-man-taking-care-plants_23-2150172416.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-plus-sized-man-taking-care-plants_23-2150172416.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -230,16 +154,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Experience Zavana"
|
||||
description="Have questions about our collection or private consultations? Reach out to our concierge team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:concierge@zavana.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:concierge@zavana.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,42 +170,27 @@ export default function LandingPage() {
|
||||
logoText="Zavana"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
title: "Collection", items: [
|
||||
{
|
||||
label: "All Scents",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Scents", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Philosophy", href: "#about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user