Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -19,131 +19,131 @@ 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" }
-            ]}
-            brandName="Dlain Ibiza"
-            button={{ text: "Shop Now", href: "#products" }}
-          />
-        </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: "Contact", href: "#contact" }}
+    />
+  </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="Sun-drenched artisan treasures from across the globe, curated for the free spirit of Ibiza."
+      buttons={[
+        { 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="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."
-            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="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: "Curated Finds" },
+        { value: "15+", title: "Years Under the Sun" },
+        { value: "4.7★", title: "Island Love" },
+      ]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710516749-xgzqhd9c.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 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="Fresh Summer Picks"
+      description="Discover our latest arrivals, capturing the effortless elegance of Ibiza summers."
+    />
+  </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: "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="Summer Testimonials"
+      description="Hear from our lovely community of sun-chasers and island friends."
+    />
+  </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: "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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710640732-lbxz5z1k.jpg"
+      title="Summer FAQ"
+      description="Need help planning your visit or your next order?"
+      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="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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710810136-28fnxizy.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: "Explore", 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>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
   --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);