From 8a628cfeda8ac52209fcbbe78a5547f594f40292 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 03:24:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 285 +++++++++++------------------------------------
 1 file changed, 66 insertions(+), 219 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 60d5de4..dc749b9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,35 +32,21 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "Shop",
-          id: "#shop",
-        },
+          name: "Shop",          id: "#shop"},
         {
-          name: "Payments",
-          id: "#payments",
-        },
+          name: "Payments",          id: "#payments"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Reviews",
-          id: "#reviews",
-        },
+          name: "Reviews",          id: "#reviews"},
         {
-          name: "Connect",
-          id: "#contact",
-        },
+          name: "Connect",          id: "#contact"},
       ]}
       brandName="Mala Vida"
       button={{
-        text: "Get in Touch",
-        href: "#contact",
-      }}
+        text: "Get in Touch",        href: "#contact"}}
       animateOnLoad={true}
     />
   </div>
@@ -68,57 +54,36 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroSplitKpi
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       imagePosition="right"
       title="Mala Vida: Live Bold. Dress Unapologetically."
       description="Discover unique apparel that embodies your spirit. Express yourself with our latest collections and make a statement."
       kpis={[
         {
-          value: "2000+",
-          label: "Happy Customers",
-        },
+          value: "2000+",          label: "Happy Customers"},
         {
-          value: "500+",
-          label: "Unique Designs",
-        },
+          value: "500+",          label: "Unique Designs"},
         {
-          value: "New!",
-          label: "Weekly Drops",
-        },
+          value: "New!",          label: "Weekly Drops"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Shop Now",
-          href: "#shop",
-        },
+          text: "Shop Now",          href: "#shop"},
         {
-          text: "Explore Collection",
-          href: "#shop",
-        },
+          text: "Explore Collection",          href: "#shop"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169319.jpg",
-          alt: "Happy Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-glasses-posing-studio_23-2150169319.jpg",          alt: "Happy Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/race-urban-pretty-hairstyle-road_1139-736.jpg",
-          alt: "Happy Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/race-urban-pretty-hairstyle-road_1139-736.jpg",          alt: "Happy Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14428.jpg",
-          alt: "Happy Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-model-posing-street_1303-14428.jpg",          alt: "Happy Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg",
-          alt: "Happy Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/friends-having-crowded-party-home_23-2149203624.jpg",          alt: "Happy Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/mixed-race-relations-concept-delihghted-happy-black-white-female-man-wear-bright-sweaters-pose-together-against-white_273609-3836.jpg",
-          alt: "Community member avatar",
-        },
+          src: "http://img.b2bpic.net/free-photo/mixed-race-relations-concept-delihghted-happy-black-white-female-man-wear-bright-sweaters-pose-together-against-white_273609-3836.jpg",          alt: "Community member avatar"},
       ]}
       avatarText="Join our growing community!"
       imageSrc="http://img.b2bpic.net/free-photo/woman-listening-music-media-entertainment-relaxation-concept_53876-42802.jpg"
@@ -126,27 +91,17 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
-          text: "Fashion Forward",
+          type: "text",          text: "Fashion Forward"},
+        {
+          type: "text-icon",          text: "New Drops Daily",          icon: Sparkles,
         },
         {
-          type: "text-icon",
-          text: "New Drops Daily",
-          icon: Sparkles,
+          type: "text",          text: "Global Style"},
+        {
+          type: "text-icon",          text: "Unapologetically You",          icon: Heart,
         },
         {
-          type: "text",
-          text: "Global Style",
-        },
-        {
-          type: "text-icon",
-          text: "Unapologetically You",
-          icon: Heart,
-        },
-        {
-          type: "text",
-          text: "Quality Craftsmanship",
-        },
+          type: "text",          text: "Quality Craftsmanship"},
       ]}
     />
   </div>
