Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Passion Beauty"
|
||||
/>
|
||||
@@ -55,33 +43,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Unveil Your Essence"
|
||||
description="Discover a collection of timeless fragrances crafted with passion and elegance. Experience the art of scent with Passion Beauty."
|
||||
tag="Luxury Fragrance"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-rendering-mock-up-podium-product-presentation-abstract-minimal-concept-showcase-geometric_1258-111046.jpg?_wi=1",
|
||||
imageAlt: "luxury perfume bottle minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-rendering-mock-up-podium-product-presentation-abstract-minimal-concept-showcase-geometric_1258-111046.jpg", imageAlt: "luxury perfume bottle minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427894.jpg?_wi=1",
|
||||
imageAlt: "fragrance mist spray gold",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-natural-charcoal_23-2149654224.jpg",
|
||||
imageAlt: "View of natural charcoal",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-charcoal-different-forms_23-2149654135.jpg",
|
||||
imageAlt: "View of charcoal in different forms",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167969.jpg",
|
||||
imageAlt: "Beach skincare product still life",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427894.jpg", imageAlt: "fragrance mist spray gold"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -94,9 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Philosophy"
|
||||
description={[
|
||||
"Passion Beauty is built on the belief that scent is an extension of the self. Every bottle we craft holds a story, a memory, and a touch of refinement.",
|
||||
"We source only the finest botanicals to ensure that every fragrance is not just a smell, but an experience.",
|
||||
]}
|
||||
"Passion Beauty is built on the belief that scent is an extension of the self. Every bottle we craft holds a story, a memory, and a touch of refinement.", "We source only the finest botanicals to ensure that every fragrance is not just a smell, but an experience."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,55 +75,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Hand-mixed by master perfumers.",
|
||||
icon: Sparkles,
|
||||
title: "Artisan Craft", description: "Hand-mixed by master perfumers.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-blue_140725-145023.jpg",
|
||||
imageAlt: "glass perfume bottle reflection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-blue_140725-145023.jpg", imageAlt: "glass perfume bottle reflection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-shirt-taking-care-plants_23-2148435678.jpg",
|
||||
imageAlt: "artisan essential oil production",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-shirt-taking-care-plants_23-2148435678.jpg", imageAlt: "artisan essential oil production"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-rendering-mock-up-podium-product-presentation-abstract-minimal-concept-showcase-geometric_1258-111046.jpg?_wi=2",
|
||||
imageAlt: "glass perfume bottle reflection",
|
||||
},
|
||||
{
|
||||
title: "Pure Botanicals",
|
||||
description: "Sourced from the best gardens.",
|
||||
icon: Leaf,
|
||||
title: "Pure Botanicals", description: "Sourced from the best gardens.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vases-candles-blurred-background-home-interior_169016-39265.jpg",
|
||||
imageAlt: "ethereal scent diffusion mood",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vases-candles-blurred-background-home-interior_169016-39265.jpg", imageAlt: "ethereal scent diffusion mood"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-treatment-ingredients-flat-lay_23-2148894311.jpg",
|
||||
imageAlt: "botanical ingredients perfume",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-treatment-ingredients-flat-lay_23-2148894311.jpg", imageAlt: "botanical ingredients perfume"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427894.jpg?_wi=2",
|
||||
imageAlt: "glass perfume bottle reflection",
|
||||
},
|
||||
{
|
||||
title: "Timeless Elegance",
|
||||
description: "Bottled for every special moment.",
|
||||
icon: Clock,
|
||||
title: "Timeless Elegance", description: "Bottled for every special moment.", icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480194.jpg",
|
||||
imageAlt: "luxury perfume bottle minimal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480194.jpg", imageAlt: "luxury perfume bottle minimal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382857.jpg",
|
||||
imageAlt: "fragrance mist spray gold",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382857.jpg", imageAlt: "fragrance mist spray gold"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-bottles-arrangement_23-2149234382.jpg?_wi=1",
|
||||
imageAlt: "glass perfume bottle reflection",
|
||||
},
|
||||
]}
|
||||
title="The Art of Scent"
|
||||
@@ -171,53 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Rose",
|
||||
price: "$120",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-bottles-arrangement_23-2149234382.jpg?_wi=2",
|
||||
imageAlt: "luxury floral perfume gold",
|
||||
},
|
||||
id: "1", name: "Midnight Rose", price: "$120", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-bottles-arrangement_23-2149234382.jpg", imageAlt: "luxury floral perfume gold"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Golden Bloom",
|
||||
price: "$150",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162939.jpg",
|
||||
imageAlt: "minimalist wood cap fragrance",
|
||||
},
|
||||
id: "2", name: "Golden Bloom", price: "$150", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162939.jpg", imageAlt: "minimalist wood cap fragrance"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ocean Mist",
|
||||
price: "$95",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-49450.jpg",
|
||||
imageAlt: "perfume sample set luxury",
|
||||
},
|
||||
id: "3", name: "Ocean Mist", price: "$95", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-49450.jpg", imageAlt: "perfume sample set luxury"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Citrus Grove",
|
||||
price: "$110",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420652.jpg",
|
||||
imageAlt: "aromatic fragrance spray golden",
|
||||
},
|
||||
id: "4", name: "Citrus Grove", price: "$110", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420652.jpg", imageAlt: "aromatic fragrance spray golden"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Velvet Musk",
|
||||
price: "$135",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horse-chestnut-flowers-glass-jar-production-medicines-tablets-tinctures_127032-3260.jpg",
|
||||
imageAlt: "floral infusion perfume rustic",
|
||||
},
|
||||
id: "5", name: "Velvet Musk", price: "$135", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/horse-chestnut-flowers-glass-jar-production-medicines-tablets-tinctures_127032-3260.jpg", imageAlt: "floral infusion perfume rustic"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Amber Night",
|
||||
price: "$160",
|
||||
variant: "100ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-beauty-product-bottle_23-2148761499.jpg",
|
||||
imageAlt: "citrus perfume bottle fresh",
|
||||
},
|
||||
id: "6", name: "Amber Night", price: "$160", variant: "100ml", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-beauty-product-bottle_23-2148761499.jpg", imageAlt: "citrus perfume bottle fresh"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our top fragrance picks for any occasion."
|
||||
@@ -232,25 +140,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Happy Clients",
|
||||
description: "Delighted fragrance lovers.",
|
||||
icon: Users,
|
||||
id: "m1", value: "15k+", title: "Happy Clients", description: "Delighted fragrance lovers.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Unique Blends",
|
||||
description: "Exquisite scents curated.",
|
||||
icon: Droplets,
|
||||
id: "m2", value: "50+", title: "Unique Blends", description: "Exquisite scents curated.", icon: Droplets,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Cruelty-Free",
|
||||
description: "Ethical luxury standards.",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "100%", title: "Cruelty-Free", description: "Ethical luxury standards.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -264,45 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Loved it!",
|
||||
quote: "The most sophisticated scent I've ever owned.",
|
||||
name: "Elena R.",
|
||||
role: "Fashion Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gorgeous-stylish-businesswoman-with-cellphone-intently-looking-away-coffee-break-cafe-street_574295-4058.jpg",
|
||||
},
|
||||
id: "1", title: "Loved it!", quote: "The most sophisticated scent I've ever owned.", name: "Elena R.", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/young-gorgeous-stylish-businesswoman-with-cellphone-intently-looking-away-coffee-break-cafe-street_574295-4058.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Classic & Fresh",
|
||||
quote: "Perfect for my daily wear, subtle yet elegant.",
|
||||
name: "Mark S.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tender-happy-woman-with-dark-curly-hair-enjoying-vacations-sitting-rattan-chair_197531-22812.jpg",
|
||||
},
|
||||
id: "2", title: "Classic & Fresh", quote: "Perfect for my daily wear, subtle yet elegant.", name: "Mark S.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tender-happy-woman-with-dark-curly-hair-enjoying-vacations-sitting-rattan-chair_197531-22812.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dreamy Scent",
|
||||
quote: "Stays with me all day, truly a luxury experience.",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-shirtless-smiling-man-showing-aftershave-lotion-spray-bottle_23-2148213317.jpg",
|
||||
},
|
||||
id: "3", title: "Dreamy Scent", quote: "Stays with me all day, truly a luxury experience.", name: "Sarah J.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-shirtless-smiling-man-showing-aftershave-lotion-spray-bottle_23-2148213317.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Quality",
|
||||
quote: "I get complimented everywhere I go.",
|
||||
name: "David T.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pleased-young-woman-with-healthy-skin-keeps-eyes-closed-applies-red-hydrogel-patches-pampering-moisturising-holds-exotic-plant-near-face-poses-indoor-beauty-concept_273609-60729.jpg",
|
||||
},
|
||||
id: "4", title: "Top Quality", quote: "I get complimented everywhere I go.", name: "David T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pleased-young-woman-with-healthy-skin-keeps-eyes-closed-applies-red-hydrogel-patches-pampering-moisturising-holds-exotic-plant-near-face-poses-indoor-beauty-concept_273609-60729.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent",
|
||||
quote: "The packaging is as beautiful as the perfume.",
|
||||
name: "Linda M.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-peach-sweater-clothes-with-bright-makeup-pink-lips-isolated_343596-3952.jpg",
|
||||
},
|
||||
id: "5", title: "Excellent", quote: "The packaging is as beautiful as the perfume.", name: "Linda M.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-cute-brunette-woman-model-casual-peach-sweater-clothes-with-bright-makeup-pink-lips-isolated_343596-3952.jpg"},
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="What our customers are saying about Passion Beauty."
|
||||
@@ -315,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your fragrances sustainable?",
|
||||
content: "Yes, we prioritize ethical sourcing.",
|
||||
},
|
||||
id: "f1", title: "Are your fragrances sustainable?", content: "Yes, we prioritize ethical sourcing."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We ship globally to all major regions.",
|
||||
},
|
||||
id: "f2", title: "Do you ship worldwide?", content: "We ship globally to all major regions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request a sample?",
|
||||
content: "Yes, discovery kits are available on site.",
|
||||
},
|
||||
id: "f3", title: "Can I request a sample?", content: "Yes, discovery kits are available on site."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Learn more about our fragrances and processes."
|
||||
@@ -339,16 +196,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Have a question? Our support team is ready to assist you with your fragrance journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -357,42 +207,21 @@ export default function LandingPage() {
|
||||
logoText="Passion Beauty"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Scents",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "All Scents", href: "#" },
|
||||
{ label: "Collections", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Legal", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user