Update src/app/page.tsx

src/app/layout.tsx

@@ -18,7 +18,7 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = { title: 'AI Business Automation | Webs Profesionales y Automatización', description: 'Transforma tu negocio con webs de alto impacto en 2 semanas y automatización con IA. Ahorra tiempo, reduce costes y escala tus ventas.', openGraph: { title: 'AI Business Automation | Webs Profesionales y Automatización', description: 'Transforma tu negocio con webs de alto impacto en 2 semanas y automatización con IA.', type: 'website' } };
+export const metadata: Metadata = { title: 'AI Business Automation | Automatiza tu empresa con IA', description: 'Transformación digital e IA para empresas que buscan escala, eficiencia y rentabilidad.', openGraph: { title: 'AI Business Automation | Webs Profesionales y Automatización', description: 'Transforma tu negocio con webs de alto impacto en 2 semanas y automatización con IA.', type: 'website' } };
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -5,164 +5,133 @@ 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 TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactText from "@/components/sections/contact/ContactText";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import { Sparkles, Bot, Zap } from "lucide-react";
-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";
 
 export default function WebAgency2Page() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="pill"
       contentWidth="medium"
-      sizing="medium"
+      sizing="mediumLarge"
-      background="none"
+      background="fluid"
-      cardStyle="glass-elevated"
+      cardStyle="glass-depth"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="AI Business Automation"
           navItems={[
-            { name: "Webs", id: "webs" },
+            { name: "Servicios", id: "servicios" },
-            { name: "Marketing", id: "marketing" },
             { name: "IA", id: "ia" },
+            { name: "Resultados", id: "resultados" },
             { name: "Contacto", id: "contact" },
           ]}
           button={{ text: "Consulta Gratis", href: "#contact" }}
         />
