From efc5032548f443599c70624c7513b7fd3bb4e290 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 11:45:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 463 +++++++++++++----------------------------------
 1 file changed, 124 insertions(+), 339 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b281799..43c7276 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,353 +28,138 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Resultados",
-          id: "results",
-        },
-        {
-          name: "Paquetes",
-          id: "pricing",
-        },
-        {
-          name: "Testimonios",
-          id: "testimonials",
-        },
-        {
-          name: "Proceso",
-          id: "process",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="StaneWebs"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Resultados", id: "results" },
+                { name: "Paquetes", id: "pricing" },
+                { name: "Testimonios", id: "testimonials" },
+                { name: "Proceso", id: "process" },
+                { name: "Contacto", id: "contact" },
+              ]}
+              brandName="StaneWebs"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "glowing-orb",
-      }}
-      title="Creemos presencia online que hace crecer tu negocio"
-      description="Webs profesionales • Visibilidad en Google • Contenido IA incluido"
-      testimonials={[
-        {
-          name: "Carlos M.",
-          handle: "Restaurante Miami",
-          testimonial: "En 2 días tenía mi web lista y empecé a recibir reservas desde Google.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
-        },
-        {
-          name: "Ana R.",
-          handle: "Clínica Estética",
-          testimonial: "La web transmite la confianza que buscaba y se nota en las ventas.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=1",
-        },
-        {
-          name: "Luis P.",
-          handle: "Barbería Pro",
-          testimonial: "El contenido IA que me generaron fue un game changer.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=1",
-        },
-        {
-          name: "Sofia G.",
-          handle: "Real Estate Miami",
-          testimonial: "Ahora aparezco en Maps con fotos y botón de reserva. Impresionante.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg?_wi=1",
-        },
-        {
-          name: "Javier D.",
-          handle: "Consultoría Legal",
-          testimonial: "La automatización del contenido ha liberado horas de trabajo. Recomendado.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=2",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Agendar llamada de estrategia",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardTestimonial
+              useInvertedBackground={true}
+              background={{ variant: "glowing-orb" }}
+              title="Creemos presencia online que hace crecer tu negocio"
+              description="Webs profesionales • Visibilidad en Google • Contenido IA incluido"
+              testimonials={[
+                { name: "Carlos M.", handle: "Restaurante Miami", testimonial: "En 2 días tenía mi web lista y empecé a recibir reservas desde Google.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
+                { name: "Ana R.", handle: "Clínica Estética", testimonial: "La web transmite la confianza que buscaba y se nota en las ventas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg" },
+                { name: "Luis P.", handle: "Barbería Pro", testimonial: "El contenido IA que me generaron fue un game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
+                { name: "Sofia G.", handle: "Real Estate Miami", testimonial: "Ahora aparezco en Maps con fotos y botón de reserva. Impresionante.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
+                { name: "Javier D.", handle: "Consultoría Legal", testimonial: "La automatización del contenido ha liberado horas de trabajo. Recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
+              ]}
+              buttons={[{ text: "Agendar llamada de estrategia", href: "#contact" }]}
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png"
+            />
+        </div>
 
-  <div id="results" data-section="results">
-      <MetricCardEleven
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "+35%",
-          title: "Más leads generados",
-          description: "Incremento promedio de prospectos calificados.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=1",
-        },
-        {
-          id: "m2",
-          value: "+40%",
-          title: "Más pedidos WhatsApp",
-          description: "Optimización de botones de contacto directo.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=2",
-        },
-        {
-          id: "m3",
-          value: "24h",
-          title: "Tiempo de entrega",
-          description: "Eficiencia garantizada con contenido IA.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=3",
-        },
-      ]}
-      title="Resultados Medibles"
-      description="Datos reales que impulsan la rentabilidad de tu negocio desde el día uno."
-    />
-  </div>
+        <div id="results" data-section="results">
+            <MetricCardEleven
+              animationType="blur-reveal"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "m1", value: "+35%", title: "Más leads generados", description: "Incremento promedio de prospectos calificados.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
+                { id: "m2", value: "+40%", title: "Más pedidos WhatsApp", description: "Optimización de botones de contacto directo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
+                { id: "m3", value: "24h", title: "Tiempo de entrega", description: "Eficiencia garantizada con contenido IA.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
+              ]}
+              title="Resultados Medibles"
+              description="Datos reales que impulsan la rentabilidad de tu negocio desde el día uno."
+            />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "starter",
-          badge: "Básico",
-          price: "Personalizado",
-          subtitle: "Presencia profesional inmediata",
-          features: [
-            "Diseño web responsive",
-            "SEO básico",
-            "Integración WhatsApp",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Más Elegido",
-          price: "Personalizado",
-          subtitle: "Visibilidad y conversiones",
-          features: [
-            "Todo lo anterior",
-            "Google Maps optimizado",
-            "Contenido IA avanzado",
-          ],
-        },
-        {
-          id: "vip",
-          badge: "Liderazgo",
-          price: "Personalizado",
-          subtitle: "Dominio de tu sector",
-          features: [
-            "Presencia Premium 360",
-            "SEO de alta competencia",
-            "Soporte priority",
-          ],
-        },
-      ]}
-      title="Elige el sistema de crecimiento"
-      description="Seleccionamos la solución exacta para escalar tu presencia en el mercado."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+              animationType="depth-3d"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              plans={[
+                { id: "starter", badge: "Básico", price: "Personalizado", subtitle: "Presencia profesional inmediata", features: ["Diseño web responsive", "SEO básico", "Integración WhatsApp"] },
+                { id: "pro", badge: "Más Elegido", price: "Personalizado", subtitle: "Visibilidad y conversiones", features: ["Todo lo anterior", "Google Maps optimizado", "Contenido IA avanzado"] },
+                { id: "vip", badge: "Liderazgo", price: "Personalizado", subtitle: "Dominio de tu sector", features: ["Presencia Premium 360", "SEO de alta competencia", "Soporte priority"] },
+              ]}
+              title="Elige el sistema de crecimiento"
+              description="Seleccionamos la solución exacta para escalar tu presencia en el mercado."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Carlos M.",
-          role: "Restaurante Miami",
-          company: "Miami Eats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=3",
-        },
-        {
-          id: "t2",
-          name: "Ana R.",
-          role: "Clínica",
-          company: "Beauty Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Luis P.",
-          role: "Propietario",
-          company: "Barberia Pro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          name: "Sofia G.",
-          role: "Manager",
-          company: "Real Estate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg?_wi=2",
-        },
-        {
-          id: "t5",
-          name: "Marco V.",
-          role: "Director",
-          company: "Tech Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=3",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "100%",
-          label: "Satisfacción",
-        },
-        {
-          value: "500+",
-          label: "Webs lanzadas",
-        },
-        {
-          value: "24h",
-          label: "Respuesta",
-        },
-      ]}
-      title="Lo que dicen nuestros clientes"
-      description="Casos de éxito que respaldan nuestra metodología de crecimiento premium."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+              animationType="scale-rotate"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "t1", name: "Carlos M.", role: "Restaurante Miami", company: "Miami Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
+                { id: "t2", name: "Ana R.", role: "Clínica", company: "Beauty Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg" },
+                { id: "t3", name: "Luis P.", role: "Propietario", company: "Barberia Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
+                { id: "t4", name: "Sofia G.", role: "Manager", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
+                { id: "t5", name: "Marco V.", role: "Director", company: "Tech Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
+              ]}
+              kpiItems={[
+                { value: "100%", label: "Satisfacción" },
+                { value: "500+", label: "Webs lanzadas" },
+                { value: "24h", label: "Respuesta" },
+              ]}
+              title="Lo que dicen nuestros clientes"
+              description="Casos de éxito que respaldan nuestra metodología de crecimiento premium."
+            />
+        </div>
 
-  <div id="process" data-section="process">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Presencia Online",
-          description: "Construimos tu plataforma con diseño premium y conversión asegurada.",
-          bentoComponent: "reveal-icon",
-          icon: Globe,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=2",
-          imageAlt: "A hyper-realistic, cinematic 3D digital globe representing a global business network. The planet fea",
-        },
-        {
-          title: "Visibilidad Google",
-          description: "Optimizamos tu perfil y sitio para que te encuentren hoy mismo.",
-          bentoComponent: "reveal-icon",
-          icon: Search,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=4",
-          imageAlt: "A floating composition of a modern MacBook Pro and iPhone 16 Pro in a luxury studio setting. Sleek m",
-        },
-        {
-          title: "Conversión IA",
-          description: "Automatizamos el contenido que atrae y cierra nuevos clientes.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=4",
-          imageAlt: "professional headshot portrait",
-        },
-      ]}
-      title="Cómo ayudamos a crecer tu negocio"
-      description="Una metodología estructurada para resultados predecibles y escalables."
-    />
-  </div>
+        <div id="process" data-section="process">
+            <FeatureBento
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              features={[
+                { title: "Presencia Online", description: "Construimos tu plataforma con diseño premium y conversión asegurada.", bentoComponent: "reveal-icon", icon: Globe },
+                { title: "Visibilidad Google", description: "Optimizamos tu perfil y sitio para que te encuentren hoy mismo.", bentoComponent: "reveal-icon", icon: Search },
+                { title: "Conversión IA", description: "Automatizamos el contenido que atrae y cierra nuevos clientes.", bentoComponent: "reveal-icon", icon: Zap },
+              ]}
+              title="Cómo ayudamos a crecer tu negocio"
+              description="Una metodología estructurada para resultados predecibles y escalables."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "¿Cuánto tardan en entregar mi web?",
-          content: "En promedio 48 horas tras recopilar la información.",
-        },
-        {
-          id: "f2",
-          title: "¿Qué necesito para empezar?",
-          content: "Solo tus fotos, logo y los objetivos de tu negocio.",
-        },
-        {
-          id: "f3",
-          title: "¿Tienen garantía?",
-          content: "Sí, satisfacción garantizada o ajustamos el diseño hasta que estés feliz.",
-        },
-        {
-          id: "f4",
-          title: "¿Mi negocio aparecerá en Google?",
-          content: "Nos enfocamos en optimizar tu presencia para que aparezcas en buscadores.",
-        },
-      ]}
-      title="¿Tienes preguntas?"
-      description="Aquí resolvemos tus dudas sobre nuestro sistema de crecimiento."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqDouble
+              textboxLayout="default"
+              useInvertedBackground={false}
+              faqs={[
+                { id: "f1", title: "¿Cuánto tardan en entregar mi web?", content: "En promedio 48 horas tras recopilar la información." },
+                { id: "f2", title: "¿Qué necesito para empezar?", content: "Solo tus fotos, logo y los objetivos de tu negocio." },
+                { id: "f3", title: "¿Tienen garantía?", content: "Sí, satisfacción garantizada o ajustamos el diseño hasta que estés feliz." },
+                { id: "f4", title: "¿Mi negocio aparecerá en Google?", content: "Nos enfocamos en optimizar tu presencia para que aparezcas en buscadores." },
+              ]}
+              title="¿Tienes preguntas?"
+              description="Aquí resolvemos tus dudas sobre nuestro sistema de crecimiento."
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Hablemos. En 24h te enviamos una demo personalizada de cómo se verá tu negocio."
-      buttons={[
-        {
-          text: "Solicitar tu llamada",
-          href: "tel:+1234567890",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+              useInvertedBackground={true}
+              background={{ variant: "sparkles-gradient" }}
+              text="Hablemos. En 24h te enviamos una demo personalizada de cómo se verá tu negocio."
+              buttons={[{ text: "Solicitar tu llamada", href: "tel:+1234567890" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=3"
-      columns={[
-        {
-          title: "Navegación",
-          items: [
-            {
-              label: "Resultados",
-              href: "#results",
-            },
-            {
-              label: "Paquetes",
-              href: "#pricing",
-            },
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png"
+              columns={[
+                { title: "Navegación", items: [{ label: "Resultados", href: "#results" }, { label: "Paquetes", href: "#pricing" }, { label: "Contacto", href: "#contact" }] },
+                { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1