From 0e86f8622f10484f7efad9c80cc82def29888c44 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 00:00:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 235 ++++++++++++++++++++---------------------------
 1 file changed, 100 insertions(+), 135 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1958c13..bd43c11 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,164 +5,129 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Bot, Target, Zap, BarChart3, CheckCircle, Clock3, BrainCircuit, Rocket, Headphones, FileText, BarChart, Settings, Award, Users } from "lucide-react";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import { Sparkles, Bot, Zap, Award, Users, Clock3, MessageSquare } from "lucide-react";
 
 export default function WebAgency2Page() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="pill"
       contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      sizing="mediumLarge"
+      background="fluid"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="AI Business Automation"
           navItems={[
-            { name: "Webs", id: "webs" },
-            { name: "Marketing", id: "marketing" },
+            { name: "Servicios", id: "servicios" },
             { name: "IA", id: "ia" },
+            { name: "Resultados", id: "resultados" },
             { name: "Contacto", id: "contact" },
           ]}
           button={{ text: "Consulta Gratis", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
-          title="Automatiza y Escala tu Negocio"
-          description="Creamos sitios web profesionales en menos de 2 semanas usando IA. Soluciones inteligentes para que tu empresa crezca más rápido con menos esfuerzo."
-          tag="Resultados en 90 días"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Empezar Proyecto", href: "#contact" },
-            { text: "Ver Servicios", href: "#servicios" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg", imageAlt: "Diseño Web Moderno" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/man-hanging-out-with-robot_23-2151112135.jpg", imageAlt: "Agentes Inteligentes" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "Marketing ROI" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-psd/podcast-landing-page_23-2148879342.jpg", imageAlt: "Landing Page Conversión" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "Automatización de Procesos" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Servicios Core"
-          description="Tecnología aplicada al crecimiento empresarial."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Webs Personalizadas",              description: "Diseño moderno y desarrollo rápido con IA. Sitios optimizados para convertir.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-15994.jpg", imageAlt: "Corporate Site" },
-                { imageSrc: "http://img.b2bpic.net/free-vector/modern-landing-page-with-abstract-design_23-2147999234.jpg", imageAlt: "Landing Page" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg", imageAlt: "Portfolio" },
-              ],
-            },
-            {
-              title: "Marketing & SEO",              description: "Estrategias de tráfico cualificado, Ads y optimización SEO técnica.",              bentoComponent: "line-chart"},
-            {
-              title: "IA & Automatizaciones",              description: "Agentes, Chatbots 24/7 y automatización de procesos financieros y ventas.",              bentoComponent: "chat",              aiIcon: Bot,
-              userIcon: Users,
-              exchanges: [
-                { userMessage: "¿Cómo automatizar ventas?", aiResponse: "Desplegamos un Sales Agent para calificar leads 24/7." },
-                { userMessage: "¿Ahorro de tiempo?", aiResponse: "Promedio de 40+ horas ahorradas a la semana." }
-              ],
-              placeholder: "¿Cómo puedo ayudarte hoy?"
-            }
-          ]}
-        />
-        <MetricCardOne
-          title="Impacto Garantizado"
-          description="Nuestros resultados hablan por sí mismos."
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "turnaround", value: "14 días", title: "Entrega", description: "Tiempo medio de lanzamiento", icon: Clock3 },
-            { id: "satisfaction", value: "98%", title: "Satisfacción", description: "Clientes felices con nuestros procesos", icon: Award },
-            { id: "efficiency", value: "40h+", title: "Ahorro", description: "Horas ahorradas por semana con IA", icon: Zap },
-          ]}
-        />
-        <FeatureCardSixteen
-          title="¿Por qué trabajar con nosotros?"
-          description="Enfoque moderno, directo y orientado a resultados para SMEs."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          negativeCard={{
-            items: [
-              "Costes ocultos innecesarios",              "Procesos lentos y desactualizados",              "Falta de enfoque en la conversión",              "Diseños genéricos sin personalidad",              "Soporte técnico ausente"],
-          }}
-          positiveCard={{
-            items: [
-              "Transparencia total en precios",              "Metodología ágil en 5 pasos",              "Diseño orientado a la conversión",              "Uso avanzado de componentes IA",              "Soporte cercano y continuo"],
-          }}
-        />
-        <FaqBase
-          title="Preguntas Frecuentes"
-          description="Todo lo que necesitas saber sobre nuestra metodología."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "1", title: "¿Cuánto tarda el desarrollo web?", content: "Entregamos tu sitio web profesional en un plazo inferior a 2 semanas gracias a nuestros flujos de IA." },
-            { id: "2", title: "¿Qué impacto tiene la automatización?", content: "Reduces hasta un 65% de errores y respondes 3 veces más rápido a tus clientes." },
-            { id: "3", title: "¿Qué tipo de servicios de marketing ofrecéis?", content: "Cubrimos SEO técnico, contenido, Google Ads, y publicidad en Redes Sociales (Instagram, LinkedIn, etc.)." },
-            { id: "4", title: "¿Ofrecéis soporte constante?", content: "Sí, trabajamos mediante colaboraciones continuas para asegurar que tu sistema de automatización y marketing crezca mensualmente." },
-          ]}
-        />
-        <ContactCTA
-          tag="Empezar Ahora"
-          title="¿Listo para automatizar tu negocio?"
-          description="Respuesta en menos de 24h. Solicita tu consulta gratuita de 30 minutos."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Quiero una Web", href: "#contact" },
-            { text: "Quiero Automatizar", href: "#contact" },
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <FooterBase
+        <div id="hero">
+          <HeroSplitDoubleCarousel
+            title="Automatiza y Escala tu Negocio"
+            description="Creamos sitios web profesionales de alto impacto en menos de 2 semanas usando IA. Soluciones inteligentes para que tu empresa crezca más rápido con menos esfuerzo y mayor rentabilidad."
+            tag="Resultados comprobados en 90 días"
+            tagIcon={Sparkles}
+            tagAnimation="blur-reveal"
+            background={{ variant: "canvas-reveal" }}
+            buttons={[
+              { text: "Empezar Proyecto", href: "#contact" },
+              { text: "Ver Servicios", href: "#servicios" },
+            ]}
+            buttonAnimation="blur-reveal"
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-hanging-out-with-robot_23-2151112135.jpg" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-psd/podcast-landing-page_23-2148879342.jpg" },
+            ]}
+          />
+        </div>
+        <div id="servicios">
+          <FeatureBento
+            title="Nuestra suite tecnológica"
+            description="Potenciamos tu operativa diaria mediante herramientas avanzadas de automatización y diseño digital."
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Sparkles, title: "Webs de IA", description: "Sitios web dinámicos, rápidos y optimizados para el usuario final." },
+              { icon: Bot, title: "Agentes 24/7", description: "IA que califica leads y gestiona clientes sin descanso." },
+              { icon: Zap, title: "Optimización ROI", description: "Estrategias de marketing basadas en datos para maximizar beneficios." }
+            ]}
+          />
+        </div>
+        <div id="resultados">
+          <MetricCardEleven
+            title="Impacto Garantizado"
+            description="Transformación digital tangible desde el primer mes."
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "time", value: "14 días", title: "Entrega Rápida", description: "Time-to-market optimizado", videoSrc: "" },
+              { id: "sat", value: "98%", title: "Satisfacción", description: "Tasa de éxito en implementaciones", videoSrc: "" },
+              { id: "save", value: "40h+", title: "Ahorro Tiempo", description: "Automatización de tareas repetitivas", videoSrc: "" }
+            ]}
+          />
+        </div>
+        <div id="testimonio">
+          <TestimonialCardThirteen
+            title="Historias de Éxito"
+            description="Empresarios como tú ya han escalado sus negocios con nosotros."
+            showRating={true}
+            animationType="depth-3d"
+            textboxLayout="split"
+            testimonials={[
+              { id: "1", name: "Ana García", handle: "@anagarcia", testimonial: "La automatización cambió por completo mi flujo de ventas. Increíble.", rating: 5 },
+              { id: "2", name: "Carlos Ruiz", handle: "@cruiz", testimonial: "Diseño web impecable y entrega en tiempo récord. Altamente recomendado.", rating: 5 }
+            ]}
+          />
+        </div>
+        <div id="faq">
+          <FaqSplitText
+            sideTitle="¿Tienes dudas?"
+            sideDescription="Resolvemos tus preguntas sobre automatización."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "¿Qué garantiza el impacto?", content: "Nuestro proceso utiliza flujos de trabajo validados por IA que reducen el margen de error operativo casi a cero." },
+              { id: "f2", title: "¿Es escalable?", content: "Todas nuestras soluciones están diseñadas para crecer contigo sin necesidad de cambios estructurales mayores." }
+            ]}
+          />
+        </div>
+        <div id="contact">
+          <ContactText
+            text="Estamos listos para llevar tu negocio al siguiente nivel."
+            animationType="background-highlight"
+            background={{ variant: "rotated-rays-animated" }}
+            buttons={[{ text: "Empezar ahora", href: "#contact" }]}
+          />
+        </div>
+        <FooterMedia
           logoText="AI Business Automation"
-          copyrightText="© 2025 | Alejandro Salido Jiménez"
           columns={[
-            {
-              title: "Servicios",              items: [
-                { label: "Custom Websites", href: "/services/custom-websites" },
-                { label: "Marketing & SEO", href: "/services/marketing-seo" },
-                { label: "IA Automations", href: "/services/ai-automations" },
-              ],
-            },
-            {
-              title: "Empresa",              items: [
-                { label: "Contacto", href: "/contact" },
-                { label: "Privacidad", href: "/privacy" },
-                { label: "Legal", href: "/legal-notice" },
-              ],
-            },
+            { title: "Servicios", items: [{ label: "Webs", href: "#" }, { label: "Marketing", href: "#" }] },
+            { title: "Compañía", items: [{ label: "Contacto", href: "#contact" }] }
           ]}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1