Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#quality",
|
||||
},
|
||||
name: "Quality", id: "quality"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="LUCCA"
|
||||
/>
|
||||
@@ -57,33 +49,16 @@ export default function LandingPage() {
|
||||
description="Transform your daily commute into a serene garden escape with Lucca's signature dried floral air fresheners. Crafted for beauty, scented for peace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7gNE0DFLecLjNnGMBjg4Zs7u6/uploaded-1775742026896-rhdgmpkj.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7gNE0DFLecLjNnGMBjg4Zs7u6/uploaded-1775742026896-rhdgmpkj.jpg"
|
||||
imageAlt="Lucca floral car air freshener in vehicle vent"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10935.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10935.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by 5,000+ drivers"
|
||||
/>
|
||||
@@ -97,7 +72,7 @@ export default function LandingPage() {
|
||||
description="At Lucca, we believe your vehicle is an extension of your home. We combine natural dried botanicals with artisanal design to create a sensory experience that lasts."
|
||||
subdescription="Every cone is carefully hand-arranged to ensure maximum longevity and visual appeal, turning your car's ventilation into a piece of floral art."
|
||||
icon={Sparkles}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7gNE0DFLecLjNnGMBjg4Zs7u6/uploaded-1775742026896-rhdgmpkj.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7gNE0DFLecLjNnGMBjg4Zs7u6/uploaded-1775742026896-rhdgmpkj.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -107,49 +82,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Golden Sunset",
|
||||
price: "$38.00",
|
||||
variant: "Citrus & Warm Woods",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Winter Lily",
|
||||
price: "$42.00",
|
||||
variant: "Floral & Clean Linen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Autumn Petals",
|
||||
price: "$38.00",
|
||||
variant: "Spiced Amber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Spring Bloom",
|
||||
price: "$40.00",
|
||||
variant: "Fresh Jasmine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lavender Breeze",
|
||||
price: "$42.00",
|
||||
variant: "Calming Lavender",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Midnight Bloom",
|
||||
price: "$45.00",
|
||||
variant: "Deep Rose & Oud",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Golden Sunset", price: "$38.00", variant: "Citrus & Warm Woods", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg" },
|
||||
{ id: "2", name: "Winter Lily", price: "$42.00", variant: "Floral & Clean Linen", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg" },
|
||||
{ id: "3", name: "Autumn Petals", price: "$38.00", variant: "Spiced Amber", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg" },
|
||||
{ id: "4", name: "Spring Bloom", price: "$40.00", variant: "Fresh Jasmine", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg" },
|
||||
{ id: "5", name: "Lavender Breeze", price: "$42.00", variant: "Calming Lavender", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg" },
|
||||
{ id: "6", name: "Midnight Bloom", price: "$45.00", variant: "Deep Rose & Oud", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg" },
|
||||
]}
|
||||
title="Signature Bouquets"
|
||||
description="Explore our curated selection of floral designs, each featuring unique scent profiles to suit your aesthetic and mood."
|
||||
@@ -163,28 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Arranged",
|
||||
description: "Every petal is placed with intention.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7gNE0DFLecLjNnGMBjg4Zs7u6/uploaded-1775742026896-rhdgmpkj.jpg?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
title: "Hand-Arranged", description: "Every petal is placed with intention.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Long Lasting",
|
||||
description: "Our scents stay fresh for up to 30 days.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg?_wi=4",
|
||||
imageAlt: "floral car air freshener black cone",
|
||||
title: "Long Lasting", description: "Our scents stay fresh for up to 30 days.", bentoComponent: "reveal-icon", icon: Clock
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Sustainable dried materials.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-flower-press-technique-still-life_23-2150276347.jpg?_wi=4",
|
||||
imageAlt: "dried wildflower car scent set",
|
||||
title: "Eco-Friendly", description: "Sustainable dried materials.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
]}
|
||||
title="The Lucca Standard"
|
||||
@@ -199,26 +124,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10935.jpg",
|
||||
alt: "Sarah M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-businessman-elegant-clothing-working-talking-phone-while-sitting-car_613910-10935.jpg", alt: "Sarah M" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-car-smiles_23-2148504901.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -228,13 +138,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Join the Club"
|
||||
title="Get Seasonal Drops"
|
||||
description="Be the first to know when we release limited edition floral collections."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg"
|
||||
mediaPosition="left"
|
||||
buttonText="Subscribe"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -245,44 +153,14 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "New Arrivals", href: "#products" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }]
|
||||
}
|
||||
]}
|
||||
logoText="LUCCA"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user