Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 53fb89fab5 |
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Essence Aura"
|
||||
/>
|
||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Essence Aura"
|
||||
description="Discover a realm of exquisite fragrances. Each bottle holds a symphony of scents, meticulously crafted to evoke emotion and define your presence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-burnt-paper_23-2150158725.jpg"
|
||||
imageAlt="Luxury perfume bottle on a dark, elegant background"
|
||||
@@ -82,15 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of Scent, Masterfully Crafted",
|
||||
},
|
||||
type: "text", content: "The Art of Scent, Masterfully Crafted"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Philosophy", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exquisite Ingredients",
|
||||
description: "Sourced globally, our rare botanicals and precious oils form the heart of every unique blend, ensuring a truly luxurious experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girly-composition-table_23-2148229244.jpg",
|
||||
imageAlt: "Close-up of delicate floral notes and perfume ingredients",
|
||||
},
|
||||
title: "Exquisite Ingredients", description: "Sourced globally, our rare botanicals and precious oils form the heart of every unique blend, ensuring a truly luxurious experience.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girly-composition-table_23-2148229244.jpg", imageAlt: "Close-up of delicate floral notes and perfume ingredients"},
|
||||
{
|
||||
title: "Artisanal Craftsmanship",
|
||||
description: "Our master perfumers meticulously hand-blend each batch, preserving the integrity and depth of every note for a harmonious composition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beverage-black-table_140725-6481.jpg",
|
||||
imageAlt: "Craftsmanship of a glass perfume bottle",
|
||||
},
|
||||
title: "Artisanal Craftsmanship", description: "Our master perfumers meticulously hand-blend each batch, preserving the integrity and depth of every note for a harmonious composition.", imageSrc: "http://img.b2bpic.net/free-photo/alcohol-beverage-black-table_140725-6481.jpg", imageAlt: "Craftsmanship of a glass perfume bottle"},
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Committed to the planet, we employ eco-conscious practices and sustainable sourcing, offering luxury that's responsible and ethical.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480185.jpg",
|
||||
imageAlt: "Sustainable green packaging or ingredients for perfume",
|
||||
},
|
||||
title: "Sustainable Luxury", description: "Committed to the planet, we employ eco-conscious practices and sustainable sourcing, offering luxury that's responsible and ethical.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480185.jpg", imageAlt: "Sustainable green packaging or ingredients for perfume"},
|
||||
]}
|
||||
title="Signature Essence of Aura"
|
||||
description="Each Essence Aura parfum is a testament to meticulous craftsmanship and an unwavering commitment to quality. Experience a fragrance that truly resonates."
|
||||
@@ -134,64 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Essence Aura",
|
||||
name: "Golden Radiance",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg",
|
||||
imageAlt: "Golden luxury perfume bottle",
|
||||
id: "1", brand: "Essence Aura", name: "Golden Radiance", price: "$180", rating: 5,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg", imageAlt: "Golden luxury perfume bottle", onProductClick: () => console.log('Product clicked:', '1')
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Essence Aura",
|
||||
name: "Oceanic Breeze",
|
||||
price: "$165",
|
||||
rating: 4,
|
||||
reviewCount: "95 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tube-floating-water_23-2150963108.jpg",
|
||||
imageAlt: "Blue fresh perfume bottle",
|
||||
id: "2", brand: "Essence Aura", name: "Oceanic Breeze", price: "$165", rating: 4,
|
||||
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tube-floating-water_23-2150963108.jpg", imageAlt: "Blue fresh perfume bottle", onProductClick: () => console.log('Product clicked:', '2')
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Essence Aura",
|
||||
name: "Crimson Desire",
|
||||
price: "$190",
|
||||
rating: 5,
|
||||
reviewCount: "150 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17785.jpg",
|
||||
imageAlt: "Red bold perfume bottle",
|
||||
id: "3", brand: "Essence Aura", name: "Crimson Desire", price: "$190", rating: 5,
|
||||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17785.jpg", imageAlt: "Red bold perfume bottle", onProductClick: () => console.log('Product clicked:', '3')
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Essence Aura",
|
||||
name: "Verdant Echo",
|
||||
price: "$175",
|
||||
rating: 4,
|
||||
reviewCount: "88 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963083.jpg",
|
||||
imageAlt: "Green earthy perfume bottle",
|
||||
id: "4", brand: "Essence Aura", name: "Verdant Echo", price: "$175", rating: 4,
|
||||
reviewCount: "88 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963083.jpg", imageAlt: "Green earthy perfume bottle", onProductClick: () => console.log('Product clicked:', '4')
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Essence Aura",
|
||||
name: "Midnight Whisper",
|
||||
price: "$200",
|
||||
rating: 5,
|
||||
reviewCount: "110 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185378.jpg",
|
||||
imageAlt: "Purple mysterious perfume bottle",
|
||||
id: "5", brand: "Essence Aura", name: "Midnight Whisper", price: "$200", rating: 5,
|
||||
reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185378.jpg", imageAlt: "Purple mysterious perfume bottle", onProductClick: () => console.log('Product clicked:', '5')
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Essence Aura",
|
||||
name: "Blushing Serenity",
|
||||
price: "$170",
|
||||
rating: 4,
|
||||
reviewCount: "75 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bote-de-perfume_1048-1864.jpg",
|
||||
imageAlt: "Pink romantic perfume bottle",
|
||||
id: "6", brand: "Essence Aura", name: "Blushing Serenity", price: "$170", rating: 4,
|
||||
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/bote-de-perfume_1048-1864.jpg", imageAlt: "Pink romantic perfume bottle", onProductClick: () => console.log('Product clicked:', '6')
|
||||
},
|
||||
]}
|
||||
title="Our Captivating Collection"
|
||||
@@ -205,65 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Isabelle Laurent",
|
||||
date: "2023-10-26",
|
||||
title: "Simply Irresistible",
|
||||
quote: "Essence Aura's 'Golden Radiance' is an absolute masterpiece. It's sophisticated, long-lasting, and truly makes me feel exquisite every time I wear it.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-sexy-woman-with-two-horns-hairstyle-shows-tongue_158538-5924.jpg",
|
||||
avatarAlt: "Isabelle Laurent avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326587.jpg",
|
||||
imageAlt: "Woman applying Golden Radiance perfume",
|
||||
},
|
||||
id: "1", name: "Isabelle Laurent", date: "2023-10-26", title: "Simply Irresistible", quote: "Essence Aura's 'Golden Radiance' is an absolute masterpiece. It's sophisticated, long-lasting, and truly makes me feel exquisite every time I wear it.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-sexy-woman-with-two-horns-hairstyle-shows-tongue_158538-5924.jpg", avatarAlt: "Isabelle Laurent avatar", imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-setting-still-life_23-2150326587.jpg", imageAlt: "Woman applying Golden Radiance perfume"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alexander Vance",
|
||||
date: "2023-11-15",
|
||||
title: "A True Signature Scent",
|
||||
quote: "I've finally found my signature scent in 'Oceanic Breeze'. It's refreshing yet complex, perfect for any occasion. The compliments are endless!",
|
||||
tag: "Sophisticated",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17811.jpg",
|
||||
avatarAlt: "Alexander Vance avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326548.jpg",
|
||||
imageAlt: "Man applying Oceanic Breeze cologne",
|
||||
},
|
||||
id: "2", name: "Alexander Vance", date: "2023-11-15", title: "A True Signature Scent", quote: "I've finally found my signature scent in 'Oceanic Breeze'. It's refreshing yet complex, perfect for any occasion. The compliments are endless!", tag: "Sophisticated", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17811.jpg", avatarAlt: "Alexander Vance avatar", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326548.jpg", imageAlt: "Man applying Oceanic Breeze cologne"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Olivia Chen",
|
||||
date: "2023-12-01",
|
||||
title: "Art in a Bottle",
|
||||
quote: "Beyond just a fragrance, 'Crimson Desire' is an experience. The blend is incredible, and the bottle itself is a work of art. Highly recommend!",
|
||||
tag: "Captivating",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist_23-2149350669.jpg",
|
||||
avatarAlt: "Olivia Chen avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-flower-arrangement_23-2149249574.jpg",
|
||||
imageAlt: "Perfume bottle with creative floral arrangement",
|
||||
},
|
||||
id: "3", name: "Olivia Chen", date: "2023-12-01", title: "Art in a Bottle", quote: "Beyond just a fragrance, 'Crimson Desire' is an experience. The blend is incredible, and the bottle itself is a work of art. Highly recommend!", tag: "Captivating", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist_23-2149350669.jpg", avatarAlt: "Olivia Chen avatar", imageSrc: "http://img.b2bpic.net/free-photo/selfcare-products-flower-arrangement_23-2149249574.jpg", imageAlt: "Perfume bottle with creative floral arrangement"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
date: "2024-01-08",
|
||||
title: "Unforgettable Impression",
|
||||
quote: "Essence Aura delivers on its promise. 'Midnight Whisper' leaves an unforgettable impression. It's bold, mysterious, and incredibly unique. A must-have.",
|
||||
tag: "Distinctive",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
|
||||
avatarAlt: "Marcus Thorne avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420648.jpg",
|
||||
imageAlt: "Midnight Whisper perfume bottle on marble",
|
||||
},
|
||||
id: "4", name: "Marcus Thorne", date: "2024-01-08", title: "Unforgettable Impression", quote: "Essence Aura delivers on its promise. 'Midnight Whisper' leaves an unforgettable impression. It's bold, mysterious, and incredibly unique. A must-have.", tag: "Distinctive", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", avatarAlt: "Marcus Thorne avatar", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420648.jpg", imageAlt: "Midnight Whisper perfume bottle on marble"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Rodriguez",
|
||||
date: "2024-02-20",
|
||||
title: "My Everyday Luxury",
|
||||
quote: "'Blushing Serenity' is my new go-to. It's delicately feminine yet has incredible longevity. The perfect touch of everyday luxury.",
|
||||
tag: "Elegant",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5056.jpg",
|
||||
avatarAlt: "Sophia Rodriguez avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-water-bottle-outdoors_23-2151049102.jpg",
|
||||
imageAlt: "Blushing Serenity perfume bottle in soft light",
|
||||
},
|
||||
id: "5", name: "Sophia Rodriguez", date: "2024-02-20", title: "My Everyday Luxury", quote: "'Blushing Serenity' is my new go-to. It's delicately feminine yet has incredible longevity. The perfect touch of everyday luxury.", tag: "Elegant", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5056.jpg", avatarAlt: "Sophia Rodriguez avatar", imageSrc: "http://img.b2bpic.net/free-photo/transparent-water-bottle-outdoors_23-2151049102.jpg", imageAlt: "Blushing Serenity perfume bottle in soft light"},
|
||||
]}
|
||||
title="What Our Connoisseurs Say"
|
||||
description="Hear from those who have embraced the Essence Aura experience and made our fragrances a part of their signature style."
|
||||
@@ -275,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"Luxury Magazine",
|
||||
"Vanity Fair",
|
||||
"Elle",
|
||||
"The Fragrance Journal",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "GQ", "Luxury Magazine", "Vanity Fair", "Elle", "The Fragrance Journal"]}
|
||||
title="As Featured In"
|
||||
description="Essence Aura is recognized by leading voices in fashion and luxury for its unparalleled quality and unique aromatic profiles."
|
||||
/>
|
||||
@@ -295,22 +171,14 @@ export default function LandingPage() {
|
||||
description="Have a question about our fragrances, a collaboration inquiry, or simply wish to share your experience? Reach out to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg"
|
||||
@@ -324,61 +192,39 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Craftsmanship",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Craftsmanship", href: "#features"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Sustainability", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collection", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Customer Care",
|
||||
href: "#",
|
||||
},
|
||||
label: "Customer Care", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user