Merge version_2 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "Floor Vases",
|
||||
id: "floor-vases",
|
||||
},
|
||||
name: "Floor Vases", id: "floor-vases"},
|
||||
{
|
||||
name: "Table Objects",
|
||||
id: "table-objects",
|
||||
},
|
||||
name: "Table Objects", id: "table-objects"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LU DESIGN"
|
||||
topBarClassName="bg-white border-b border-gray-200"
|
||||
@@ -60,81 +50,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="left"
|
||||
title="3D Vases"
|
||||
title="Artistic 3D Vases: Bold Designs, Uniquely Yours"
|
||||
description="Bold shapes, surprising colors. Every Lu Design vase is 3D printed to order — as unique as the person who chooses it."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Made in Italy",
|
||||
},
|
||||
value: "100%", label: "Made in Italy"},
|
||||
{
|
||||
value: "€0",
|
||||
label: "Free Shipping",
|
||||
},
|
||||
value: "€0", label: "Free Shipping"},
|
||||
{
|
||||
value: "3D",
|
||||
label: "Printed",
|
||||
},
|
||||
value: "3D", label: "Printed"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop the Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289753.jpg"
|
||||
imageAlt="Large 3D printed vase in a studio setting"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg", alt: "Satisfied customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-model-with-curly-hairs-pointing-you_114579-17459.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-model-with-curly-hairs-pointing-you_114579-17459.jpg", alt: "Satisfied customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17163.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17163.jpg", alt: "Satisfied customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-guy-posing-carnival_23-2148311248.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-guy-posing-carnival_23-2148311248.jpg", alt: "Satisfied customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23110.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23110.jpg", alt: "Satisfied customer 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied customers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Production",
|
||||
type: "text", text: "Sustainable Production"},
|
||||
{
|
||||
type: "text-icon", text: "Crafted with Passion", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Crafted with Passion",
|
||||
icon: Heart,
|
||||
type: "text", text: "Bold, Unique Designs"},
|
||||
{
|
||||
type: "text-icon", text: "Italian Artisanship", icon: Flag,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bold, Unique Designs",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Italian Artisanship",
|
||||
icon: Flag,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Direct to Your Door",
|
||||
},
|
||||
type: "text", text: "Direct to Your Door"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,9 +105,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "3D printed to order in Italy — Free shipping over €80",
|
||||
},
|
||||
type: "text", content: "3D printed to order in Italy — Free shipping over €80"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,68 +118,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "arch-coral",
|
||||
name: "Arch Vase",
|
||||
variant: "Coral Red",
|
||||
price: "€65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192224.jpg",
|
||||
},
|
||||
id: "arch-coral", name: "Arch Vase", variant: "Coral Red", price: "€65.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192224.jpg"},
|
||||
{
|
||||
id: "arch-cobalt",
|
||||
name: "Arch Vase",
|
||||
variant: "Cobalt Blue",
|
||||
price: "€65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289766.jpg",
|
||||
},
|
||||
id: "arch-cobalt", name: "Arch Vase", variant: "Cobalt Blue", price: "€65.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289766.jpg"},
|
||||
{
|
||||
id: "arch-ochre",
|
||||
name: "Arch Vase",
|
||||
variant: "Ochre Yellow",
|
||||
price: "€65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646552.jpg",
|
||||
},
|
||||
id: "arch-ochre", name: "Arch Vase", variant: "Ochre Yellow", price: "€65.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646552.jpg"},
|
||||
{
|
||||
id: "tower-emerald",
|
||||
name: "Tower Vase Large",
|
||||
variant: "Emerald Green",
|
||||
price: "€145.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-white-vase-with-polka-dots-light-background-isolated_169016-19147.jpg",
|
||||
},
|
||||
id: "tower-emerald", name: "Tower Vase Large", variant: "Emerald Green", price: "€145.00", imageSrc: "http://img.b2bpic.net/free-photo/decorative-white-vase-with-polka-dots-light-background-isolated_169016-19147.jpg"},
|
||||
{
|
||||
id: "tower-charcoal",
|
||||
name: "Tower Vase Large",
|
||||
variant: "Charcoal Black",
|
||||
price: "€145.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529799.jpg",
|
||||
},
|
||||
id: "tower-charcoal", name: "Tower Vase Large", variant: "Charcoal Black", price: "€145.00", imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529799.jpg"},
|
||||
{
|
||||
id: "bubble-burnt",
|
||||
name: "Bubble Vase",
|
||||
variant: "Burnt Orange",
|
||||
price: "€45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-fresh-clementine-wood-piece_114579-86963.jpg",
|
||||
},
|
||||
id: "bubble-burnt", name: "Bubble Vase", variant: "Burnt Orange", price: "€45.00", imageSrc: "http://img.b2bpic.net/free-photo/single-fresh-clementine-wood-piece_114579-86963.jpg"},
|
||||
{
|
||||
id: "bubble-lilac",
|
||||
name: "Bubble Vase",
|
||||
variant: "Lilac",
|
||||
price: "€45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-violet-juice-with-flower-blossoms-wooden-platter-top-view_114579-19793.jpg",
|
||||
},
|
||||
id: "bubble-lilac", name: "Bubble Vase", variant: "Lilac", price: "€45.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-violet-juice-with-flower-blossoms-wooden-platter-top-view_114579-19793.jpg"},
|
||||
{
|
||||
id: "branch-terracotta",
|
||||
name: "Branch Vase",
|
||||
variant: "Terracotta",
|
||||
price: "€75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-reflects-ornate-shadow-vase-generated-by-ai_188544-26741.jpg",
|
||||
},
|
||||
id: "branch-terracotta", name: "Branch Vase", variant: "Terracotta", price: "€75.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-reflects-ornate-shadow-vase-generated-by-ai_188544-26741.jpg"},
|
||||
{
|
||||
id: "branch-turquoise",
|
||||
name: "Branch Vase",
|
||||
variant: "Turquoise",
|
||||
price: "€75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-blue-artificial-leaf-pink-background_23-2148301067.jpg",
|
||||
},
|
||||
id: "branch-turquoise", name: "Branch Vase", variant: "Turquoise", price: "€75.00", imageSrc: "http://img.b2bpic.net/free-photo/isolated-blue-artificial-leaf-pink-background_23-2148301067.jpg"},
|
||||
]}
|
||||
title="Discover Our Collections"
|
||||
description="Explore our curated selection of 3D printed vases and objects, crafted with precision and passion in Italy."
|
||||
@@ -233,26 +147,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "3D Printed",
|
||||
description: "Precise production, zero waste.",
|
||||
buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529731.jpg",
|
||||
imageAlt: "3D printer in action",
|
||||
},
|
||||
title: "3D Printed", description: "Precise production, zero waste.", buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-modern-vase-design_23-2150529731.jpg", imageAlt: "3D printer in action"},
|
||||
{
|
||||
title: "Unique Colors",
|
||||
description: "Every colorway is hand-selected.",
|
||||
buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-vases-with-plant-assortment_23-2149835469.jpg",
|
||||
imageAlt: "Color palette selection",
|
||||
},
|
||||
title: "Unique Colors", description: "Every colorway is hand-selected.", buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-vases-with-plant-assortment_23-2149835469.jpg", imageAlt: "Color palette selection"},
|
||||
{
|
||||
title: "Made to Order",
|
||||
description: "Made for you, shipped in 7 to 10 days.",
|
||||
buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-baroque-vase-with-grapefruit_52683-94416.jpg",
|
||||
imageAlt: "Vase being packaged",
|
||||
},
|
||||
title: "Made to Order", description: "Made for you, shipped in 7 to 10 days.", buttons: [],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-baroque-vase-with-grapefruit_52683-94416.jpg", imageAlt: "Vase being packaged"},
|
||||
]}
|
||||
title="The Craft Behind Every Lu Design Vase"
|
||||
description="Experience digital craftsmanship where precision meets artistic vision."
|
||||
@@ -264,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Acme Inc.",
|
||||
"Globex Corp",
|
||||
"Wayne Enterprises",
|
||||
"Stark Industries",
|
||||
"Cyberdyne Systems",
|
||||
"Omnicorp",
|
||||
"Tyrell Corporation",
|
||||
]}
|
||||
"Acme Inc.", "Globex Corp", "Wayne Enterprises", "Stark Industries", "Cyberdyne Systems", "Omnicorp", "Tyrell Corporation"]}
|
||||
title="Loved by Designers & Decorators"
|
||||
description="Our vases bring a touch of Italian elegance to homes and spaces worldwide."
|
||||
speed={50}
|
||||
@@ -284,25 +179,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is 3D printing?",
|
||||
content: "3D printing is an additive manufacturing process that creates three-dimensional objects from a digital design. At LU DESIGN, we use advanced 3D printing technology to craft intricate and durable vases layer by layer, ensuring precision and minimal waste.",
|
||||
},
|
||||
id: "faq-1", title: "What is 3D printing?", content: "3D printing is an additive manufacturing process that creates three-dimensional objects from a digital design. At LU DESIGN, we use advanced 3D printing technology to craft intricate and durable vases layer by layer, ensuring precision and minimal waste."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Each LU DESIGN vase is 3D printed to order in Italy. Production typically takes 3-5 business days, followed by shipping. Depending on your location, delivery usually occurs within 7-10 business days from your order date. You will receive tracking information once your order ships.",
|
||||
},
|
||||
id: "faq-2", title: "How long does shipping take?", content: "Each LU DESIGN vase is 3D printed to order in Italy. Production typically takes 3-5 business days, followed by shipping. Depending on your location, delivery usually occurs within 7-10 business days from your order date. You will receive tracking information once your order ships."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What is your return policy?",
|
||||
content: "We want you to be absolutely delighted with your LU DESIGN vase. If you're not satisfied, you can return your item within 14 days of receipt for a full refund or exchange. Please ensure the item is in its original condition and packaging. Custom orders may be subject to different return terms.",
|
||||
},
|
||||
id: "faq-3", title: "What is your return policy?", content: "We want you to be absolutely delighted with your LU DESIGN vase. If you're not satisfied, you can return your item within 14 days of receipt for a full refund or exchange. Please ensure the item is in its original condition and packaging. Custom orders may be subject to different return terms."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Can I request custom colors?",
|
||||
content: "Yes, we offer custom color requests for a personalized touch! Please contact our customer service team with your specific color preferences or design ideas, and we'll work with you to create a unique LU DESIGN vase that perfectly matches your vision. Additional charges may apply for custom orders.",
|
||||
},
|
||||
id: "faq-4", title: "Can I request custom colors?", content: "Yes, we offer custom color requests for a personalized touch! Please contact our customer service team with your specific color preferences or design ideas, and we'll work with you to create a unique LU DESIGN vase that perfectly matches your vision. Additional charges may apply for custom orders."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our 3D printed vases and services."
|
||||
@@ -314,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Have a Question? We're Here to Help"
|
||||
description="Whether it's about a specific vase or a custom order, our team is ready to assist you. Reach out to us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact-form",
|
||||
},
|
||||
text: "Contact Us", href: "#contact-form"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,50 +215,31 @@ export default function LandingPage() {
|
||||
logoText="LU DESIGN"
|
||||
columns={[
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact-form",
|
||||
},
|
||||
label: "Contact", href: "#contact-form"},
|
||||
{
|
||||
label: "Shipping and Returns",
|
||||
href: "#shipping-returns",
|
||||
},
|
||||
label: "Shipping and Returns", href: "#shipping-returns"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "Decorative Vases",
|
||||
href: "#decorative-vases",
|
||||
},
|
||||
label: "Decorative Vases", href: "#decorative-vases"},
|
||||
{
|
||||
label: "Floor Vases",
|
||||
href: "#floor-vases",
|
||||
},
|
||||
label: "Floor Vases", href: "#floor-vases"},
|
||||
{
|
||||
label: "Table Objects",
|
||||
href: "#table-objects",
|
||||
},
|
||||
label: "Table Objects", href: "#table-objects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow us",
|
||||
items: [
|
||||
title: "Follow us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/ludesign",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/ludesign"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com/@ludesign",
|
||||
},
|
||||
label: "TikTok", href: "https://tiktok.com/@ludesign"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +249,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user