-        <HeroSplitDoubleCarousel
+        <div id="hero">
-          title="Automatiza y Escala tu Negocio"
+          <HeroSplitDoubleCarousel
-          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."
+            title="Automatiza y Escala tu Negocio"
-          tag="Resultados en 90 días"
+            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."
-          tagIcon={Sparkles}
+            tag="Resultados comprobados en 90 días"
-          tagAnimation="slide-up"
+            tagIcon={Sparkles}
-          background={{ variant: "canvas-reveal" }}
+            tagAnimation="blur-reveal"
-          buttons={[
+            background={{ variant: "canvas-reveal" }}
-            { text: "Empezar Proyecto", href: "#contact" },
+            buttons={[
-            { text: "Ver Servicios", href: "#servicios" },
+              { text: "Empezar Proyecto", href: "#contact" },
-          ]}
+              { text: "Ver Servicios", href: "#servicios" },
-          buttonAnimation="slide-up"
+            ]}
-          carouselPosition="right"
+            buttonAnimation="blur-reveal"
-          leftCarouselItems={[
+            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/executive-manager-analyzing-financial-growth-report_482257-77710.jpg" },
-            { 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/man-hanging-out-with-robot_23-2151112135.jpg" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "Marketing ROI" },
+            ]}
-          ]}
+            rightCarouselItems={[
-          rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-psd/podcast-landing-page_23-2148879342.jpg" },
-            { 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" },
+          />
-          ]}
+        </div>
-          carouselItemClassName="!aspect-[4/5]"
+        <div id="servicios">
-        />
+          <FeatureBento
-        <FeatureBento
+            title="Nuestra suite tecnológica"
-          title="Servicios Core"
+            description="Potenciamos tu operativa diaria mediante herramientas avanzadas de automatización y diseño digital."
-          description="Tecnología aplicada al crecimiento empresarial."
+            animationType="blur-reveal"
-          textboxLayout="default"
+            textboxLayout="split"
-          useInvertedBackground={false}
+            useInvertedBackground={false}
-          animationType="slide-up"
+            features={[
-          features={[
+              { bentoComponent: "reveal-icon", icon: Sparkles, title: "Webs de IA", description: "Sitios web dinámicos, rápidos y optimizados para el usuario final." },
-            {
+              { bentoComponent: "reveal-icon", icon: Bot, title: "Agentes 24/7", description: "IA que califica leads y gestiona clientes sin descanso." },
-              title: "Webs Personalizadas",              description: "Diseño moderno y desarrollo rápido con IA. Sitios optimizados para convertir.",              bentoComponent: "media-stack",              items: [
+              { bentoComponent: "reveal-icon", icon: Zap, title: "Optimización ROI", description: "Estrategias de marketing basadas en datos para maximizar beneficios." }
-                { 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" },
+        </div>
-              ],
+        <div id="resultados">
-            },
+          <MetricCardEleven
-            {
+            title="Impacto Garantizado"
-              title: "Marketing & SEO",              description: "Estrategias de tráfico cualificado, Ads y optimización SEO técnica.",              bentoComponent: "line-chart"},
+            description="Transformación digital tangible desde el primer mes."
-            {
+            animationType="scale-rotate"
-              title: "IA & Automatizaciones",              description: "Agentes, Chatbots 24/7 y automatización de procesos financieros y ventas.",              bentoComponent: "chat",              aiIcon: Bot,
+            textboxLayout="default"
-              userIcon: Users,
+            useInvertedBackground={true}
-              exchanges: [
+            metrics={[
-                { userMessage: "¿Cómo automatizar ventas?", aiResponse: "Desplegamos un Sales Agent para calificar leads 24/7." },
+              { id: "time", value: "14 días", title: "Entrega Rápida", description: "Time-to-market optimizado", imageSrc: "http://img.b2bpic.net/free-photo/clock_1.jpg" },
-                { userMessage: "¿Ahorro de tiempo?", aiResponse: "Promedio de 40+ horas ahorradas a la semana." }
+              { id: "sat", value: "98%", title: "Satisfacción", description: "Tasa de éxito en implementaciones", imageSrc: "http://img.b2bpic.net/free-photo/chart_1.jpg" },
-              ],
+              { id: "save", value: "40h+", title: "Ahorro Tiempo", description: "Automatización de tareas repetitivas", imageSrc: "http://img.b2bpic.net/free-photo/robot_1.jpg" }
-              placeholder: "¿Cómo puedo ayudarte hoy?"
+            ]}
-            }
+          />
-          ]}
+        </div>
-        />
+        <div id="testimonio">
-        <MetricCardOne
+          <TestimonialCardThirteen
-          title="Impacto Garantizado"
+            title="Historias de Éxito"
-          description="Nuestros resultados hablan por sí mismos."
+            description="Empresarios como tú ya han escalado sus negocios con nosotros."
-          gridVariant="uniform-all-items-equal"
+            showRating={true}
-          animationType="slide-up"
+            animationType="depth-3d"
-          metrics={[
+            textboxLayout="split"
-            { id: "turnaround", value: "14 días", title: "Entrega", description: "Tiempo medio de lanzamiento", icon: Clock3 },
+            useInvertedBackground={false}
-            { id: "satisfaction", value: "98%", title: "Satisfacción", description: "Clientes felices con nuestros procesos", icon: Award },
+            testimonials={[
-            { id: "efficiency", value: "40h+", title: "Ahorro", description: "Horas ahorradas por semana con IA", icon: Zap },
+              { 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 }
-        />
+            ]}
-        <FeatureCardSixteen
+          />
-          title="¿Por qué trabajar con nosotros?"
+        </div>
-          description="Enfoque moderno, directo y orientado a resultados para SMEs."
+        <div id="faq">
-          textboxLayout="default"
+          <FaqSplitText
-          useInvertedBackground={false}
+            sideTitle="¿Tienes dudas?"
-          animationType="slide-up"
+            sideDescription="Resolvemos tus preguntas sobre automatización."
-          negativeCard={{
+            faqsAnimation="slide-up"
-            items: [
+            useInvertedBackground={false}
-              "Costes ocultos innecesarios",              "Procesos lentos y desactualizados",              "Falta de enfoque en la conversión",              "Diseños genéricos sin personalidad",              "Soporte técnico ausente"],
+            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." },
-          positiveCard={{
+              { id: "f2", title: "¿Es escalable?", content: "Todas nuestras soluciones están diseñadas para crecer contigo sin necesidad de cambios estructurales mayores." }
-            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"],
+          />
-          }}
+        </div>
-        />
+        <div id="contact">
-        <FaqBase
+          <ContactText
-          title="Preguntas Frecuentes"
+            text="Estamos listos para llevar tu negocio al siguiente nivel."
-          description="Todo lo que necesitas saber sobre nuestra metodología."
+            animationType="background-highlight"
-          textboxLayout="default"
+            background={{ variant: "rotated-rays-animated" }}
-          useInvertedBackground={false}
+            useInvertedBackground={false}
-          faqsAnimation="slide-up"
+            buttons={[{ text: "Empezar ahora", href: "#contact" }]}
-          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." },
+        </div>
-            { 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." },
+        <FooterMedia
-            { 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
           logoText="AI Business Automation"
-          copyrightText="© 2025 | Alejandro Salido Jiménez"
+          videoSrc="https://videos.pexels.com/video-files/4114881/4114881-sd_506_960_24fps.mp4"
           columns={[
-            {
+            { title: "Servicios", items: [{ label: "Webs", href: "#" }, { label: "Marketing", href: "#" }] },
-              title: "Servicios",              items: [
+            { title: "Compañía", items: [{ label: "Contacto", href: "#contact" }] }
-                { 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" },
-              ],
-            },
           ]}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}