Update src/app/page.tsx
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -33,85 +33,54 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Essence Agency"
|
||||
brandName="Fynoria Perfume"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Unveiling the Essence of Luxury"
|
||||
description="Curated fragrance experiences tailored for the discerning individual. Discover your signature scent with our bespoke collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238299.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle-silver-necklace-white-surface_23-2151992044.jpg",
|
||||
alt: "Expert perfumer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle-silver-necklace-white-surface_23-2151992044.jpg", alt: "Expert perfumer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163103.jpg",
|
||||
alt: "Expert perfumer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163103.jpg", alt: "Expert perfumer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bottles-essential-oil-plain-background_23-2148241796.jpg",
|
||||
alt: "Expert perfumer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bottles-essential-oil-plain-background_23-2148241796.jpg", alt: "Expert perfumer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle-pink-product-backdrop_53876-147765.jpg",
|
||||
alt: "Expert perfumer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/perfume-bottle-pink-product-backdrop_53876-147765.jpg", alt: "Expert perfumer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg",
|
||||
alt: "Expert perfumer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg", alt: "Expert perfumer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ perfume connoisseurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal",
|
||||
},
|
||||
type: "text", text: "Artisanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite",
|
||||
},
|
||||
type: "text", text: "Exquisite"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke",
|
||||
},
|
||||
type: "text", text: "Bespoke"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
type: "text", text: "Timeless"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sensory",
|
||||
},
|
||||
type: "text", text: "Sensory"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,19 +92,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Expertise",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years of Expertise", value: "15+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Curated Scents",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Curated Scents", value: "500+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -149,19 +112,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Authenticity Guaranteed",
|
||||
description: "Every bottle is certified authentic.",
|
||||
},
|
||||
title: "Authenticity Guaranteed", description: "Every bottle is certified authentic."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically sourced ingredients.",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Ethically sourced ingredients."},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Lasting Impression",
|
||||
description: "Long-wear formulations for all day.",
|
||||
},
|
||||
title: "Lasting Impression", description: "Long-wear formulations for all day."},
|
||||
]}
|
||||
title="Why Choose Our Scents"
|
||||
description="Quality, sustainability, and unparalleled depth in every drop."
|
||||
@@ -176,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Oud",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420705.jpg",
|
||||
},
|
||||
id: "1", name: "Midnight Oud", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420705.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Azure Horizon",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg",
|
||||
},
|
||||
id: "2", name: "Azure Horizon", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spring Essence",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890529.jpg",
|
||||
},
|
||||
id: "3", name: "Spring Essence", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-nature_23-2151890529.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Amber",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg",
|
||||
},
|
||||
id: "4", name: "Classic Amber", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sandalwood Noir",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg",
|
||||
},
|
||||
id: "5", name: "Sandalwood Noir", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Citrus Breeze",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-serum-based-soil-ingredients_23-2150756823.jpg",
|
||||
},
|
||||
id: "6", name: "Citrus Breeze", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/bottle-serum-based-soil-ingredients_23-2150756823.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Experience our latest arrivals and timeless classics."
|
||||
@@ -224,40 +157,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
role: "Collector",
|
||||
testimonial: "The selection is unmatched and truly refined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-brunette-female-black-dress-looking-camera_273609-9531.jpg",
|
||||
},
|
||||
id: "1", name: "Elena R.", role: "Collector", testimonial: "The selection is unmatched and truly refined.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-brunette-female-black-dress-looking-camera_273609-9531.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus T.",
|
||||
role: "Business Executive",
|
||||
testimonial: "My signature scent for every meeting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12748.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus T.", role: "Business Executive", testimonial: "My signature scent for every meeting.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12748.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia L.",
|
||||
role: "Blogger",
|
||||
testimonial: "Exquisite packaging and even better scents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-serum_23-2150171951.jpg",
|
||||
},
|
||||
id: "3", name: "Sofia L.", role: "Blogger", testimonial: "Exquisite packaging and even better scents.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-korean-woman-posing-with-serum_23-2150171951.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David J.",
|
||||
role: "Artist",
|
||||
testimonial: "Unique profiles I haven't found elsewhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12331.jpg",
|
||||
},
|
||||
id: "4", name: "David J.", role: "Artist", testimonial: "Unique profiles I haven't found elsewhere.", imageSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12331.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
role: "Designer",
|
||||
testimonial: "Truly a premium experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blissful-chinese-young-woman-smiling-camera-studio-shot-curly-japanese-woman-hat-leather-jacket_197531-14536.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe M.", role: "Designer", testimonial: "Truly a premium experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/blissful-chinese-young-woman-smiling-camera-studio-shot-curly-japanese-woman-hat-leather-jacket_197531-14536.jpg"},
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="Hear what our discerning clientele has to say about their signature fragrance journeys."
|
||||
@@ -271,33 +179,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "International Hubs",
|
||||
items: [
|
||||
"London",
|
||||
"Paris",
|
||||
"Dubai",
|
||||
],
|
||||
id: "m1", value: "15+", title: "International Hubs", items: [
|
||||
"London", "Paris", "Dubai"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Sourcing Origins",
|
||||
items: [
|
||||
"Italy",
|
||||
"Morocco",
|
||||
"India",
|
||||
],
|
||||
id: "m2", value: "50+", title: "Sourcing Origins", items: [
|
||||
"Italy", "Morocco", "India"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Customer Retention",
|
||||
items: [
|
||||
"Top-tier satisfaction",
|
||||
"Loyalty program",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Customer Retention", items: [
|
||||
"Top-tier satisfaction", "Loyalty program"],
|
||||
},
|
||||
]}
|
||||
title="Global Presence"
|
||||
@@ -310,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you source?",
|
||||
content: "We work directly with artisanal partners.",
|
||||
},
|
||||
id: "f1", title: "How do you source?", content: "We work directly with artisanal partners."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these authentic?",
|
||||
content: "100% authenticity is our core promise.",
|
||||
},
|
||||
id: "f2", title: "Are these authentic?", content: "100% authenticity is our core promise."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Shipping options?",
|
||||
content: "Global express shipping included.",
|
||||
},
|
||||
id: "f3", title: "Shipping options?", content: "Global express shipping included."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -334,8 +216,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquire"
|
||||
title="Book a Consultation"
|
||||
description="Speak with our fragrance experts."
|
||||
@@ -346,18 +227,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Essence Agency"
|
||||
logoText="Fynoria Perfume"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user