Update src/app/page.tsx
This commit is contained in:
186
src/app/page.tsx
186
src/app/page.tsx
@@ -30,60 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Women",
|
||||
id: "#women",
|
||||
},
|
||||
{
|
||||
name: "Men",
|
||||
id: "#men",
|
||||
},
|
||||
{
|
||||
name: "Unisex",
|
||||
id: "#unisex",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#collections",
|
||||
},
|
||||
{
|
||||
name: "On-Sale",
|
||||
id: "#sale",
|
||||
},
|
||||
{ name: "Women", id: "/" },
|
||||
{ name: "Men", id: "/" },
|
||||
{ name: "Unisex", id: "/" },
|
||||
{ name: "Collections", id: "/" },
|
||||
{ name: "On-Sale", id: "/" },
|
||||
]}
|
||||
brandName="Aura Scents"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Unveil Your Signature Aura"
|
||||
description="Discover a curated collection of artisanal fragrances. From daily signature scents to exclusive, limited-edition masterpieces."
|
||||
tag="New Arrivals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420699.jpg",
|
||||
imageAlt: "minimalist perfume bottle photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420699.jpg", imageAlt: "minimalist perfume bottle photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163108.jpg",
|
||||
imageAlt: "designer perfume bottle close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232245.jpg",
|
||||
imageAlt: "Skin regeneration product still life",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1048-1835.jpg",
|
||||
imageAlt: "Perfume bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163166.jpg",
|
||||
imageAlt: "Still life of cosmetic products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163108.jpg", imageAlt: "designer perfume bottle close-up"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,9 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Scent"
|
||||
description={[
|
||||
"Our fragrances are handcrafted with ethically sourced ingredients, ensuring every bottle delivers a unique story.",
|
||||
"We believe perfume is an extension of the self—a invisible signature that lingers long after you leave the room.",
|
||||
]}
|
||||
"Our fragrances are handcrafted with ethically sourced ingredients, ensuring every bottle delivers a unique story.", "We believe perfume is an extension of the self—a invisible signature that lingers long after you leave the room."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,47 +77,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Amber Noir",
|
||||
price: "$120.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg",
|
||||
},
|
||||
id: "p1", name: "Amber Noir", price: "$120.00", variant: "Full Bottle", imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016650.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bergamot Bliss",
|
||||
price: "$95.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg",
|
||||
},
|
||||
id: "p2", name: "Bergamot Bliss", price: "$95.00", variant: "Full Bottle", imageSrc: "http://img.b2bpic.net/free-photo/dark-nail-polish_23-2147710588.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cedar Wood",
|
||||
price: "$110.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg",
|
||||
},
|
||||
id: "p3", name: "Cedar Wood", price: "$110.00", variant: "Full Bottle", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-woman-studying-library_23-2148172380.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Deep Midnight",
|
||||
price: "$135.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-bottle-parfum-table_140725-7027.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Floral Essence",
|
||||
price: "$85.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Golden Musk",
|
||||
price: "$125.00",
|
||||
variant: "Full Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-whiskey-bottle-alcohol-drinks-packaging_53876-110846.jpg",
|
||||
},
|
||||
id: "p4", name: "Deep Midnight", price: "$135.00", variant: "Full Bottle", imageSrc: "http://img.b2bpic.net/free-photo/green-bottle-parfum-table_140725-7027.jpg"},
|
||||
]}
|
||||
title="Fragrance Gallery"
|
||||
description="Explore our alphabetical catalog. Customize your experience with full bottles or sample sizes: 2ml, 5ml, 10ml, 15ml, 30ml."
|
||||
@@ -164,26 +97,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Unique Scents",
|
||||
description: "Curated fragrance profiles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-perfume-plants-purple-background-top-view_185193-162133.jpg",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Unique Scents", description: "Curated fragrance profiles", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-perfume-plants-purple-background-top-view_185193-162133.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Worldwide delivery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-spray-bottle-with-silver-pump-dispenser_9975-134428.jpg",
|
||||
},
|
||||
id: "m2", value: "10k+", title: "Happy Customers", description: "Worldwide delivery", imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-spray-bottle-with-silver-pump-dispenser_9975-134428.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Positive Reviews",
|
||||
description: "Crafted with passion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623430.jpg",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Positive Reviews", description: "Crafted with passion", imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623430.jpg"},
|
||||
]}
|
||||
title="Our Passion in Numbers"
|
||||
description="Excellence in fragrance craftsmanship."
|
||||
@@ -196,45 +114,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Perfect Scent",
|
||||
quote: "The Amber Noir is exquisite. My signature scent forever.",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
id: "1", title: "Perfect Scent", quote: "The Amber Noir is exquisite. My signature scent forever.", name: "Sarah J.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommend",
|
||||
quote: "Fantastic service and even better fragrances. Highly impressed.",
|
||||
name: "Michael R.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Elegant Bottles",
|
||||
quote: "The packaging is as luxurious as the perfume itself.",
|
||||
name: "Emma L.",
|
||||
role: "Gift Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Fast Shipping",
|
||||
quote: "Received my order in just two days. Excellent quality.",
|
||||
name: "David W.",
|
||||
role: "Repeat Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "A True Find",
|
||||
quote: "Found my favorite scent after testing the decants. Amazing collection.",
|
||||
name: "Jessica B.",
|
||||
role: "Loyalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-young-white-elegant-businesswoman_1187-6357.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Recommend", quote: "Fantastic service and even better fragrances. Highly impressed.", name: "Michael R.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg"},
|
||||
]}
|
||||
title="Voices of Aura"
|
||||
description="What our clients say about their signature scents."
|
||||
@@ -247,20 +129,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I test before buying?",
|
||||
content: "Yes, we offer decant sizes: 2ml, 5ml, 10ml, 15ml, and 30ml for sampling.",
|
||||
},
|
||||
id: "q1", title: "Can I test before buying?", content: "Yes, we offer decant sizes: 2ml, 5ml, 10ml, 15ml, and 30ml for sampling."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are these cruelty-free?",
|
||||
content: "All our fragrances are 100% cruelty-free and ethically sourced.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We offer international shipping to over 50 countries.",
|
||||
},
|
||||
id: "q2", title: "Are these cruelty-free?", content: "All our fragrances are 100% cruelty-free and ethically sourced."},
|
||||
]}
|
||||
title="Fragrance Questions"
|
||||
description="Common inquiries about our products and sizing."
|
||||
@@ -272,16 +143,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Guidance?"
|
||||
description="Unsure which scent is right for you? Our fragrance specialists are here to guide your discovery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message Specialist",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Message Specialist", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,13 +158,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Scents"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user