From 69403e5f7436ea0cdf49c61022b2b5482d6b1051 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 18:16:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 423 ++++++++++++++---------------------------------
 1 file changed, 128 insertions(+), 295 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e007ea9..c402724 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,311 +16,144 @@ import { Coffee } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Menú",
-          id: "product",
-        },
-        {
-          name: "Opiniones",
-          id: "testimonials",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="Bar Verdía"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Nosotros", id: "about" },
+              { name: "Menú", id: "product" },
+              { name: "Opiniones", id: "testimonials" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Bar Verdía"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Tu rincón favorito en Cee para empezar el día"
-      description="Café excepcional, desayunos deliciosos y un ambiente inmejorable."
-      tag="El mejor bar de Cee"
-      buttons={[
-        {
-          text: "Ver nuestra carta",
-          href: "#product",
-        },
-        {
-          text: "Cómo llegar",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
-          imageAlt: "bar café cozy interior warm lighting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg",
-          imageAlt: "modern café space cozy interior design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-making-coffee-pouring-steamed-milk-into-cappuccino-doing-latte-art-cup_1258-203385.jpg",
-          imageAlt: "Smiling asian barista girl making coffee pouring steamed milk into cappuccino doing latte art in cup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
-          imageAlt: "Male barista preparing coffee",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg",
-          imageAlt: "Coffee Business Concept handsome bearded man in apron making coffee while standing at cafe",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Basado en 500+ reseñas"
-      tagIcon={Coffee}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Tu rincón favorito en Cee para empezar el día"
+            description="Café excepcional, desayunos deliciosos y un ambiente inmejorable."
+            tag="El mejor bar de Cee"
+            buttons={[{ text: "Ver nuestra carta", href: "#product" }, { text: "Cómo llegar", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg", imageAlt: "bar café cozy interior warm lighting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffin_23-2148337164.jpg", imageAlt: "modern café space cozy interior design" }
+            ]}
+            mediaAnimation="blur-reveal"
+            rating={5}
+            ratingText="Basado en 500+ reseñas"
+            tagIcon={Coffee}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Bienvenido a Bar Verdía"
-      description="Creemos que un buen café tiene el poder de cambiarte el día. Nacimos con la idea de crear un espacio auténtico y acogedor donde puedas relajarte, disfrutar y compartir."
-      bulletPoints={[
-        {
-          title: "Atención Cercana",
-          description: "Nuestro equipo se esfuerza cada día por ofrecerte un servicio impecable.",
-        },
-        {
-          title: "Ambiente Chill",
-          description: "Un espacio moderno, cálido y relajado para desconectar de verdad.",
-        },
-        {
-          title: "Calidad Real",
-          description: "Ingredientes locales de primera para que te sientas como en casa.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Bienvenido a Bar Verdía"
+            description="Creemos que un buen café tiene el poder de cambiarte el día. Nacimos con la idea de crear un espacio auténtico y acogedor donde puedas relajarte, disfrutar y compartir."
+            bulletPoints={[
+              { title: "Atención Cercana", description: "Nuestro equipo se esfuerza cada día por ofrecerte un servicio impecable." },
+              { title: "Ambiente Chill", description: "Un espacio moderno, cálido y relajado para desconectar de verdad." },
+              { title: "Calidad Real", description: "Ingredientes locales de primera para que te sientas como en casa." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Sabor Inconfundible",
-          description: "Ingredientes frescos y el mejor café de la zona.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cake-with-lemon-slices-cup-tea-dark-background-biscuit-fruit-citrus-sweet-cake-cookie_140725-121352.jpg",
-          imageAlt: "coffee cup artisan latte art",
-        },
-        {
-          title: "Atención de Primera",
-          description: "Trato amable, cercano y rápido que marca la diferencia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg",
-          imageAlt: "coffee cup artisan latte art",
-        },
-        {
-          title: "Ambiente Único",
-          description: "Un espacio moderno, cálido y relajado para desconectar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-citrus-fruits-as-tangerine-avocado-coconut-grapefruit-lemon-lemon-juice-with-note-pad-center-blue-background-with-copy-space_141793-9606.jpg",
-          imageAlt: "coffee cup artisan latte art",
-        },
-      ]}
-      title="Tu mejor opción en la ciudad"
-      description="Sabor, ambiente y calidad superior a tu alcance."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardEight
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Sabor Inconfundible", description: "Ingredientes frescos y el mejor café de la zona.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cake-with-lemon-slices-cup-tea-dark-background-biscuit-fruit-citrus-sweet-cake-cookie_140725-121352.jpg", imageAlt: "coffee cup artisan latte art" },
+              { title: "Atención de Primera", description: "Trato amable, cercano y rápido que marca la diferencia.", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg", imageAlt: "coffee cup artisan latte art" },
+              { title: "Ambiente Único", description: "Un espacio moderno, cálido y relajado para desconectar.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-citrus-fruits-as-tangerine-avocado-coconut-grapefruit-lemon-lemon-juice-with-note-pad-center-blue-background-with-copy-space_141793-9606.jpg", imageAlt: "coffee cup artisan latte art" }
+            ]}
+            title="Tu mejor opción en la ciudad"
+            description="Sabor, ambiente y calidad superior a tu alcance."
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Café de Especialidad",
-          price: "1.50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-platter-with-bread-cup-tea_114579-71176.jpg",
-        },
-        {
-          id: "p2",
-          name: "Desayuno Salado",
-          price: "4.50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-with-tea-cup-herbal-tea-with-cinnamon-sticks-white-notebook-bowls-candies-chocolate-cream-strawberries-citrus-fruits-table_140725-112011.jpg",
-        },
-        {
-          id: "p3",
-          name: "Desayuno Dulce",
-          price: "3.50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795365.jpg",
-        },
-        {
-          id: "p4",
-          name: "Zumo Natural",
-          price: "2.50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-tea_1098-15516.jpg",
-        },
-        {
-          id: "p5",
-          name: "Aperitivos",
-          price: "2.00€",
-          imageSrc: "http://img.b2bpic.net/free-photo/buns-amidst-breakfast-food_23-2147798984.jpg",
-        },
-        {
-          id: "p6",
-          name: "Té Premium",
-          price: "1.80€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-breakfast-with-toast-egg_23-2148543671.jpg",
-        },
-      ]}
-      title="Menú Destacado"
-      description="Calidad que se saborea en cada sorbo y en cada bocado."
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Café de Especialidad", price: "1.50€", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-platter-with-bread-cup-tea_114579-71176.jpg" },
+              { id: "p2", name: "Desayuno Salado", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-sweets-with-tea-cup-herbal-tea-with-cinnamon-sticks-white-notebook-bowls-candies-chocolate-cream-strawberries-citrus-fruits-table_140725-112011.jpg" },
+              { id: "p3", name: "Desayuno Dulce", price: "3.50€", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795365.jpg" }
+            ]}
+            title="Menú Destacado"
+            description="Calidad que se saborea en cada sorbo y en cada bocado."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marta G.",
-          role: "Cliente",
-          testimonial: "El sabor del café delicioso, el desayuno muy bueno y la atención excelente.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg",
-        },
-        {
-          id: "2",
-          name: "Carlos L.",
-          role: "Cliente",
-          testimonial: "Personal muy majo y atento, buen servicio y ambiente.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
-        },
-        {
-          id: "3",
-          name: "Ana R.",
-          role: "Cliente",
-          testimonial: "Ambiente muy chill, 10/10. Mejor bar de todo Cee.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg",
-        },
-        {
-          id: "4",
-          name: "Juan M.",
-          role: "Cliente",
-          testimonial: "Servicio excelente 10/10.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
-        },
-        {
-          id: "5",
-          name: "Sofía P.",
-          role: "Cliente",
-          testimonial: "Un lugar increíble para desayunar. Volveré seguro.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-with-mug_23-2150767018.jpg",
-        },
-      ]}
-      title="Lo que dicen nuestros clientes"
-      description="El cariño de quienes nos visitan es nuestro mayor orgullo."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Marta G.", role: "Cliente", testimonial: "El sabor del café delicioso, el desayuno muy bueno y la atención excelente.", imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-98.jpg" },
+              { id: "2", name: "Carlos L.", role: "Cliente", testimonial: "Personal muy majo y atento, buen servicio y ambiente.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" }
+            ]}
+            title="Lo que dicen nuestros clientes"
+            description="El cariño de quienes nos visitan es nuestro mayor orgullo."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Clientes felices",
-          items: [
-            "Calificación 5 estrellas",
-            "Ambiente excelente",
-          ],
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Calidad local",
-          items: [
-            "Ingredientes frescos",
-            "Producción propia",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Pasión",
-          items: [
-            "Atención impecable",
-            "Servicio rápido",
-          ],
-        },
-      ]}
-      title="Calidad en Números"
-      description="Más de 5 años ofreciendo los mejores desayunos de Cee."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "500+", title: "Clientes felices", items: ["Calificación 5 estrellas", "Ambiente excelente"] },
+              { id: "m2", value: "100%", title: "Calidad local", items: ["Ingredientes frescos", "Producción propia"] }
+            ]}
+            title="Calidad en Números"
+            description="Más de 5 años ofreciendo los mejores desayunos de Cee."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Visítanos hoy"
-      description="Ven a visitarnos. Te esperamos con la mejor sonrisa, el ambiente más relajado y tu mesa lista."
-      inputs={[
-        {
-          name: "nombre",
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Tu email",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Visítanos hoy"
+            description="Ven a visitarnos. Te esperamos con la mejor sonrisa, el ambiente más relajado y tu mesa lista."
+            inputs={[
+              { name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
+              { name: "email", type: "email", placeholder: "Tu email", required: true }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/we-re-open-red-sign-window_23-2149168999.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Bar Verdía"
-      leftLink={{
-        text: "© 2026 Bar Verdía",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contacto: hola@barverdia.com",
-        href: "mailto:hola@barverdia.com",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Bar Verdía"
+            leftLink={{ text: "© 2026 Bar Verdía", href: "#" }}
+            rightLink={{ text: "Contacto: hola@barverdia.com", href: "mailto:hola@barverdia.com" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1