@@ -159,47 +114,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Mala Vida Hoodie",
-          price: "$75.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-fashion-model-black-suit-generated-by-ai_188544-34551.jpg",
-          imageAlt: "Black Mala Vida Hoodie",
-        },
+          id: "1",          name: "Mala Vida Hoodie",          price: "$75.00",          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-fashion-model-black-suit-generated-by-ai_188544-34551.jpg",          imageAlt: "Black Mala Vida Hoodie"},
         {
-          id: "2",
-          name: "Graphic Tee",
-          price: "$35.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-casual-man_1421-411.jpg",
-          imageAlt: "Black Graphic T-Shirt",
-        },
+          id: "2",          name: "Graphic Tee",          price: "$35.00",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-casual-man_1421-411.jpg",          imageAlt: "Black Graphic T-Shirt"},
         {
-          id: "3",
-          name: "Distressed Jeans",
-          price: "$89.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-punk-female-with-attitude-outdoors_23-2149111018.jpg",
-          imageAlt: "Blue Distressed Jeans",
-        },
+          id: "3",          name: "Distressed Jeans",          price: "$89.99",          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-punk-female-with-attitude-outdoors_23-2149111018.jpg",          imageAlt: "Blue Distressed Jeans"},
         {
-          id: "4",
-          name: "Oversized Jacket",
-          price: "$120.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-together-street_1303-25866.jpg",
-          imageAlt: "Black Oversized Jacket",
-        },
+          id: "4",          name: "Oversized Jacket",          price: "$120.00",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-together-street_1303-25866.jpg",          imageAlt: "Black Oversized Jacket"},
         {
-          id: "5",
-          name: "Cropped Tank Top",
-          price: "$29.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-white-tshirt-standing-wall_618663-103.jpg",
-          imageAlt: "Black Cropped Tank Top",
-        },
+          id: "5",          name: "Cropped Tank Top",          price: "$29.00",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-white-tshirt-standing-wall_618663-103.jpg",          imageAlt: "Black Cropped Tank Top"},
         {
-          id: "6",
-          name: "Leather Mini Skirt",
-          price: "$65.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1374.jpg",
-          imageAlt: "Black Leather Mini Skirt",
-        },
+          id: "6",          name: "Leather Mini Skirt",          price: "$65.00",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1374.jpg",          imageAlt: "Black Leather Mini Skirt"},
       ]}
       title="Our Latest Collection"
       description="Explore the newest additions to the Mala Vida range. Style, comfort, and attitude combined in every stitch."
@@ -214,34 +139,22 @@ export default function LandingPage() {
       features={[
         {
           icon: Apple,
-          title: "Apple Pay",
-          description: "Quick and secure payments directly from your Apple devices.",
-        },
+          title: "Apple Pay",          description: "Quick and secure payments directly from your Apple devices."},
         {
           icon: DollarSign,
-          title: "Cash App",
-          description: "Seamless transactions using your Cash App account.",
-        },
+          title: "Cash App",          description: "Seamless transactions using your Cash App account."},
         {
           icon: Wallet,
-          title: "Venmo",
-          description: "Pay with ease through your Venmo balance or linked accounts.",
-        },
+          title: "Venmo",          description: "Pay with ease through your Venmo balance or linked accounts."},
         {
           icon: DollarSign,
-          title: "Zelle",
-          description: "Fast and free payments directly to our bank account.",
-        },
+          title: "Zelle",          description: "Fast and free payments directly to our bank account."},
         {
           icon: CreditCard,
-          title: "PayPal",
-          description: "Globally trusted and flexible payment options via PayPal.",
-        },
+          title: "PayPal",          description: "Globally trusted and flexible payment options via PayPal."},
         {
           icon: ShieldCheck,
-          title: "Secure Checkout",
-          description: "All transactions are encrypted and protected for your peace of mind.",
-        },
+          title: "Secure Checkout",          description: "All transactions are encrypted and protected for your peace of mind."},
       ]}
       title="Seamless Shopping, Secure Payments"
       description="Experience hassle-free shopping with a variety of trusted payment options for your convenience. We make it easy to pay for your next favorite outfit."
