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

---
 src/app/page.tsx | 513 +++++++++++++++--------------------------------
 1 file changed, 160 insertions(+), 353 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9e4d1a3..b47db91 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,370 +20,177 @@ 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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Menú",
-          id: "menu",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="Café Artisanal"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Nosotros", id: "about" },
+              { name: "Menú", id: "menu" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Café Artisanal"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      title="El aroma de la excelencia en cada taza"
-      description="Descubre la pasión por el café de especialidad en un ambiente cálido y acogedor diseñado para disfrutar cada sorbo."
-      testimonials={[
-        {
-          name: "Ana García",
-          handle: "@anag",
-          testimonial: "El mejor café de la ciudad, un lugar increíble.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs",
-        },
-        {
-          name: "Luis Martínez",
-          handle: "@luism",
-          testimonial: "Ambiente perfecto para trabajar y disfrutar.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=urzlb7",
-        },
-        {
-          name: "Elena Ruiz",
-          handle: "@elena",
-          testimonial: "Deliciosos pasteles y un café excepcional.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wpsz3",
-        },
-        {
-          name: "Carlos Sosa",
-          handle: "@csosa",
-          testimonial: "Atención impecable, siempre vuelvo.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyjmgx",
-        },
-        {
-          name: "Sofía Vega",
-          handle: "@sofiav",
-          testimonial: "Un oasis de tranquilidad en el centro.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0w5tf",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Ver Menú",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y"
-      imageAlt="cozy cafe interior warm lighting"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y",
-          alt: "happy coffee shop customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct",
-          alt: "smiling coffee drinker cafe",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo",
-          alt: "portrait young woman drinking coffee",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl",
-          alt: "business person drinking coffee cafe",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn",
-          alt: "coffee lover smiling portrait",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "100% Arábica",
-        },
-        {
-          type: "text",
-          text: "Comercio Justo",
-        },
-        {
-          type: "text",
-          text: "Tostado Local",
-        },
-        {
-          type: "text",
-          text: "Ambiente Cálido",
-        },
-        {
-          type: "text",
-          text: "Calidad Premium",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitTestimonial
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            title="El aroma de la excelencia en cada taza"
+            description="Descubre la pasión por el café de especialidad en un ambiente cálido y acogedor diseñado para disfrutar cada sorbo."
+            testimonials={[
+              { name: "Ana García", handle: "@anag", testimonial: "El mejor café de la ciudad, un lugar increíble.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs" },
+              { name: "Luis Martínez", handle: "@luism", testimonial: "Ambiente perfecto para trabajar y disfrutar.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=urzlb7" },
+              { name: "Elena Ruiz", handle: "@elena", testimonial: "Deliciosos pasteles y un café excepcional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wpsz3" },
+              { name: "Carlos Sosa", handle: "@csosa", testimonial: "Atención impecable, siempre vuelvo.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pyjmgx" },
+              { name: "Sofía Vega", handle: "@sofiav", testimonial: "Un oasis de tranquilidad en el centro.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w0w5tf" },
+            ]}
+            buttons={[{ text: "Ver Menú", href: "#menu" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y"
+            imageAlt="cozy cafe interior warm lighting"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fyhs6y", alt: "happy coffee shop customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct", alt: "smiling coffee drinker cafe" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo", alt: "portrait young woman drinking coffee" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl", alt: "business person drinking coffee cafe" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn", alt: "coffee lover smiling portrait" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "100% Arábica" },
+              { type: "text", text: "Comercio Justo" },
+              { type: "text", text: "Tostado Local" },
+              { type: "text", text: "Ambiente Cálido" },
+              { type: "text", text: "Calidad Premium" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Nuestra Historia"
-      description="Café Artisanal nació del sueño de traer los mejores granos de origen a tu mesa. Seleccionamos cuidadosamente a nuestros productores para garantizar un sabor auténtico."
-      bulletPoints={[
-        {
-          title: "Calidad Premium",
-          description: "Café 100% arábica de altura.",
-        },
-        {
-          title: "Comercio Justo",
-          description: "Apoyamos a comunidades locales.",
-        },
-        {
-          title: "Ambiente Acogedor",
-          description: "Tu segundo hogar en la ciudad.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct"
-      imageAlt="barista making coffee professional"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Nuestra Historia"
+            description="Café Artisanal nació del sueño de traer los mejores granos de origen a tu mesa. Seleccionamos cuidadosamente a nuestros productores para garantizar un sabor auténtico."
+            bulletPoints={[
+              { title: "Calidad Premium", description: "Café 100% arábica de altura." },
+              { title: "Comercio Justo", description: "Apoyamos a comunidades locales." },
+              { title: "Ambiente Acogedor", description: "Tu segundo hogar en la ciudad." },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7jtcct"
+            imageAlt="barista making coffee professional"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Coffee,
-          title: "Tueste Fresco",
-          description: "Tostamos cada semana en nuestras instalaciones.",
-        },
-        {
-          icon: Users,
-          title: "Atención Personal",
-          description: "Nuestros baristas conocen tus preferencias.",
-        },
-        {
-          icon: Wifi,
-          title: "Espacio Conectado",
-          description: "Wi-Fi de alta velocidad para trabajar cómodamente.",
-        },
-      ]}
-      title="Por qué elegirnos"
-      description="Nos distinguimos por la atención al detalle en cada preparación."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { icon: Coffee, title: "Tueste Fresco", description: "Tostamos cada semana en nuestras instalaciones." },
+              { icon: Users, title: "Atención Personal", description: "Nuestros baristas conocen tus preferencias." },
+              { icon: Wifi, title: "Espacio Conectado", description: "Wi-Fi de alta velocidad para trabajar cómodamente." },
+            ]}
+            title="Por qué elegirnos"
+            description="Nos distinguimos por la atención al detalle en cada preparación."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Espresso Doble",
-          price: "2.50 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo",
-        },
-        {
-          id: "2",
-          name: "Cappuccino Artisanal",
-          price: "3.50 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl",
-        },
-        {
-          id: "3",
-          name: "Latte Vainilla",
-          price: "3.80 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn",
-        },
-        {
-          id: "4",
-          name: "Flat White",
-          price: "3.20 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a47yzw",
-        },
-        {
-          id: "5",
-          name: "Café Filtrado V60",
-          price: "4.00 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbzik1",
-        },
-        {
-          id: "6",
-          name: "Sándwich Gourmet",
-          price: "5.50 €",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o94xrm",
-        },
-      ]}
-      title="Nuestro Menú"
-      description="Una selección artesanal de bebidas y aperitivos pensados para ti."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Espresso Doble", price: "2.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nkvoo" },
+              { id: "2", name: "Cappuccino Artisanal", price: "3.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4fa3jl" },
+              { id: "3", name: "Latte Vainilla", price: "3.80 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nozvjn" },
+              { id: "4", name: "Flat White", price: "3.20 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a47yzw" },
+              { id: "5", name: "Café Filtrado V60", price: "4.00 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbzik1" },
+              { id: "6", name: "Sándwich Gourmet", price: "5.50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o94xrm" },
+            ]}
+            title="Nuestro Menú"
+            description="Una selección artesanal de bebidas y aperitivos pensados para ti."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="Conoce a nuestros baristas"
-      tag="El equipo detrás del sabor"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "1",
-          name: "Marco Rossi",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=okej2t",
-        },
-        {
-          id: "2",
-          name: "Sara López",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zixqnl",
-        },
-        {
-          id: "3",
-          name: "David Chen",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouepn7",
-        },
-      ]}
-      memberVariant="card"
-    />
-  </div>
+        <div id="team" data-section="team">
+            <TeamCardTen
+            useInvertedBackground={true}
+            title="Conoce a nuestros baristas"
+            tag="El equipo detrás del sabor"
+            membersAnimation="slide-up"
+            members={[
+              { id: "1", name: "Marco Rossi", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=okej2t" },
+              { id: "2", name: "Sara López", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zixqnl" },
+              { id: "3", name: "David Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouepn7" },
+            ]}
+            memberVariant="card"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="La mejor experiencia de café, cada detalle cuenta."
-      rating={5}
-      author="María J."
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=07x1jg",
-          alt: "happy coffee shop customer",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rotq1b",
-          alt: "smiling coffee drinker cafe",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbje2e",
-          alt: "portrait young woman drinking coffee",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzkqyg",
-          alt: "business person drinking coffee cafe",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs",
-          alt: "happy coffee shop customer",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="La mejor experiencia de café, cada detalle cuenta."
+            rating={5}
+            author="María J."
+            avatars={[
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=07x1jg", alt: "happy coffee shop customer" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rotq1b", alt: "smiling coffee drinker cafe" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xbje2e", alt: "portrait young woman drinking coffee" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzkqyg", alt: "business person drinking coffee cafe" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58s5xs", alt: "happy coffee shop customer" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "¿Tienen opciones veganas?",
-          content: "Sí, contamos con leches vegetales y pastelería sin lactosa.",
-        },
-        {
-          id: "2",
-          title: "¿Tienen servicio de catering?",
-          content: "Sí, contacta con nosotros para tus eventos corporativos.",
-        },
-        {
-          id: "3",
-          title: "¿Puedo reservar una mesa?",
-          content: "Para grupos mayores de 6 personas, recomendamos reservar.",
-        },
-      ]}
-      sideTitle="Preguntas Frecuentes"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "¿Tienen opciones veganas?", content: "Sí, contamos con leches vegetales y pastelería sin lactosa." },
+              { id: "2", title: "¿Tienen servicio de catering?", content: "Sí, contacta con nosotros para tus eventos corporativos." },
+              { id: "3", title: "¿Puedo reservar una mesa?", content: "Para grupos mayores de 6 personas, recomendamos reservar." },
+            ]}
+            sideTitle="Preguntas Frecuentes"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="¿Quieres saber más sobre nuestro café? Escríbenos para consultas, eventos o simplemente para saludarnos."
-      buttons={[
-        {
-          text: "Contáctanos",
-          href: "mailto:hola@cafeartisanal.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="¿Quieres saber más sobre nuestro café? Escríbenos para consultas, eventos o simplemente para saludarnos."
+            buttons={[{ text: "Contáctanos", href: "mailto:hola@cafeartisanal.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Café Artisanal"
-      columns={[
-        {
-          title: "Navegación",
-          items: [
-            {
-              label: "Inicio",
-              href: "#hero",
-            },
-            {
-              label: "Menú",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="Café Artisanal"
+            columns={[
+              { title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Menú", href: "#menu" }] },
+              { title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1