Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 81d096787d | |||
| 4a276c3b7d |
379
src/app/page.tsx
379
src/app/page.tsx
@@ -26,281 +26,124 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "#hero" },
|
||||||
name: "Home",
|
{ name: "Collection", id: "#products" },
|
||||||
id: "#hero",
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
},
|
{ name: "Contact", id: "#contact" }
|
||||||
{
|
]}
|
||||||
name: "Collection",
|
brandName="Dlain Ibiza"
|
||||||
id: "#products",
|
button={{ text: "Shop Now", href: "#products" }}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "Testimonials",
|
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Dlain Ibiza"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
logoText="Dlain Ibiza"
|
||||||
}}
|
description="Unique clothing and artisan treasures from across the globe, curated with heart in the soul of Ibiza."
|
||||||
logoText="Dlain Ibiza"
|
buttons={[
|
||||||
description="Unique clothing and artisan treasures from across the globe, curated with heart in the soul of Ibiza."
|
{ text: "Explore Collection", href: "#products" },
|
||||||
buttons={[
|
{ text: "Visit Us", href: "#contact" }
|
||||||
{
|
]}
|
||||||
text: "Explore Collection",
|
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"
|
||||||
href: "#products",
|
mediaAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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">
|
<div id="about" data-section="about">
|
||||||
<MetricSplitMediaAbout
|
<MetricSplitMediaAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Hand-picked for your Ibiza lifestyle"
|
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."
|
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={[
|
metrics={[
|
||||||
{
|
{ value: "100%", title: "Unique Finds" },
|
||||||
value: "100%",
|
{ value: "15+", title: "Years Experience" },
|
||||||
title: "Unique Finds",
|
{ value: "4.7★", title: "Customer Rating" }
|
||||||
},
|
]}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-women-repair-sale-shop_23-2150746334.jpg"
|
||||||
value: "15+",
|
mediaAnimation="slide-up"
|
||||||
title: "Years Experience",
|
metricsAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "p1",
|
{ 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" },
|
||||||
brand: "Dlain Selection",
|
{ 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" },
|
||||||
name: "Linen Summer Dress",
|
{ 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" },
|
||||||
price: "€89",
|
{ 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" },
|
||||||
rating: 5,
|
{ 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" }
|
||||||
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",
|
title="Curated Exclusives"
|
||||||
},
|
description="A collection that brings the world to the island. Discover pieces that embody freedom and elegance."
|
||||||
{
|
/>
|
||||||
id: "p2",
|
</div>
|
||||||
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">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "t1",
|
{ 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" },
|
||||||
title: "Great quality!",
|
{ 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" },
|
||||||
quote: "The quality of the products is good and the fabrics perfect for the warm climate.",
|
{ 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" },
|
||||||
name: "Client",
|
{ 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" }
|
||||||
role: "Visitor",
|
]}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg",
|
title="Loved by the community"
|
||||||
},
|
description="Hear what our friends and visitors say about Dlain Ibiza."
|
||||||
{
|
/>
|
||||||
id: "t2",
|
</div>
|
||||||
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">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Do you offer worldwide shipping?", content: "Yes, we ship our exclusive finds to fashion lovers across the globe." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Are your materials natural?", content: "We prioritize high-quality, breathable natural fabrics perfect for the Mediterranean climate." },
|
||||||
title: "Do you offer worldwide shipping?",
|
{ 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." }
|
||||||
content: "Yes, we ship our exclusive finds to fashion lovers across the globe.",
|
]}
|
||||||
},
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=1"
|
||||||
{
|
title="Common Questions"
|
||||||
id: "f2",
|
description="Everything you need to know about shopping with us at Dlain Ibiza."
|
||||||
title: "Are your materials natural?",
|
faqsAnimation="slide-up"
|
||||||
content: "We prioritize high-quality, breathable natural fabrics perfect for the Mediterranean climate.",
|
mediaAnimation="slide-up"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
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="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
tag="Let's connect"
|
||||||
}}
|
title="Visit us in Ibiza"
|
||||||
tag="Let's connect"
|
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."
|
||||||
title="Visit us in Ibiza"
|
buttonText="Inquire"
|
||||||
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."
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=2"
|
||||||
buttonText="Inquire"
|
mediaAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=2"
|
/>
|
||||||
mediaAnimation="slide-up"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Visit", items: [{ label: "Carrer d'Anníbal, 4", href: "#contact" }] },
|
||||||
title: "Visit",
|
{ title: "Store", items: [{ label: "Collection", href: "#products" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||||
items: [
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
|
||||||
{
|
]}
|
||||||
label: "Carrer d'Anníbal, 4",
|
logoText="Dlain Ibiza"
|
||||||
href: "#contact",
|
/>
|
||||||
},
|
</div>
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user