@@ -255,19 +168,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Sparkles,
-          label: "Years in Fashion",
-          value: "5+",
-        },
+          label: "Years in Fashion",          value: "5+"},
         {
           icon: Users,
-          label: "Global Community",
-          value: "10K+",
-        },
+          label: "Global Community",          value: "10K+"},
         {
           icon: Diamond,
-          label: "Quality Craftsmanship",
-          value: "100%",
-        },
+          label: "Quality Craftsmanship",          value: "100%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -277,52 +184,23 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       testimonials={[
         {
-          id: "1",
-          name: "Chloe B.",
-          handle: "@chloe_style",
-          testimonial: "Mala Vida's clothes are not just fashion, they're a statement. Every piece feels unique and high-quality. Absolutely love my new hoodie!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",
-          imageAlt: "Chloe B. profile picture",
-        },
+          id: "1",          name: "Chloe B.",          handle: "@chloe_style",          testimonial: "Mala Vida's clothes are not just fashion, they're a statement. Every piece feels unique and high-quality. Absolutely love my new hoodie!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg",          imageAlt: "Chloe B. profile picture"},
         {
-          id: "2",
-          name: "Jordan P.",
-          handle: "@urban_thread",
-          testimonial: "Finally found a brand that matches my vibe. The designs are fresh, and the fit is perfect. Mala Vida is my new go-to for streetwear.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg",
-          imageAlt: "Jordan P. profile picture",
-        },
+          id: "2",          name: "Jordan P.",          handle: "@urban_thread",          testimonial: "Finally found a brand that matches my vibe. The designs are fresh, and the fit is perfect. Mala Vida is my new go-to for streetwear.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-winks_114579-18692.jpg",          imageAlt: "Jordan P. profile picture"},
         {
-          id: "3",
-          name: "Sophia R.",
-          handle: "@trendsetter_sophia",
-          testimonial: "I always get compliments when I wear Mala Vida. The materials are comfortable, and the aesthetic is just spot on. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-punk-clothes-outdoors_23-2149110977.jpg",
-          imageAlt: "Sophia R. profile picture",
-        },
+          id: "3",          name: "Sophia R.",          handle: "@trendsetter_sophia",          testimonial: "I always get compliments when I wear Mala Vida. The materials are comfortable, and the aesthetic is just spot on. Highly recommend!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-punk-clothes-outdoors_23-2149110977.jpg",          imageAlt: "Sophia R. profile picture"},
         {
-          id: "4",
-          name: "Liam T.",
-          handle: "@liam_fashion",
-          testimonial: "Ordered a few items and was blown away by the quality. Shipping was fast, and the customer service was excellent. Keep up the great work, Mala Vida!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-small-stool-against-white-wall_231208-1168.jpg",
-          imageAlt: "Liam T. profile picture",
-        },
+          id: "4",          name: "Liam T.",          handle: "@liam_fashion",          testimonial: "Ordered a few items and was blown away by the quality. Shipping was fast, and the customer service was excellent. Keep up the great work, Mala Vida!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-small-stool-against-white-wall_231208-1168.jpg",          imageAlt: "Liam T. profile picture"},
         {
-          id: "5",
-          name: "Ava L.",
-          handle: "@ava_chic",
-          testimonial: "This brand truly understands modern style. My wardrobe feels upgraded with their unique pieces. Can't wait for the next drop!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-hairstyle-dressed-stylish-green-clothes-keeps-hands-pocket-looks-away-pensively-poses-urban-place-daytime-people-street-style-lifestyle-concept_273609-56097.jpg",
-          imageAlt: "Ava L. profile picture",
-        },
+          id: "5",          name: "Ava L.",          handle: "@ava_chic",          testimonial: "This brand truly understands modern style. My wardrobe feels upgraded with their unique pieces. Can't wait for the next drop!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-hairstyle-dressed-stylish-green-clothes-keeps-hands-pocket-looks-away-pensively-poses-urban-place-daytime-people-street-style-lifestyle-concept_273609-56097.jpg",          imageAlt: "Ava L. profile picture"},
       ]}
       showRating={true}
       title="What Our Customers Say"
@@ -335,14 +213,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Fashion Insider",
-        "Style Mavens",
-        "Urban Wear Daily",
-        "Trendsetters Magazine",
-        "Vogue Street",
-        "Outfit of the Day",
-        "Street Fashion Blog",
-      ]}
+        "Fashion Insider",        "Style Mavens",        "Urban Wear Daily",        "Trendsetters Magazine",        "Vogue Street",        "Outfit of the Day",        "Street Fashion Blog"]}
       title="Our Community, Our Style"
       description="Proudly worn by fashion enthusiasts and featured by leading style voices. Be part of the Mala Vida movement."
     />
@@ -352,18 +223,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       text="Ready to elevate your style? Connect with Mala Vida for inquiries, collaborations, or just to say hello."
       buttons={[
         {
-          text: "Send an Email",
-          href: "mailto:info@malavida.com",
-        },
+          text: "Send an Email",          href: "mailto:info@malavida.com"},
         {
-          text: "Follow on Instagram",
-          href: "https://instagram.com/malavida_official",
-        },
+          text: "Follow on Instagram",          href: "https://instagram.com/malavida_official"},
       ]}
     />
   </div>
@@ -375,50 +241,31 @@ export default function LandingPage() {
       logoText="Mala Vida"
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Home",
-              href: "#home",
-            },
+              label: "Home",              href: "#home"},
             {
-              label: "Shop",
-              href: "#shop",
-            },
+              label: "Shop",              href: "#shop"},
             {
-              label: "Payments",
-              href: "#payments",
-            },
+              label: "Payments",              href: "#payments"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQs",
-              href: "#",
-            },
+              label: "FAQs",              href: "#"},
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Shipping",
-              href: "#",
-            },
+              label: "Shipping",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1