Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -19,79 +19,51 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="compact"
         sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
+        background="fluid"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Collection", id: "#products" },
-          id: "#hero",
+        { name: "Testimonials", id: "#testimonials" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          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={{
+      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."
+      description="Sun-drenched artisan treasures from across the globe, curated for the free spirit of Ibiza."
       buttons={[
-        {
+        { text: "Shop Summer", href: "#products" },
-          text: "Explore Collection",
+        { text: "Our Story", href: "#about" },
-          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"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={true}
-      title="Hand-picked for your Ibiza lifestyle"
+      title="Summer Soul & Artisan Craft"
-      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="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: "100%",
+        { value: "15+", title: "Years Under the Sun" },
-          title: "Unique Finds",
+        { value: "4.7★", title: "Island Love" },
-        },
-        {
-          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"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710516749-xgzqhd9c.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="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 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: "p1",
+        { 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" },
-          brand: "Dlain Selection",
+        { 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" },
-          name: "Linen Summer Dress",
+        { 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" },
-          price: "€89",
+        { 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" },
-          rating: 5,
+        { 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" },
-          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"
+      title="Fresh Summer Picks"
-      description="A collection that brings the world to the island. Discover pieces that embody freedom and elegance."
+      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: "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: "t1",
+        { 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" },
-          title: "Great quality!",
+        { 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" },
-          quote: "The quality of the products is good and the fabrics perfect for the warm climate.",
+        { 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" },
-          name: "Client",
+        { 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" },
-          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"
+      title="Summer Testimonials"
-      description="Hear what our friends and visitors say about Dlain Ibiza."
+      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: "Worldwide delivery?", content: "Yes, we bring our pieces to your doorstep, wherever you are in the world." },
-          id: "f1",
+        { id: "f2", title: "Sustainable materials?", content: "We source natural, high-quality fabrics that love the sun as much as you do." },
-          title: "Do you offer worldwide shipping?",
+        { id: "f3", title: "Store location?", content: "Find us at Carrer d'Anníbal, 4 in the beautiful Eivissa old town." },
-          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"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710640732-lbxz5z1k.jpg"
-      title="Common Questions"
+      title="Summer FAQ"
-      description="Everything you need to know about shopping with us at Dlain Ibiza."
+      description="Need help planning your visit or your next order?"
       faqsAnimation="slide-up"
       mediaAnimation="slide-up"
     />
@@ -247,14 +124,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
+      tag="Say Hello"
-      }}
+      title="Visit Us in Eivissa"
-      tag="Let's connect"
+      description="Join us for a relaxed shopping experience. Open all summer in the heart of the old town."
-      title="Visit us in Ibiza"
+      buttonText="Reach Out"
-      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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUPLL4F3RjGn1f018Edb4rCdgt/uploaded-1776710810136-28fnxizy.jpg"
-      buttonText="Inquire"
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-trying-dress-room_1153-8054.jpg?_wi=2"
       mediaAnimation="slide-up"
     />
   </div>
@@ -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: "Visit",
+        { title: "Explore", 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",
-              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"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fbfcfc;
-  --card: #dad6cd;
+  --card: #f0f4f4;
-  --foreground: #2a2928;
+  --foreground: #1a2c2c;
-  --primary-cta: #2a2928;
+  --primary-cta: #2a6262;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #d5e4e4;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #a8caca;
-  --background-accent: #c6b180;
+  --background-accent: #f0f4f4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);