From 101ecb6eacbefb29b59d7f33ad9b480eee97aba2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 01:57:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 229 ++++++++++++++++++++++-------------------------
 1 file changed, 108 insertions(+), 121 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e662e20..f80c0a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,133 +25,120 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Espacios", id: "spaces" },
-        { name: "Amenidades", id: "amenities" },
-        { name: "Ubicación", id: "location" },
-        { name: "Contacto", id: "contact" },
-      ]}
-      brandName="QUADRA TOWERS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Espacios", id: "spaces" },
+              { name: "Amenidades", id: "amenities" },
+              { name: "Ubicación", id: "location" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="QUADRA TOWERS"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Donde el liderazgo tiene sede."
-      description="Dos torres icónicas de oficinas corporativas en el corazón de Monterrey. Espacios diseñados para empresas que no admiten lo ordinario."
-      testimonials={[
-        {
-          name: "José Raymundo Rivera",          handle: "Tenant",          testimonial: "Amplias oficinas y un lugar muy cómodo para trabajar. Sin duda una de las mejores opciones en Monterrey.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg"},
-        {
-          name: "Nowa",          handle: "Tenant",          testimonial: "Excelente edificación que alberga la modernidad en el nuevo Monterrey. Oficinas corporativas de primer nivel.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg"},
-        {
-          name: "drreal01",          handle: "Tenant",          testimonial: "Limpio, las vistas desde las oficinas parecen de postal. Un gran lugar para trabajar.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg"},
-        {
-          name: "Raúl Cordova",          handle: "Tenant",          testimonial: "Oficinas muy modernas con espacios muy adaptables a la dinámica actual.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
-        {
-          name: "Gilberto Vázquez",          handle: "Arquitecto",          testimonial: "Se ve la mano del arquitecto en la búsqueda de la eficiencia y la belleza.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg"},
-      ]}
-      tag="Torre Premium · San Pedro"
-      buttons={[
-        {
-          text: "Reservar Visita",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "José Raymundo Rivera" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Nowa" },
-        { src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "drreal01" },
-        { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Raúl Cordova" },
-        { src: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg", alt: "Gilberto Vázquez" },
-      ]}
-      avatarText="Únete a nuestra comunidad de líderes"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+            title="Donde el liderazgo tiene sede."
+            description="Dos torres icónicas de oficinas corporativas en el corazón de Monterrey. Espacios diseñados para empresas que no admiten lo ordinario."
+            testimonials={[
+              { name: "José Raymundo Rivera", handle: "Tenant", testimonial: "Amplias oficinas y un lugar muy cómodo para trabajar. Sin duda una de las mejores opciones en Monterrey.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg" },
+              { name: "Nowa", handle: "Tenant", testimonial: "Excelente edificación que alberga la modernidad en el nuevo Monterrey. Oficinas corporativas de primer nivel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
+              { name: "drreal01", handle: "Tenant", testimonial: "Limpio, las vistas desde las oficinas parecen de postal. Un gran lugar para trabajar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg" },
+              { name: "Raúl Cordova", handle: "Tenant", testimonial: "Oficinas muy modernas con espacios muy adaptables a la dinámica actual.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
+              { name: "Gilberto Vázquez", handle: "Arquitecto", testimonial: "Se ve la mano del arquitecto en la búsqueda de la eficiencia y la belleza.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg" },
+            ]}
+            tag="Torre Premium · San Pedro"
+            buttons={[{ text: "Reservar Visita", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", alt: "José Raymundo Rivera" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Nowa" },
+              { src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "drreal01" },
+              { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Raúl Cordova" },
+              { src: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg", alt: "Gilberto Vázquez" },
+            ]}
+            avatarText="Únete a nuestra comunidad de líderes"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      tag="Sobre el Complejo"
-      title="Arquitectura que inspira resultados."
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextAbout
+            useInvertedBackground={true}
+            tag="Sobre el Complejo"
+            title="Arquitectura que inspira resultados."
+          />
+        </div>
 
-  <div id="spaces" data-section="spaces">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Suite Ejecutiva",          description: "Vistas panorámicas 360°, ideales para corporativos de alto nivel.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" }
-        },
-        {
-          title: "Oficina Corporativa",          description: "Espacios modulares con distribución abierta y funcional.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" }
-        },
-        {
-          title: "Oficina PyME",          description: "Soluciones flexibles para equipos dinámicos y proyectos.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" }
-        },
-      ]}
-      showStepNumbers={true}
-      title="Elige el espacio que define tu empresa."
-      description="Explora nuestra selección de oficinas y espacios corporativos adaptables."
-    />
-  </div>
+        <div id="spaces" data-section="spaces">
+            <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Suite Ejecutiva", description: "Vistas panorámicas 360°, ideales para corporativos de alto nivel.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" }
+              },
+              {
+                title: "Oficina Corporativa", description: "Espacios modulares con distribución abierta y funcional.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" }
+              },
+              {
+                title: "Oficina PyME", description: "Soluciones flexibles para equipos dinámicos y proyectos.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3606.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg" }
+              },
+            ]}
+            showStepNumbers={true}
+            title="Elige el espacio que define tu empresa."
+            description="Explora nuestra selección de oficinas y espacios corporativos adaptables."
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Detalles Premium"
-      description="Cada rincón de Quadra Towers ha sido pensado para el éxito."
-      features={[
-        { title: "Seguridad 24/7", descriptions: "Monitoreo constante." },
-        { title: "Alta Velocidad", descriptions: "Fibra óptica dedicada." },
-        { title: "Áreas Verdes", descriptions: "Entorno natural." },
-        { title: "Parking", descriptions: "Acceso exclusivo." },
-        { title: "Lobby", descriptions: "Recepción de lujo." }
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Detalles Premium"
+            description="Cada rincón de Quadra Towers ha sido pensado para el éxito."
+            features={[
+              { title: "Seguridad 24/7", descriptions: ["Monitoreo constante."] },
+              { title: "Alta Velocidad", descriptions: ["Fibra óptica dedicada."] },
+              { title: "Áreas Verdes", descriptions: ["Entorno natural."] },
+              { title: "Parking", descriptions: ["Acceso exclusivo."] },
+              { title: "Lobby", descriptions: ["Recepción de lujo."] }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Contacto"
-      title="Agenda tu visita hoy."
-      description="Estamos listos para recibirte. Agenda una visita sin compromiso y conoce las oficinas que llevarán a tu empresa al siguiente nivel."
-      buttons={[{ text: "Enviar Solicitud", href: "#" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contacto"
+            title="Agenda tu visita hoy."
+            description="Estamos listos para recibirte. Agenda una visita sin compromiso y conoce las oficinas que llevarán a tu empresa al siguiente nivel."
+            buttons={[{ text: "Enviar Solicitud", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="QUADRA TOWERS"
-      columns={[
-        {
-          title: "Espacios",          items: [{ label: "Suites Ejecutivas", href: "#" }, { label: "Oficinas PyME", href: "#" }]
-        },
-        {
-          title: "Información",          items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Contacto", href: "#" }]
-        },
-        {
-          title: "Contacto",          items: [{ label: "+52 81 8000 0000", href: "tel:+528180000000" }]
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="QUADRA TOWERS"
+            columns={[
+              {
+                title: "Espacios", items: [{ label: "Suites Ejecutivas", href: "#" }, { label: "Oficinas PyME", href: "#" }]
+              },
+              {
+                title: "Información", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Contacto", href: "#" }]
+              },
+              {
+                title: "Contacto", items: [{ label: "+52 81 8000 0000", href: "tel:+528180000000" }]
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );