Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -5,9 +5,10 @@ import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import { Cloud, Database, Globe, Globe2, Headphones, MapPin, MessageSquare, Palette, Search, User, Wallet, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -44,7 +45,7 @@ export default function LandingPage() {
       background={{
         variant: "plain"}}
       title="Potencia tu presencia digital."
-      description="Tu negocio avanza cuando te encuentran en internet. Soluciones boutique para marcas que buscan resultados reales."
+      description="Transformamos tu presencia online con entregas garantizadas en 7 días y soluciones integrales que aumentan tu conversión un 30% en los primeros meses."
       buttons={[
         {
           text: "Contáctanos",          href: "https://wa.me/593XXXXXXXXX"},
@@ -52,37 +53,22 @@ export default function LandingPage() {
           text: "Ver servicios",          href: "#servicios"},
       ]}
       mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg"
+      imageSrc="https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2426&auto=format&fit=crop"
       imageAlt="Representación moderna de crecimiento digital"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg",          alt: "Cliente satisfecho 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",          alt: "Cliente satisfecho 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",          alt: "Cliente satisfecho 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-with-short-curly-hair-wireless-earphon_574295-3796.jpg",          alt: "Cliente satisfecho 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",          alt: "Cliente satisfecho 5"},
+        { src: "https://i.pravatar.cc/150?u=1", alt: "Cliente 1" },
+        { src: "https://i.pravatar.cc/150?u=2", alt: "Cliente 2" },
+        { src: "https://i.pravatar.cc/150?u=3", alt: "Cliente 3" },
+        { src: "https://i.pravatar.cc/150?u=4", alt: "Cliente 4" },
+        { src: "https://i.pravatar.cc/150?u=5", alt: "Cliente 5" },
       ]}
       avatarText="Más de 50 marcas impulsadas"
       marqueeItems={[
-        {
-          type: "text-icon",          text: "SEO Optimizado",          icon: Search,
-        },
-        {
-          type: "text-icon",          text: "IA Integrada",          icon: Database,
-        },
-        {
-          type: "text-icon",          text: "Soporte 24/7",          icon: Headphones,
-        },
-        {
-          type: "text-icon",          text: "Diseño UX/UI",          icon: Palette,
-        },
-        {
-          type: "text-icon",          text: "Cloud Hosting",          icon: Cloud,
-        },
+        { type: "text-icon", text: "SEO Optimizado", icon: Search },
+        { type: "text-icon", text: "IA Integrada", icon: Database },
+        { type: "text-icon", text: "Soporte 24/7", icon: Headphones },
+        { type: "text-icon", text: "Diseño UX/UI", icon: Palette },
+        { type: "text-icon", text: "Cloud Hosting", icon: Cloud },
       ]}
     />
   </div>
@@ -93,18 +79,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Globe,
-          title: "Páginas Web Profesionales",          description: "Landing pages y sitios web completos entregados en 7 días."},
-        {
-          icon: Globe2,
-          title: "Recepcionista Digital 24/7",          description: "Chatbot con IA que gestiona WhatsApp, Instagram y email automáticamente."},
-        {
-          icon: MessageSquare,
-          title: "Respuestas Instantáneas",          description: "Configuración de respuestas automáticas en todos tus canales digitales."},
-        {
-          icon: MapPin,
-          title: "Presencia en Google",          description: "Optimización de Google Maps para que tus clientes locales te encuentren."},
+        { icon: Globe, title: "Páginas Web Profesionales", description: "Landing pages y sitios web completos entregados en 7 días." },
+        { icon: Globe2, title: "Recepcionista Digital 24/7", description: "Chatbot con IA que gestiona WhatsApp, Instagram y email automáticamente." },
+        { icon: MessageSquare, title: "Respuestas Instantáneas", description: "Configuración de respuestas automáticas en todos tus canales digitales." },
+        { icon: MapPin, title: "Presencia en Google", description: "Optimización de Google Maps para que tus clientes locales te encuentren." },
       ]}
       title="Nuestros servicios"
       description="Soluciones digitales integrales diseñadas para hacer crecer tu marca y simplificar tus operaciones."
@@ -116,15 +94,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="¿Por qué Avance Digital?"
       metrics={[
-        {
-          icon: Zap,
-          label: "Entrega",          value: "Rápida"},
-        {
-          icon: Wallet,
-          label: "Precios",          value: "Accesibles"},
-        {
-          icon: User,
-          label: "Atención",          value: "Personal"},
+        { icon: Zap, label: "Entrega", value: "Rápida" },
+        { icon: Wallet, label: "Precios", value: "Accesibles" },
+        { icon: User, label: "Atención", value: "Personal" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -136,36 +108,39 @@ export default function LandingPage() {
       title="¿Listo para que tu negocio avance?"
       description="Conversemos sobre tu proyecto y cómo podemos ayudarte a escalar."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Tu nombre",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Tu correo",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Tu nombre", required: true },
+        { name: "email", type: "email", placeholder: "Tu correo", required: true },
       ]}
-      buttonText="WhatsApp"
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-workspace-with-laptop-paper-clips_23-2148430814.jpg"
+      buttonText="Enviar mensaje"
+      imageSrc="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=2070&auto=format&fit=crop"
       imageAlt="Profesional trabajando en estrategia digital"
     />
   </div>
 
+  <div id="final-cta" data-section="final-cta">
+    <ContactCTA 
+        tag="Escala ahora"
+        title="Impulsa tu presencia digital"
+        description="Agenda una consultoría gratuita hoy mismo y comencemos a optimizar tu negocio."
+        buttons={[{ text: "Agendar Consulta", href: "https://wa.me/593XXXXXXXXX" }]} 
+        useInvertedBackground={true}
+        background={{ variant: "plain" }}
+    />
+  </div>
+
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       columns={[
         {
           title: "Avance Digital",          items: [
-            {
-              label: "Servicios",              href: "#servicios"},
-            {
-              label: "Nosotros",              href: "#nosotros"},
-            {
-              label: "Contacto",              href: "#contacto"},
+            { label: "Servicios", href: "#servicios" },
+            { label: "Nosotros", href: "#nosotros" },
+            { label: "Contacto", href: "#contacto" },
           ],
         },
         {
           title: "Contacto",          items: [
-            {
-              label: "contacto@avancedigital.ec",              href: "mailto:contacto@avancedigital.ec"},
+            { label: "contacto@avancedigital.ec", href: "mailto:contacto@avancedigital.ec" },
           ],
         },
       ]}
@@ -176,4 +151,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}