Promote version 14073d9 to main

Promoted commit 14073d9d2cc3ce1b83dbdca0af487feb9876b1ea to main branch

index.html

@@ -151,119 +151,6 @@
             </div>
         </div>
     </section>
-    <!-- Image Gallery Carousel -->
-    <section class="py-20 px-4 bg-gray-50">
-        <div class="max-w-6xl mx-auto">
-            <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Descubre Bikelo en Acción</h2>
-            
-            <div class="relative">
-                <div class="carousel-container overflow-hidden rounded-xl shadow-2xl">
-                    <div class="carousel-track flex transition-transform duration-300 ease-in-out">
-                        <!-- Slide 1 -->
-                        <div class="carousel-slide min-w-full">
-                            <div class="grid md:grid-cols-2 gap-8 items-center p-8 bg-white">
-                                <div>
-                                    <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Dashboard_bikelo.jpeg" 
-                                         alt="Dashboard Bikelo - Panel de control principal" 
-                                         class="w-full h-auto rounded-lg shadow-md"
-                                         loading="lazy">
-                                </div>
-                                <div>
-                                    <h3 class="text-2xl font-bold mb-4">Dashboard Inteligente</h3>
-                                    <p class="text-gray-600 mb-4">Controla tu taller desde una única pantalla. Monitorea KPIs clave, estado de reparaciones y rendimiento financiero en tiempo real.</p>
-                                    <ul class="space-y-2">
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Visión 360° de tu negocio</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Alertas automáticas</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Reportes personalizados</li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <!-- Slide 2 -->
-                        <div class="carousel-slide min-w-full">
-                            <div class="grid md:grid-cols-2 gap-8 items-center p-8 bg-white">
-                                <div>
-                                    <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Busqueda_bikelo3.jpeg" 
-                                         alt="Búsqueda Inteligente - Encuentra repuestos al instante" 
-                                         class="w-full h-auto rounded-lg shadow-md"
-                                         loading="lazy">
-                                </div>
-                                <div>
-                                    <h3 class="text-2xl font-bold mb-4">Búsqueda Multicriterio</h3>
-                                    <p class="text-gray-600 mb-4">Encuentra el repuesto perfecto en segundos. Nuestra IA analiza compatibilidad, disponibilidad y mejores precios automáticamente.</p>
-                                    <ul class="space-y-2">
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Compatibilidad automática</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Comparación de precios</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Stock en tiempo real</li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <!-- Slide 3 -->
-                        <div class="carousel-slide min-w-full">
-                            <div class="grid md:grid-cols-2 gap-8 items-center p-8 bg-white">
-                                <div>
-                                    <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_Historial_bikelo6.jpeg" 
-                                         alt="Historial de Clientes - Gestión completa de clientes" 
-                                         class="w-full h-auto rounded-lg shadow-md"
-                                         loading="lazy">
-                                </div>
-                                <div>
-                                    <h3 class="text-2xl font-bold mb-4">Historial Inteligente</h3>
-                                    <p class="text-gray-600 mb-4">Accede al historial completo de cada cliente: reparaciones anteriores, preferencias y oportunidades de venta cruzada.</p>
-                                    <ul class="space-y-2">
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Historial de servicios</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Preferencias guardadas</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Recomendaciones IA</li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        
-                        <!-- Slide 4 -->
-                        <div class="carousel-slide min-w-full">
-                            <div class="grid md:grid-cols-2 gap-8 items-center p-8 bg-white">
-                                <div>
-                                    <img src="https://huggingface.co/spaces/MagoDigi/bikelo-log-stica-ciclista-en-ia/resolve/main/images/Captura_filtros_bikelo.jpeg" 
-                                         alt="Filtros Avanzados - Búsqueda precisa de componentes" 
-                                         class="w-full h-auto rounded-lg shadow-md"
-                                         loading="lazy">
-                                </div>
-                                <div>
-                                    <h3 class="text-2xl font-bold mb-4">Filtros Avanzados</h3>
-                                    <p class="text-gray-600 mb-4">Localiza exactamente lo que necesitas con filtros inteligentes por marca, modelo, categoría y especificaciones técnicas.</p>
-                                    <ul class="space-y-2">
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Búsqueda por especificaciones</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Filtros múltiples</li>
-                                        <li class="flex items-center gap-2"><i data-feather="check" class="w-4 h-4 text-primary"></i> Resultados instantáneos</li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                
-                <!-- Navigation Buttons -->
-                <button class="carousel-prev absolute left-4 top-1/2 transform -translate-y-1/2 bg-white p-3 rounded-full shadow-lg hover:bg-primary hover:text-white transition-all">
-                    <i data-feather="chevron-left" class="w-6 h-6"></i>
-                </button>
-                <button class="carousel-next absolute right-4 top-1/2 transform -translate-y-1/2 bg-white p-3 rounded-full shadow-lg hover:bg-primary hover:text-white transition-all">
-                    <i data-feather="chevron-right" class="w-6 h-6"></i>
-                </button>
-                
-                <!-- Indicators -->
-                <div class="flex justify-center mt-6 space-x-2">
-                    <button class="carousel-indicator w-3 h-3 rounded-full bg-gray-300 hover:bg-primary transition-all" data-slide="0"></button>
-                    <button class="carousel-indicator w-3 h-3 rounded-full bg-gray-300 hover:bg-primary transition-all" data-slide="1"></button>
-                    <button class="carousel-indicator w-3 h-3 rounded-full bg-gray-300 hover:bg-primary transition-all" data-slide="2"></button>
-                    <button class="carousel-indicator w-3 h-3 rounded-full bg-gray-300 hover:bg-primary transition-all" data-slide="3"></button>
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Proof Section -->
     <section class="py-20 px-4 bg-white" id="beneficios">
         <div class="max-w-6xl mx-auto">

