Merge version_1 into main #2
379
src/app/page.tsx
379
src/app/page.tsx
@@ -26,281 +26,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dlain Ibiza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Dlain Ibiza"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="Dlain Ibiza"
|
||||
description="Unique clothing and artisan treasures from across the globe, curated with heart in the soul of Ibiza."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glad-white-young-woman-denim-shorts-resting-resort-restaurant-weekend-smiling-glamorous-woman-with-blonde-hair-posing-outdoor-cafe_197531-20940.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Dlain Ibiza"
|
||||
description="Unique clothing and artisan treasures from across the globe, curated with heart in the soul of Ibiza."
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "Visit Us", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glad-white-young-woman-denim-shorts-resting-resort-restaurant-weekend-smiling-glamorous-woman-with-blonde-hair-posing-outdoor-cafe_197531-20940.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Hand-picked for your Ibiza lifestyle"
|
||||
description="Since our inception, we've traveled the globe to bring you items that resonate with the island's spirit. From unique fabrics perfect for warm weather to handmade artisanal accessories, everything is selected with passion."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Unique Finds",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "4.7★",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-women-repair-sale-shop_23-2150746334.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Hand-picked for your Ibiza lifestyle"
|
||||
description="Since our inception, we've traveled the globe to bring you items that resonate with the island's spirit. From unique fabrics perfect for warm weather to handmade artisanal accessories, everything is selected with passion."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Unique Finds" },
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "4.7★", title: "Customer Rating" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-women-repair-sale-shop_23-2150746334.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Dlain Selection",
|
||||
name: "Linen Summer Dress",
|
||||
price: "€89",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hippie-brunette-blond-women-models-summer-sunny-day-white-hipster-clothes-posing-meeting-two-womanfriends-back-view_158538-14653.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Artisanal",
|
||||
name: "Handmade Necklace",
|
||||
price: "€45",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-anchor-shape-pin-jewelry_114579-12105.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Beachwear",
|
||||
name: "Natural Straw Hat",
|
||||
price: "€38",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-large-straw-hat-front-wall-covered-with-curly-old-tree_169016-10803.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dlain Selection",
|
||||
name: "Silk Tunic",
|
||||
price: "€120",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-sustainable-bag_23-2149080914.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Craftsmanship",
|
||||
name: "Leather Sandals",
|
||||
price: "€75",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-sitting-beach-day_1140-437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Island Soul",
|
||||
name: "Handmade Sarong",
|
||||
price: "€35",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traveler-cute-asian-woman-white-dress-walking-tropical-beach-pretty-woman-enjoying-vacations_273443-3850.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Exclusives"
|
||||
description="A collection that brings the world to the island. Discover pieces that embody freedom and elegance."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Dlain Selection", name: "Linen Summer Dress", price: "€89", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-hippie-brunette-blond-women-models-summer-sunny-day-white-hipster-clothes-posing-meeting-two-womanfriends-back-view_158538-14653.jpg" },
|
||||
{ id: "p2", brand: "Artisanal", name: "Handmade Necklace", price: "€45", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/blue-anchor-shape-pin-jewelry_114579-12105.jpg" },
|
||||
{ id: "p3", brand: "Beachwear", name: "Natural Straw Hat", price: "€38", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/girl-large-straw-hat-front-wall-covered-with-curly-old-tree_169016-10803.jpg" },
|
||||
{ id: "p4", brand: "Dlain Selection", name: "Silk Tunic", price: "€120", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-sustainable-bag_23-2149080914.jpg" },
|
||||
{ id: "p5", brand: "Craftsmanship", name: "Leather Sandals", price: "€75", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/pensive-woman-sitting-beach-day_1140-437.jpg" },
|
||||
{ id: "p6", brand: "Island Soul", name: "Handmade Sarong", price: "€35", rating: 4, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/traveler-cute-asian-woman-white-dress-walking-tropical-beach-pretty-woman-enjoying-vacations_273443-3850.jpg" }
|
||||
]}
|
||||
title="Curated Exclusives"
|
||||
description="A collection that brings the world to the island. Discover pieces that embody freedom and elegance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great quality!",
|
||||
quote: "The quality of the products is good and the fabrics perfect for the warm climate.",
|
||||
name: "Client",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Beautiful!",
|
||||
quote: "Very beautiful dresses and very good customer service 👌👌",
|
||||
name: "Client",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-pretty-woman-wearing-trendy-dress-straw-bag_291049-17.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Exquisite!",
|
||||
quote: "Excellent service, good quality, everything beautiful, I recommend it!",
|
||||
name: "Client",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holding-bags-after-shopping_1163-346.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Charming!",
|
||||
quote: "I always buy necklaces here and the owners are lovely! Products have charm.",
|
||||
name: "Client",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-clothes_23-2149241337.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Wonderful!",
|
||||
quote: "A wonderful shop, with exclusive items brought from all over the world.",
|
||||
name: "Client",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-slim-woman-with-beautiful-smile-enjoying-summer-resort-portrait-graceful-blonde-female-model-sunglasses-spending-time-outdoor-hot-morning_197531-20860.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="Hear what our friends and visitors say about Dlain Ibiza."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Great quality!", quote: "The quality of the products is good and the fabrics perfect for the warm climate.", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg" },
|
||||
{ id: "t2", title: "Beautiful!", quote: "Very beautiful dresses and very good customer service 👌👌", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-pretty-woman-wearing-trendy-dress-straw-bag_291049-17.jpg" },
|
||||
{ id: "t3", title: "Exquisite!", quote: "Excellent service, good quality, everything beautiful, I recommend it!", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holding-bags-after-shopping_1163-346.jpg" },
|
||||
{ id: "t4", title: "Charming!", quote: "I always buy necklaces here and the owners are lovely! Products have charm.", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-clothes_23-2149241337.jpg" },
|
||||
{ id: "t5", title: "Wonderful!", quote: "A wonderful shop, with exclusive items brought from all over the world.", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/amazing-slim-woman-with-beautiful-smile-enjoying-summer-resort-portrait-graceful-blonde-female-model-sunglasses-spending-time-outdoor-hot-morning_197531-20860.jpg" }
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="Hear what our friends and visitors say about Dlain Ibiza."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer worldwide shipping?",
|
||||
content: "Yes, we ship our exclusive finds to fashion lovers across the globe.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your materials natural?",
|
||||
content: "We prioritize high-quality, breathable natural fabrics perfect for the Mediterranean climate.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I visit your store in Ibiza?",
|
||||
content: "Absolutely! Visit us at Carrer d'Anníbal, 4 in Eivissa. We'd love to see you.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=1"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about shopping with us at Dlain Ibiza."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer worldwide shipping?", content: "Yes, we ship our exclusive finds to fashion lovers across the globe." },
|
||||
{ id: "f2", title: "Are your materials natural?", content: "We prioritize high-quality, breathable natural fabrics perfect for the Mediterranean climate." },
|
||||
{ id: "f3", title: "Can I visit your store in Ibiza?", content: "Absolutely! Visit us at Carrer d'Anníbal, 4 in Eivissa. We'd love to see you." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about shopping with us at Dlain Ibiza."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's connect"
|
||||
title="Visit us in Ibiza"
|
||||
description="Have a question or want to know if we have a specific size? Reach out or visit us in person at Carrer d'Anníbal, 4."
|
||||
buttonText="Inquire"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's connect"
|
||||
title="Visit us in Ibiza"
|
||||
description="Have a question or want to know if we have a specific size? Reach out or visit us in person at Carrer d'Anníbal, 4."
|
||||
buttonText="Inquire"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "Carrer d'Anníbal, 4",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Dlain Ibiza"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Carrer d'Anníbal, 4", href: "#contact" }] },
|
||||
{ title: "Store", items: [{ label: "Collection", href: "#products" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
|
||||
]}
|
||||
logoText="Dlain Ibiza"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user