Merge version_2 into main #1
215
src/app/page.tsx
215
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Verdant Scents"
|
||||
/>
|
||||
@@ -60,21 +50,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Nature’s Essence, Bottled"
|
||||
description="Discover a collection of artisanal perfumes crafted with pure botanical extracts and refined natural oils. Experience the scent of serenity."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420673.jpg"
|
||||
imageAlt="luxurious perfume bottle botanical background"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -86,17 +71,11 @@ export default function LandingPage() {
|
||||
description="At Verdant Scents, we blend traditional perfumery with modern botanical science. Each scent is a narrative of nature, carefully composed to elevate your daily routine."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Ingredients",
|
||||
},
|
||||
value: "100%", title: "Organic Ingredients"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Rare Essences",
|
||||
},
|
||||
value: "50+", title: "Rare Essences"},
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "1000+", title: "Happy Customers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-ingredients-arrangement_23-2148897594.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -113,47 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Forest Dew",
|
||||
price: "$120",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480194.jpg",
|
||||
},
|
||||
id: "p1", name: "Forest Dew", price: "$120", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480194.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Amber Moss",
|
||||
price: "$145",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669123.jpg",
|
||||
},
|
||||
id: "p2", name: "Amber Moss", price: "$145", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669123.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Citrus Grove",
|
||||
price: "$95",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg",
|
||||
},
|
||||
id: "p3", name: "Citrus Grove", price: "$95", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-phytotherapy-items-assortment_23-2149339746.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wild Orchid",
|
||||
price: "$160",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289815.jpg",
|
||||
},
|
||||
id: "p4", name: "Wild Orchid", price: "$160", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289815.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cedar Wood",
|
||||
price: "$135",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420630.jpg",
|
||||
},
|
||||
id: "p5", name: "Cedar Wood", price: "$135", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420630.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Floral Mist",
|
||||
price: "$110",
|
||||
variant: "50ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480163.jpg",
|
||||
},
|
||||
id: "p6", name: "Floral Mist", price: "$110", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480163.jpg"},
|
||||
]}
|
||||
title="Signature Collections"
|
||||
description="Explore our curated fragrance profiles, each designed to evoke memories and create new beginnings."
|
||||
@@ -167,34 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Ethical",
|
||||
title: "Cruelty-Free",
|
||||
items: [
|
||||
"Sourced responsibly",
|
||||
"No animal testing",
|
||||
"Vegan ingredients",
|
||||
],
|
||||
id: "f1", label: "Ethical", title: "Cruelty-Free", items: [
|
||||
"Sourced responsibly", "No animal testing", "Vegan ingredients"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Pure",
|
||||
title: "Nature-First",
|
||||
items: [
|
||||
"No synthetic fillers",
|
||||
"Pure essential oils",
|
||||
"Organic extracts",
|
||||
],
|
||||
id: "f2", label: "Pure", title: "Nature-First", items: [
|
||||
"No synthetic fillers", "Pure essential oils", "Organic extracts"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Craft",
|
||||
title: "Artisanal",
|
||||
items: [
|
||||
"Small batches",
|
||||
"Hand-poured",
|
||||
"Expertly cured",
|
||||
],
|
||||
id: "f3", label: "Craft", title: "Artisanal", items: [
|
||||
"Small batches", "Hand-poured", "Expertly cured"],
|
||||
},
|
||||
]}
|
||||
title="Why Verdant?"
|
||||
@@ -207,30 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elise M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3725.jpg",
|
||||
},
|
||||
id: "t1", name: "Elise M.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3725.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Julian T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-quality-time-outdoors_23-2150757173.jpg",
|
||||
},
|
||||
id: "t2", name: "Julian T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-quality-time-outdoors_23-2150757173.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-black-white_23-2149411417.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-rose-copy-space_23-2148442205.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-rose-copy-space_23-2148442205.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-standing-with-crossed-arms-blouse-cardigan-looking-cheery-front-view_176474-109592.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-standing-with-crossed-arms-blouse-cardigan-looking-cheery-front-view_176474-109592.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Connoisseurs"
|
||||
cardTag="Testimonials"
|
||||
@@ -246,25 +162,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Years Experience",
|
||||
description: "Mastering the craft",
|
||||
icon: Award,
|
||||
id: "m1", value: "15", title: "Years Experience", description: "Mastering the craft", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Pure Sourced",
|
||||
description: "Organic materials",
|
||||
icon: Leaf,
|
||||
id: "m2", value: "99%", title: "Pure Sourced", description: "Organic materials", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5K",
|
||||
title: "Bottles Crafted",
|
||||
description: "With pure love",
|
||||
icon: Sparkles,
|
||||
id: "m3", value: "5K", title: "Bottles Crafted", description: "With pure love", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
@@ -278,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are your perfumes organic?",
|
||||
content: "Yes, we prioritize organic botanical ingredients in every blend.",
|
||||
},
|
||||
id: "q1", title: "Are your perfumes organic?", content: "Yes, we prioritize organic botanical ingredients in every blend."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "We ship globally to most regions. Shipping details are calculated at checkout.",
|
||||
},
|
||||
id: "q2", title: "Do you ship internationally?", content: "We ship globally to most regions. Shipping details are calculated at checkout."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return a scent?",
|
||||
content: "We accept returns on unopened bottles within 14 days of purchase.",
|
||||
},
|
||||
id: "q3", title: "Can I return a scent?", content: "Your satisfaction is our priority; we offer a 100% satisfaction guarantee. Return any scent within 14 days of purchase if you are not fully delighted."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Get answers to your questions about our scents and shipping."
|
||||
@@ -303,14 +198,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join our community and stay updated with our newest seasonal launches and exclusive botanical workshops."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get In Touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -320,42 +212,27 @@ export default function LandingPage() {
|
||||
logoText="Verdant Scents"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Scents",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Scents", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -364,4 +241,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user