script.js

@@ -66,67 +66,6 @@ document.addEventListener('DOMContentLoaded', function() {
             // Here you would typically send this to your analytics
         });
     });
-// Carousel functionality
-function initCarousel() {
-    const track = document.querySelector('.carousel-track');
-    const slides = document.querySelectorAll('.carousel-slide');
-    const prevButton = document.querySelector('.carousel-prev');
-    const nextButton = document.querySelector('.carousel-next');
-    const indicators = document.querySelectorAll('.carousel-indicator');
-    
-    let currentSlide = 0;
-    const slideCount = slides.length;
-    
-    // Update carousel position
-    function updateCarousel() {
-        track.style.transform = `translateX(-${currentSlide * 100}%)`;
-        
-        // Update indicators
-        indicators.forEach((indicator, index) => {
-            indicator.classList.toggle('active', index === currentSlide);
-        });
-    }
-    
-    // Next slide
-    function nextSlide() {
-        currentSlide = (currentSlide + 1) % slideCount;
-        updateCarousel();
-    }
-    
-    // Previous slide
-    function prevSlide() {
-        currentSlide = (currentSlide - 1 + slideCount) % slideCount;
-        updateCarousel();
-    }
-    
-    // Event listeners
-    if (nextButton) nextButton.addEventListener('click', nextSlide);
-    if (prevButton) prevButton.addEventListener('click', prevSlide);
-    
-    // Indicator clicks
-    indicators.forEach((indicator, index) => {
-        indicator.addEventListener('click', () => {
-            currentSlide = index;
-            updateCarousel();
-        });
-    });
-    
-    // Auto-advance carousel
-    let carouselInterval = setInterval(nextSlide, 5000);
-    
-    // Pause on hover
-    const carouselContainer = document.querySelector('.carousel-container');
-    if (carouselContainer) {
-        carouselContainer.addEventListener('mouseenter', () => {
-            clearInterval(carouselInterval);
-        });
-        
-        carouselContainer.addEventListener('mouseleave', () => {
-            carouselInterval = setInterval(nextSlide, 5000);
-        });
-    }
-}
-
 // Animate elements on scroll
 const animateOnScroll = () => {
   const elements = document.querySelectorAll('.animate-on-scroll');
@@ -139,6 +78,7 @@ const animateOnScroll = () => {
     }
   });
 };
+
 // FAQ Accordion
 document.querySelectorAll('.faq-item').forEach(item => {
   const button = item.querySelector('button');
@@ -191,14 +131,10 @@ document.addEventListener('mouseout', (e) => {
     console.log('Exit intent detected - would show popup here');
   }
 });
+
 window.addEventListener('scroll', animateOnScroll);
 animateOnScroll(); // Run once on load
 
-// Initialize carousel
-document.addEventListener('DOMContentLoaded', function() {
-    initCarousel();
-});
-
 // Initialize chatbot (placeholder)
 console.log('Chatbot would be initialized here');
 

style.css

@@ -133,44 +133,6 @@ html {
     white-space: nowrap;
     z-index: 10;
 }
-/* Carousel Styles */
-.carousel-container {
-    position: relative;
-    border-radius: 1rem;
-}
-
-.carousel-track {
-    display: flex;
-}
-
-.carousel-slide {
-    flex-shrink: 0;
-    transition: transform 0.3s ease-in-out;
-}
-
-.carousel-prev,
-.carousel-next {
-    z-index: 10;
-    opacity: 0.8;
-}
-
-.carousel-prev:hover,
-.carousel-next:hover {
-    opacity: 1;
-    transform: translateY(-50%) scale(1.1);
-}
-
-.carousel-indicator.active {
-    background-color: #FFB700 !important;
-    transform: scale(1.2);
-}
-
-/* Image optimization */
-.carousel-slide img {
-    max-width: 100%;
-    height: auto;
-    object-fit: cover;
-}
 
 /* Custom button hover effect */
 .btn-hover {
@@ -197,4 +159,4 @@ html {
 
 .btn-hover:hover::after {
     transform: translateX(0);
-}
+}