From 6da3f7b174e2a645060350a101219a157dd945da Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 22:08:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 425 ++++++++++++++---------------------------------
 1 file changed, 123 insertions(+), 302 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 998f359..76184cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,318 +19,139 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Colección",
-          id: "products",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="Casa Martita"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Colección", id: "products" },
+              { name: "Nosotros", id: "about" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Casa Martita"
+            button={{ text: "Contacto", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="Casa Martita"
-      description="Tu estilo, tu esencia. La mejor selección de moda juvenil en Sololá."
-      buttons={[
-        {
-          text: "Ver Colección",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg?_wi=1"
-      imageAlt="Moda Juvenil Casa Martita"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="Casa Martita"
+            description="Tu estilo, tu esencia. La mejor selección de moda juvenil en Sololá."
+            buttons={[{ text: "Ver Colección", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg"
+            imageAlt="Moda Juvenil Casa Martita"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Más que una tienda"
-      metrics={[
-        {
-          icon: ShoppingBag,
-          label: "Productos",
-          value: "500+",
-        },
-        {
-          icon: Users,
-          label: "Clientes",
-          value: "1000+",
-        },
-        {
-          icon: Award,
-          label: "Estilos",
-          value: "50+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Más que una tienda"
+            metrics={[
+              { icon: ShoppingBag, label: "Productos", value: "500+" },
+              { icon: Users, label: "Clientes", value: "1000+" },
+              { icon: Award, label: "Estilos", value: "50+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          brand: "Casa M",
-          name: "Camisa Casual",
-          price: "Q150",
-          rating: 4,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          brand: "Casa M",
-          name: "Vestido Chic",
-          price: "Q250",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-cap-hitch-hiking-front-restaurant_23-2148148147.jpg",
-        },
-        {
-          id: "3",
-          brand: "Casa M",
-          name: "Chaqueta Urbana",
-          price: "Q350",
-          rating: 4,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-blonde-fashion-model-girl-holding-colorful-pink-donut-funny-joyful-woman-with-sweets-dessert-diet-dieting-concept-junk-food-bright-colors_273443-1077.jpg",
-        },
-        {
-          id: "4",
-          brand: "Casa M",
-          name: "Jean Slim",
-          price: "Q200",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2715.jpg",
-        },
-        {
-          id: "5",
-          brand: "Casa M",
-          name: "Accesorio Trend",
-          price: "Q50",
-          rating: 4,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-grunge-portrait-cheeky-hipster-woman-leather-jacket-rock-style-dark-lips-flash-crazy-emotions-put-hat-her-eyes_291049-1032.jpg",
-        },
-        {
-          id: "6",
-          brand: "Casa M",
-          name: "Zapatillas",
-          price: "Q400",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-leg-sitting-woman_23-2148134035.jpg",
-        },
-      ]}
-      title="Novedades Juveniles"
-      description="Explora lo último en tendencias de la temporada."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Casa M", name: "Camisa Casual", price: "Q150", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg" },
+              { id: "2", brand: "Casa M", name: "Vestido Chic", price: "Q250", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-cap-hitch-hiking-front-restaurant_23-2148148147.jpg" },
+              { id: "3", brand: "Casa M", name: "Chaqueta Urbana", price: "Q350", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blonde-fashion-model-girl-holding-colorful-pink-donut-funny-joyful-woman-with-sweets-dessert-diet-dieting-concept-junk-food-bright-colors_273443-1077.jpg" },
+              { id: "4", brand: "Casa M", name: "Jean Slim", price: "Q200", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2715.jpg" },
+              { id: "5", brand: "Casa M", name: "Accesorio Trend", price: "Q50", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-grunge-portrait-cheeky-hipster-woman-leather-jacket-rock-style-dark-lips-flash-crazy-emotions-put-hat-her-eyes_291049-1032.jpg" },
+              { id: "6", brand: "Casa M", name: "Zapatillas", price: "Q400", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-leg-sitting-woman_23-2148134035.jpg" },
+            ]}
+            title="Novedades Juveniles"
+            description="Explora lo último en tendencias de la temporada."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Envío Rápido",
-          description: "Llevamos tu moda hasta tu puerta.",
-          bentoComponent: "reveal-icon",
-          icon: Truck,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-checking-two-jackets_23-2147601333.jpg",
-          imageAlt: "tienda de ropa interior elegante decorada",
-        },
-        {
-          title: "Estilo Único",
-          description: "Prendas que marcan tendencia.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg?_wi=2",
-          imageAlt: "tienda de ropa interior elegante decorada",
-        },
-        {
-          title: "Precios Justos",
-          description: "Moda de calidad al alcance de todos.",
-          bentoComponent: "reveal-icon",
-          icon: Tag,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg?_wi=2",
-          imageAlt: "tienda de ropa interior elegante decorada",
-        },
-      ]}
-      title="Por qué elegirnos"
-      description="Calidad, estilo y atención personalizada para jóvenes con actitud."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Envío Rápido", description: "Llevamos tu moda hasta tu puerta.", bentoComponent: "reveal-icon", icon: Truck },
+              { title: "Estilo Único", description: "Prendas que marcan tendencia.", bentoComponent: "reveal-icon", icon: Sparkles },
+              { title: "Precios Justos", description: "Moda de calidad al alcance de todos.", bentoComponent: "reveal-icon", icon: Tag },
+            ]}
+            title="Por qué elegirnos"
+            description="Calidad, estilo y atención personalizada para jóvenes con actitud."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Jose Cutillo",
-          date: "Hace 2 meses",
-          title: "Excelente",
-          quote: "Increíble variedad y estilo.",
-          tag: "Cliente",
-          avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-screaming-lady-holding-hands-her-head-closing-eyes_574295-273.jpg",
-        },
-        {
-          id: "2",
-          name: "Jackelinne Ajanel",
-          date: "Hace 2 años",
-          title: "Muy recomendado",
-          quote: "La mejor moda en Sololá.",
-          tag: "Cliente",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits-pointing-something_114579-14805.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-price-tag-clothes_1170-827.jpg",
-        },
-        {
-          id: "3",
-          name: "Reyna Yac",
-          date: "Hace 3 años",
-          title: "Increíble experiencia",
-          quote: "Calidad excepcional.",
-          tag: "Cliente",
-          avatarSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-wonam-sits-summer-outdoor-cafe_1153-5298.jpg",
-        },
-        {
-          id: "4",
-          name: "Luis M.",
-          date: "Hace 1 año",
-          title: "Top!",
-          quote: "Mi tienda favorita siempre.",
-          tag: "Cliente",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-arms-crossed_1187-3193.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-young-woman-looking-happy_1298-527.jpg",
-        },
-        {
-          id: "5",
-          name: "Ana R.",
-          date: "Hace 6 meses",
-          title: "Genial",
-          quote: "Ropa increíble.",
-          tag: "Cliente",
-          avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1740.jpg",
-        },
-      ]}
-      title="Lo que dicen de nosotros"
-      description="Nuestros clientes son nuestra mayor inspiración."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Jose Cutillo", date: "Hace 2 meses", title: "Excelente", quote: "Increíble variedad y estilo.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg" },
+              { id: "2", name: "Jackelinne Ajanel", date: "Hace 2 años", title: "Muy recomendado", quote: "La mejor moda en Sololá.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits-pointing-something_114579-14805.jpg" },
+              { id: "3", name: "Reyna Yac", date: "Hace 3 años", title: "Increíble experiencia", quote: "Calidad excepcional.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/adorable-stylish-lady-with-long-wavy-hair-wearing-fur-coat-posing-outdoor-photoshoot_291650-700.jpg" },
+              { id: "4", name: "Luis M.", date: "Hace 1 año", title: "Top!", quote: "Mi tienda favorita siempre.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling-with-arms-crossed_1187-3193.jpg" },
+              { id: "5", name: "Ana R.", date: "Hace 6 meses", title: "Genial", quote: "Ropa increíble.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg" },
+            ]}
+            title="Lo que dicen de nosotros"
+            description="Nuestros clientes son nuestra mayor inspiración."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "¿Tienen envíos a domicilio?",
-          content: "Sí, realizamos envíos a domicilio en toda la región.",
-        },
-        {
-          id: "2",
-          title: "¿Cuáles son los métodos de pago?",
-          content: "Aceptamos efectivo y transferencias bancarias.",
-        },
-        {
-          id: "3",
-          title: "¿Dónde se ubican?",
-          content: "Estamos en Ciénaga grande K.M.143.5, Santa Lucía Sololá.",
-        },
-      ]}
-      title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber antes de comprar."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "¿Tienen envíos a domicilio?", content: "Sí, realizamos envíos a domicilio en toda la región." },
+              { id: "2", title: "¿Cuáles son los métodos de pago?", content: "Aceptamos efectivo y transferencias bancarias." },
+              { id: "3", title: "¿Dónde se ubican?", content: "Estamos en Ciénaga grande K.M.143.5, Santa Lucía Sololá." },
+            ]}
+            title="Preguntas Frecuentes"
+            description="Todo lo que necesitas saber antes de comprar."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contacto"
-      title="Visítanos o escríbenos"
-      description="Estamos listos para ayudarte con tus compras."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contacto"
+            title="Visítanos o escríbenos"
+            description="Estamos listos para ayudarte con tus compras."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Tienda",
-          items: [
-            {
-              label: "Inicio",
-              href: "#hero",
-            },
-            {
-              label: "Productos",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Facebook",
-              href: "https://facebook.com",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Casa Martita"
-      copyrightText="© 2025 Casa Martita. Todos los derechos reservados."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Tienda", items: [{ label: "Inicio", href: "#hero" }, { label: "Productos", href: "#products" }] },
+              { title: "Social", items: [{ label: "Facebook", href: "https://facebook.com" }] },
+              { title: "Legal", items: [{ label: "Privacidad", href: "#" }] },
+            ]}
+            logoText="Casa Martita"
+            copyrightText="© 2025 Casa Martita. Todos los derechos reservados."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1