Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Our Craft", id: "metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura Essence"
|
||||
/>
|
||||
@@ -56,62 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Art of Scent, Refined."
|
||||
description="Experience the olfactory journey of Aura Essence. Where rarity meets elegance in every single drop of our handcrafted fragrances."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collections", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337714.jpg"
|
||||
imageAlt="Luxurious Aura Essence perfume bottle"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg",
|
||||
alt: "Customer representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adobe-photoshop-pdf_181624-58239.jpg", alt: "Customer representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
|
||||
alt: "Customer representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg", alt: "Customer representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",
|
||||
alt: "Customer representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg", alt: "Customer representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-expensive-fragnance-dark-background-color-perfume-gift-present-love-couple-marriage-feeling-scent_140725-158065.jpg",
|
||||
alt: "Customer representative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-expensive-fragnance-dark-background-color-perfume-gift-present-love-couple-marriage-feeling-scent_140725-158065.jpg", alt: "Customer representative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-powder_23-2149030353.jpg",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/make-up-concept-with-powder_23-2149030353.jpg", alt: "Customer representative"},
|
||||
]}
|
||||
avatarText="Join 10k+ scent enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cruelty Free",
|
||||
},
|
||||
type: "text", text: "Cruelty Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
type: "text", text: "Sustainable Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Blended",
|
||||
},
|
||||
type: "text", text: "Hand-Blended"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
type: "text", text: "100% Organic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Defined",
|
||||
},
|
||||
type: "text", text: "Luxury Defined"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,59 +92,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Aura Essence",
|
||||
name: "Midnight Gold",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg",
|
||||
},
|
||||
id: "1", brand: "Aura Essence", name: "Midnight Gold", price: "$150", rating: 5,
|
||||
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/make-up-concept-with-golden-plant_23-2149030352.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Aura Essence",
|
||||
name: "Silk Petal",
|
||||
price: "$135",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-cosmetic-product-presentation_23-2151947848.jpg",
|
||||
},
|
||||
id: "2", brand: "Aura Essence", name: "Silk Petal", price: "$135", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/rustic-cosmetic-product-presentation_23-2151947848.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Aura Essence",
|
||||
name: "Oud Mystique",
|
||||
price: "$195",
|
||||
rating: 5,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg",
|
||||
},
|
||||
id: "3", brand: "Aura Essence", name: "Oud Mystique", price: "$195", rating: 5,
|
||||
reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Aura Essence",
|
||||
name: "Citrus Breeze",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185378.jpg",
|
||||
},
|
||||
id: "4", brand: "Aura Essence", name: "Citrus Breeze", price: "$120", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185378.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Aura Essence",
|
||||
name: "Velvet Wood",
|
||||
price: "$165",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-perfume-plants-purple-background-top-view_185193-162133.jpg",
|
||||
},
|
||||
id: "5", brand: "Aura Essence", name: "Velvet Wood", price: "$165", rating: 5,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/bottle-with-perfume-plants-purple-background-top-view_185193-162133.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Aura Essence",
|
||||
name: "Amber Noir",
|
||||
price: "$210",
|
||||
rating: 5,
|
||||
reviewCount: "43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg",
|
||||
},
|
||||
id: "6", brand: "Aura Essence", name: "Amber Noir", price: "$210", rating: 5,
|
||||
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Our curated selection of premium fragrances designed for the discerning individual."
|
||||
@@ -190,20 +122,11 @@ export default function LandingPage() {
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Global Boutiques",
|
||||
},
|
||||
id: "m1", value: "50+", description: "Global Boutiques"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120K",
|
||||
description: "Happy Fragrance Lovers",
|
||||
},
|
||||
id: "m2", value: "120K", description: "Happy Fragrance Lovers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Years of Mastery",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Years of Mastery"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -215,55 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
date: "Oct 2023",
|
||||
title: "Incredible Scents",
|
||||
quote: "The most sophisticated perfume I've ever owned. Truly refined.",
|
||||
tag: "Signature",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-3d-design-elements_23-2148996836.jpg",
|
||||
},
|
||||
id: "1", name: "Elena Vance", date: "Oct 2023", title: "Incredible Scents", quote: "The most sophisticated perfume I've ever owned. Truly refined.", tag: "Signature", avatarSrc: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg", imageSrc: "http://img.b2bpic.net/free-photo/assortment-abstract-3d-design-elements_23-2148996836.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Julian Thorne",
|
||||
date: "Sep 2023",
|
||||
title: "Unrivaled Quality",
|
||||
quote: "I get compliments everywhere I go. Aura Essence is magic.",
|
||||
tag: "Premium",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg",
|
||||
},
|
||||
id: "2", name: "Julian Thorne", date: "Sep 2023", title: "Unrivaled Quality", quote: "I get compliments everywhere I go. Aura Essence is magic.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Miller",
|
||||
date: "Aug 2023",
|
||||
title: "Perfect Gift",
|
||||
quote: "Beautifully packaged and smells like pure luxury.",
|
||||
tag: "Gift",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Miller", date: "Aug 2023", title: "Perfect Gift", quote: "Beautifully packaged and smells like pure luxury.", tag: "Gift", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14486.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Chen",
|
||||
date: "Jul 2023",
|
||||
title: "My Daily Essential",
|
||||
quote: "Deep, complex scents that last all day. Simply top-tier.",
|
||||
tag: "Daily",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/checking-messages_1098-17965.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Chen", date: "Jul 2023", title: "My Daily Essential", quote: "Deep, complex scents that last all day. Simply top-tier.", tag: "Daily", avatarSrc: "http://img.b2bpic.net/free-photo/checking-messages_1098-17965.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-elegant-posing-suit_23-2149488025.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Rossi",
|
||||
date: "Jun 2023",
|
||||
title: "Pure Elegance",
|
||||
quote: "Sophistication in a bottle. I love Aura Essence.",
|
||||
tag: "Classic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-taking-off-protective-face-mask-smiling-camera_637285-9219.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-yellow-telephone_23-2148229299.jpg",
|
||||
},
|
||||
id: "5", name: "Sophia Rossi", date: "Jun 2023", title: "Pure Elegance", quote: "Sophistication in a bottle. I love Aura Essence.", tag: "Classic", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-taking-off-protective-face-mask-smiling-camera_637285-9219.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-yellow-telephone_23-2148229299.jpg"},
|
||||
]}
|
||||
title="Client Reflections"
|
||||
description="Discover why our patrons choose Aura Essence for their signature scent."
|
||||
@@ -277,20 +160,12 @@ export default function LandingPage() {
|
||||
description="Have questions about our fragrance collection or bespoke scent development? Reach out to us today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help",
|
||||
}}
|
||||
name: "message", placeholder: "Tell us how we can help"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-background-layout-banner-product-presentation_1258-63554.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -299,13 +174,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Aura Essence"
|
||||
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