Promote version b8e32bd to main

Promoted commit b8e32bd6169d6d7f6c34273baff5f9ae55f3adaf to main branch

index.html

@@ -43,16 +43,15 @@
                 </div>
             </div>
             <div class="relative">
-                <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_bienvenida_bikelo.jpeg" alt="Pantalla de bienvenida Bikelo" class="rounded-xl shadow-2xl border-2 border-primary w-full h-auto max-w-2xl" loading="lazy" width="800" height="450">
+                <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Portada_bikeloJPG_web.jpeg" alt="Dashboard Bikelo" class="rounded-xl shadow-2xl border-2 border-primary w-full h-auto max-w-2xl" loading="lazy">
 <div class="absolute -bottom-6 -left-6 bg-primary text-secondary px-4 py-2 rounded-lg font-bold shadow-lg">Plataforma en acción</div>
             </div>
         </div>
     </section>
+
     <!-- Problem Section -->
     <section class="py-20 px-4 bg-gray-50">
-        <div class="max-w-6xl mx-auto text-center mb-12">
-            <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Dashboard_bikelo.jpeg" alt="Dashboard Bikelo mostrando métricas" class="rounded-lg shadow-lg mx-auto mb-8 w-full max-w-4xl" loading="lazy" width="1200" height="675">
-<div class="max-w-6xl mx-auto">
+        <div class="max-w-6xl mx-auto">
             <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">El problema que todos conocemos (pero nadie soluciona)</h2>
 <div class="grid md:grid-cols-3 gap-8">
                 <!-- Problem 1 -->
@@ -84,17 +83,10 @@
             </div>
 </div>
     </section>
+
     <!-- Solution Section -->
     <section class="py-20 px-4" id="funciones">
-        <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-12 items-center mb-16">
-            <div>
-                <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Busqueda_bikelo3.jpeg" alt="Búsqueda avanzada en Bikelo" class="rounded-lg shadow-lg w-full" loading="lazy" width="600" height="400">
-            </div>
-            <div>
-                <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Seleccionados_bikelo1.jpeg" alt="Productos seleccionados en Bikelo" class="rounded-lg shadow-lg w-full" loading="lazy" width="600" height="400">
-            </div>
-        </div>
-<div class="max-w-6xl mx-auto">
+        <div class="max-w-6xl mx-auto">
             <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">La solución que cambiará tu forma de trabajar</h2>
 <div class="grid md:grid-cols-3 gap-8 mb-16">
                 <!-- Feature 1 -->
@@ -225,13 +217,10 @@
             </div>
         </div>
     </section>
+
     <!-- Features Section -->
     <section class="py-20 px-4 bg-gray-50">
-        <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8 mb-12">
-            <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Dashboard_bikelo2.jpeg" alt="Dashboard detallado Bikelo" class="rounded-lg shadow-lg w-full" loading="lazy" width="800" height="450">
-            <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Dashboard_bikelo5.jpeg" alt="Análisis de datos Bikelo" class="rounded-lg shadow-lg w-full" loading="lazy" width="800" height="450">
-        </div>
-<div class="max-w-6xl mx-auto">
+        <div class="max-w-6xl mx-auto">
             <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Todo lo que necesitas en una solución</h2>
 <div class="grid md:grid-cols-3 gap-8 animate-on-scroll">
                 <!-- Module 1 -->
@@ -278,12 +267,10 @@
             </div>
         </div>
     </section>
+
     <!-- Pricing Section -->
     <section hidden class="py-20 px-4 bg-white" id="pricing">
-        <div class="max-w-6xl mx-auto mb-12">
-            <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_filtros_bikelo.jpeg" alt="Filtros avanzados Bikelo" class="rounded-lg shadow-lg mx-auto w-full max-w-4xl" loading="lazy" width="1000" height="563">
-        </div>
-<div class="max-w-6xl mx-auto">
+        <div class="max-w-6xl mx-auto">
             <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Planes que se Pagan Solos</h2>
             
             <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto animate-on-scroll">

script.js

@@ -134,33 +134,10 @@ document.addEventListener('mouseout', (e) => {
 
 window.addEventListener('scroll', animateOnScroll);
 animateOnScroll(); // Run once on load
-// Lazy load images
-document.addEventListener('DOMContentLoaded', function() {
-    const lazyImages = [].slice.call(document.querySelectorAll('img[loading="lazy"]'));
-    
-    if ('IntersectionObserver' in window) {
-        let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
-            entries.forEach(function(entry) {
-                if (entry.isIntersecting) {
-                    let lazyImage = entry.target;
-                    lazyImage.src = lazyImage.src;
-                    lazyImage.classList.add('loaded');
-                    lazyImageObserver.unobserve(lazyImage);
-                }
-            });
-        });
 
-        lazyImages.forEach(function(lazyImage) {
-            lazyImageObserver.observe(lazyImage);
-        });
-    } else {
-        // Fallback for browsers without IntersectionObserver
-        lazyImages.forEach(function(lazyImage) {
-            lazyImage.src = lazyImage.src;
-            lazyImage.classList.add('loaded');
-        });
-    }
-});
+// Initialize chatbot (placeholder)
+console.log('Chatbot would be initialized here');
+
 // Retargeting pixel (placeholder)
 console.log('Retargeting pixel would be loaded here');
 });

style.css

@@ -1,32 +1,5 @@
 
-/* Image optimization styles */
-img {
-    max-width: 100%;
-    height: auto;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-img:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-}
-
-/* Lazy loading styles */
-img[loading="lazy"] {
-    opacity: 0;
-    transition: opacity 0.5s ease;
-}
-
-img[loading="lazy"].loaded {
-    opacity: 1;
-}
-
-/* Responsive images */
-@media (max-width: 768px) {
-    .image-grid {
-        grid-template-columns: 1fr;
-    }
-}
+/* Custom styles that complement Tailwind */
 /* FAQ Styles */
 .faq-item {
   transition: all 0.3s ease;