Merge version_2 into main #3
253
src/app/page.tsx
253
src/app/page.tsx
@@ -19,77 +19,49 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<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",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Dlain Ibiza"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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."
|
||||
description="Sun-drenched artisan treasures from across the globe, curated for the free spirit of Ibiza."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Summer", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
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"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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."
|
||||
title="Summer Soul & Artisan Craft"
|
||||
description="We bring the world's most beautiful fabrics and hand-crafted accessories directly to Ibiza. Every piece tells a story of travel, sun, and authentic coastal living."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Unique Finds",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "4.7★",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
{ value: "100%", title: "Curated Finds" },
|
||||
{ value: "15+", title: "Years Under the Sun" },
|
||||
{ value: "4.7★", title: "Island Love" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-women-repair-sale-shop_23-2150746334.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -104,63 +76,15 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ id: "p1", brand: "Dlain Selection", name: "Linen Sea Breeze 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: "Ibiza Sunset 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 Sun 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 Aura", 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: "Espadrille Sandal", 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: "Summer 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."
|
||||
title="Fresh Summer Picks"
|
||||
description="Discover our latest arrivals, capturing the effortless elegance of Ibiza summers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,49 +93,14 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ id: "t1", title: "Pure Ibiza vibes", quote: "The fabrics are incredibly light, perfect for my holidays in the Mediterranean.", 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 pieces", quote: "Found the most amazing dress, feels like summer in a piece of fabric.", 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: "Unique style", quote: "Everything in the shop is just beautiful and feels very exclusive.", name: "Client", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holding-bags-after-shopping_1163-346.jpg" },
|
||||
{ id: "t4", title: "Charming shop", quote: "Lovely staff and products with real soul. My favorite stop in Ibiza.", 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: "Amazing treasures from across the globe. Never disappoints!", 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."
|
||||
title="Summer Testimonials"
|
||||
description="Hear from our lovely community of sun-chasers and island friends."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -220,25 +109,13 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "Worldwide delivery?", content: "Yes, we bring our pieces to your doorstep, wherever you are in the world." },
|
||||
{ id: "f2", title: "Sustainable materials?", content: "We source natural, high-quality fabrics that love the sun as much as you do." },
|
||||
{ id: "f3", title: "Store location?", content: "Find us at Carrer d'Anníbal, 4 in the beautiful Eivissa old town." },
|
||||
]}
|
||||
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."
|
||||
title="Summer FAQ"
|
||||
description="Need help planning your visit or your next order?"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -247,13 +124,11 @@ export default function LandingPage() {
|
||||
<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"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Say Hello"
|
||||
title="Visit Us in Eivissa"
|
||||
description="Join us for a relaxed shopping experience. Open all summer in the heart of the old town."
|
||||
buttonText="Reach Out"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -262,41 +137,9 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Visit", items: [{ label: "Carrer d'Anníbal, 4", href: "#contact" }] },
|
||||
{ title: "Explore", items: [{ label: "Collection", href: "#products" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
|
||||
]}
|
||||
logoText="Dlain Ibiza"
|
||||
/>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fbfcfc;
|
||||
--card: #f0f4f4;
|
||||
--foreground: #1a2c2c;
|
||||
--primary-cta: #2a6262;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #d5e4e4;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #a8caca;
|
||||
--background-accent: #f0f4f4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user