EN LA SECCION SOBRE NOSOTROS CAMBIA LA ESTADISTICA 499+ CLIENTES SATISFECHOS, ELIMINA 15 PAISES, 98% TASA DE SATISFACCION Y ELIMINA EL BOTON CONOCE NUESTRO EQUIPO - Follow Up Deployment

index.html

@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         .hero-gradient {
-            background: linear-gradient(135deg, #e63946 0%, #a4161a 100%);
+            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
         }
         .feature-card:hover {
             transform: translateY(-5px);
@@ -34,7 +34,7 @@
             <div class="flex justify-between h-16">
                 <div class="flex items-center">
                     <div class="flex-shrink-0 flex items-center">
-                        <i class="fas fa-car text-red-600 text-2xl mr-2"></i>
+                        <i class="fas fa-car text-blue-600 text-2xl mr-2"></i>
                         <span class="text-xl font-bold text-gray-900">LOS PITS</span>
                     </div>
                 </div>
@@ -43,9 +43,6 @@
                     <a href="#servicios" class="text-gray-900 hover:text-indigo-600 px-3 py-2 font-medium">Servicios</a>
                     <a href="#nosotros" class="text-gray-900 hover:text-indigo-600 px-3 py-2 font-medium">Nosotros</a>
                     <a href="#contacto" class="text-gray-900 hover:text-indigo-600 px-3 py-2 font-medium">Contacto</a>
-                    <button class="bg-indigo-600 text-white px-6 py-2 rounded-md font-medium hover:bg-indigo-700 transition duration-300">
-                        Prueba Gratis
-                    </button>
                 </div>
                 <div class="md:hidden flex items-center">
                     <button id="menu-btn" class="text-gray-900">
@@ -61,9 +58,6 @@
             <a href="#servicios" class="block px-3 py-2 text-gray-900 hover:text-indigo-600">Servicios</a>
             <a href="#nosotros" class="block px-3 py-2 text-gray-900 hover:text-indigo-600">Nosotros</a>
             <a href="#contacto" class="block px-3 py-2 text-gray-900 hover:text-indigo-600">Contacto</a>
-            <button class="mt-2 w-full bg-indigo-600 text-white px-6 py-2 rounded-md font-medium hover:bg-indigo-700 transition duration-300">
-                Prueba Gratis
-            </button>
         </div>
     </nav>
 
@@ -90,27 +84,6 @@
         </div>
     </section>
 
-    <!-- Clients Section -->
-    <section class="py-12 bg-gray-50">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <p class="text-center text-gray-500 mb-8">Confían en nosotros</p>
-            <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center">
-                <div class="flex justify-center">
-                    <i class="fab fa-google text-4xl text-gray-600"></i>
-                </div>
-                <div class="flex justify-center">
-                    <i class="fab fa-microsoft text-4xl text-gray-600"></i>
-                </div>
-                <div class="flex justify-center">
-                    <i class="fab fa-amazon text-4xl text-gray-600"></i>
-                </div>
-                <div class="flex justify-center">
-                    <i class="fab fa-apple text-4xl text-gray-600"></i>
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Services Section -->
     <section id="servicios" class="py-20">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -122,8 +95,8 @@
             <div class="grid md:grid-cols-3 gap-8">
                 <!-- Service 1 -->
                 <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
-                    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-tools text-red-600 text-2xl"></i>
+                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-tools text-blue-600 text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-3">Mantenimiento</h3>
                     <p class="text-gray-600 mb-4">Servicios de mantenimiento preventivo y correctivo con repuestos de calidad.</p>
@@ -134,8 +107,8 @@
                 
                 <!-- Service 2 -->
                 <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
-                    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-car-crash text-red-600 text-2xl"></i>
+                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-car-crash text-blue-600 text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-3">Reparación</h3>
                     <p class="text-gray-600 mb-4">Diagnóstico y reparación de fallas mecánicas, eléctricas y electrónicas.</p>
@@ -146,8 +119,8 @@
                 
                 <!-- Service 3 -->
                 <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300">
-                    <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-oil-can text-red-600 text-2xl"></i>
+                    <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-oil-can text-blue-600 text-2xl"></i>
                     </div>
                     <h3 class="text-xl font-bold mb-3">Cambio de Aceite</h3>
                     <p class="text-gray-600 mb-4">Cambio de aceite y filtros con productos premium para proteger tu motor.</p>
@@ -171,28 +144,16 @@
                     <p class="text-gray-600 mb-6">Somos un taller mecánico especializado con más de 15 años de experiencia en el servicio automotriz.</p>
                     <p class="text-gray-600 mb-8">Nuestro equipo de técnicos certificados está comprometido con brindar el mejor servicio para mantener tu vehículo en óptimas condiciones.</p>
                     
-                    <div class="grid grid-cols-2 gap-6 mb-8">
+                    <div class="grid grid-cols-1 gap-6 mb-8">
                         <div>
-                            <h3 class="text-2xl font-bold text-indigo-600">200+</h3>
+                            <h3 class="text-2xl font-bold text-indigo-600">499+</h3>
                             <p class="text-gray-600">Clientes satisfechos</p>
                         </div>
-                        <div>
-                            <h3 class="text-2xl font-bold text-indigo-600">15</h3>
-                            <p class="text-gray-600">Países</p>
-                        </div>
-                        <div>
-                            <h3 class="text-2xl font-bold text-indigo-600">98%</h3>
-                            <p class="text-gray-600">Tasa de satisfacción</p>
-                        </div>
                         <div>
                             <h3 class="text-2xl font-bold text-indigo-600">24/7</h3>
                             <p class="text-gray-600">Soporte disponible</p>
                         </div>
                     </div>
-                    
-                    <button class="bg-indigo-600 text-white px-8 py-3 rounded-md font-bold hover:bg-indigo-700 transition duration-300">
-                        Conoce nuestro equipo
-                    </button>
                 </div>
             </div>
         </div>
@@ -215,10 +176,9 @@
                         </div>
                         <div>
                             <h4 class="font-bold">María González</h4>
-                            <p class="text-gray-600 text-sm">CEO, TiendaOnline</p>
                         </div>
                     </div>
-                    <p class="text-gray-600 mb-4">"Nuestras ventas online aumentaron un 300% después de implementar su solución de e-commerce. El equipo fue profesional y cumplió con todos los plazos."</p>
+                    <p class="text-gray-600 mb-4">"Llevamos nuestros automóviles desde el 2020 ya que nos agrada la confianza que tenemos con el taller automotriz Los Pits."</p>
                     <div class="flex text-yellow-400">
                         <i class="fas fa-star"></i>
                         <i class="fas fa-star"></i>
@@ -236,10 +196,9 @@
                         </div>
                         <div>
                             <h4 class="font-bold">Carlos Martínez</h4>
-                            <p class="text-gray-600 text-sm">Director, AppTech</p>
                         </div>
                     </div>
-                    <p class="text-gray-600 mb-4">"La aplicación móvil que desarrollaron para nosotros superó todas nuestras expectativas. La usabilidad y diseño son excepcionales."</p>
+                    <p class="text-gray-600 mb-4">"Mi primer automóvil tenía un problema donde varios talleres me dieron varios diagnósticos más sin embargo ninguno pudo encontrar el problema, en Los Pits me ayudaron con el problema que tenía mi automóvil."</p>
                     <div class="flex text-yellow-400">
                         <i class="fas fa-star"></i>
                         <i class="fas fa-star"></i>
@@ -257,10 +216,9 @@
                         </div>
                         <div>
                             <h4 class="font-bold">Ana López</h4>
-                            <p class="text-gray-600 text-sm">Marketing, Consultora</p>
                         </div>
                     </div>
-                    <p class="text-gray-600 mb-4">"Su estrategia de marketing digital nos ayudó a posicionarnos como líderes en nuestro sector. Los resultados fueron visibles desde el primer mes."</p>
+                    <p class="text-gray-600 mb-4">"Servicio confiable y garantizado, sin duda se ha convertido en mi taller de ahora en adelante."</p>
                     <div class="flex text-yellow-400">
                         <i class="fas fa-star"></i>
                         <i class="fas fa-star"></i>
@@ -273,22 +231,6 @@
         </div>
     </section>
 
-    <!-- CTA Section -->
-    <section class="py-20 bg-red-600 text-white">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-            <h2 class="text-3xl font-bold mb-6">¿Listo para transformar tu negocio?</h2>
-            <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">Comienza hoy mismo con nuestra prueba gratuita de 14 días. Sin tarjeta de crédito requerida.</p>
-            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
-                <button class="bg-white text-indigo-600 px-8 py-3 rounded-md font-bold hover:bg-gray-100 transition duration-300">
-                    Comenzar Prueba Gratis
-                </button>
-                <button class="border-2 border-white px-8 py-3 rounded-md font-bold hover:bg-white hover:text-indigo-600 transition duration-300">
-                    Hablar con un experto
-                </button>
-            </div>
-        </div>
-    </section>
-
     <!-- Contact Section -->
     <section id="contacto" class="py-20">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -304,7 +246,7 @@
                             </div>
                             <div>
                                 <h4 class="font-bold mb-1">Oficina Principal</h4>
-                                <p class="text-gray-600">Calle Automotriz 456, Ciudad, México</p>
+                                <p class="text-gray-600">Calzada de la Quinta, La Garita, 29230 San Cristobal de Las Casas, Chiapas</p>
                             </div>
                         </div>
                         
@@ -314,7 +256,7 @@
                             </div>
                             <div>
                                 <h4 class="font-bold mb-1">Teléfono</h4>
-                                <p class="text-gray-600">+52 55 1234 5678</p>
+                                <p class="text-gray-600">+52 222 136 1944</p>
                             </div>
                         </div>
                         
@@ -385,7 +327,7 @@
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                 <div>
                     <div class="flex items-center mb-4">
-                        <i class="fas fa-bolt text-indigo-500 text-2xl mr-2"></i>
+                        <i class="fas fa-bolt text-blue-500 text-2xl mr-2"></i>
                         <span class="text-xl font-bold">NEXUS</span>
                     </div>
                     <p class="text-gray-400">Soluciones digitales innovadoras para impulsar tu negocio en la era digital.</p>