MOTOCICLETAS DE OCASIÓN
100% GARANTIZADAS

`; overlay.classList.add('open'); } function closeMotoModal(e) { if (e.target.id === 'motoModalOverlay') { document.getElementById('motoModalOverlay').classList.remove('open'); } } function closeMotoModalDirect() { document.getElementById('motoModalOverlay').classList.remove('open'); } // Public Appointment Submission Logic async function handlePublicBooking(e) { e.preventDefault(); const form = e.target; const btn = document.getElementById('btnSubmitBooking'); // Honeypot check if (form.website && form.website.value) return; const name = (form.name.value || '').trim(); const phone = (form.phone.value || '').trim(); const moto = (form.moto.value || '').trim(); const service = form.service.value; const preferredDate = form.preferredDate.value; const preferredTime = form.preferredTime.value; const notes = (form.notes.value || '').trim(); // Basic phone check const cleanPhone = phone.replace(/\D/g, ''); if (cleanPhone.length < 9) { alert('Por favor introduce un número de teléfono de contacto válido (al menos 9 dígitos).'); return; } btn.disabled = true; btn.innerHTML = '⏳ Registrando tu cita...'; const payload = { name, phone, moto, bikeModel: moto, service, preferredDate, preferredTime, notes }; try { const response = await fetch('/api/motorcycle-store-orero/workshop', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); const result = await response.json(); if (result.ok || result.success) { const ref = result.refId || result.ref || 'TALLER-' + Math.floor(1000 + Math.random() * 9000); document.getElementById('bookingRefChip').textContent = ref; const waMsg = encodeURIComponent(`Hola Orero Motorcycles, acabo de solicitar una cita previa con referencia ${ref} para mi ${moto} (${service}).`); // Contact via direct phone call form.style.display = 'none'; document.getElementById('bookingSuccessBox').style.display = 'block'; } else { alert(result.error || 'Error al procesar la cita. Por favor, llámanos directamente al 966 74 01 20.'); btn.disabled = false; btn.innerHTML = '📅 Solicitar Cita Previa'; } } catch (err) { // Offline fallback: generate client reference and prompt direct call const ref = 'TALLER-' + Math.floor(1000 + Math.random() * 9000); document.getElementById('bookingRefChip').textContent = ref; const waMsg = encodeURIComponent(`Hola Orero Motorcycles, he solicitado cita previa (${ref}) para mi ${moto} el día ${preferredDate} en horario ${preferredTime}.`); // Contact via direct phone call form.style.display = 'none'; document.getElementById('bookingSuccessBox').style.display = 'block'; } } function resetBookingForm() { const form = document.getElementById('publicBookingForm'); form.reset(); form.style.display = 'block'; document.getElementById('bookingSuccessBox').style.display = 'none'; const btn = document.getElementById('btnSubmitBooking'); btn.disabled = false; btn.innerHTML = '📅 Solicitar Cita Previa'; } // Legal Modals (Aviso Legal, Privacidad, Cookies) function openLegalModal(type) { const overlay = document.getElementById('legalModalOverlay'); const title = document.getElementById('legalModalTitle'); const body = document.getElementById('legalModalBody'); if (type === 'aviso') { title.textContent = 'Aviso Legal'; body.innerHTML = `

1. Identidad del Responsable: En cumplimiento de la Ley 34/2002 (LSSI-CE), se informa que el sitio web https://oreromotorcycles.es/ es propiedad de Motorcycle Store Orero (en adelante, Orero Motorcycles), con sede física en Calle San Agustín, 18, 03300 Orihuela (Alicante). Teléfono: 966 74 01 20. Email: info@motorcyclestoreorero.com.

2. Objeto: El presente sitio web tiene por objeto ofrecer información comercial, catálogo de motocicletas de ocasión y nuevas, y canal de solicitud de cita previa en nuestro taller especializado.

3. Propiedad Intelectual: Todos los contenidos, logotipos, imágenes y marcas mostradas pertenecen a sus legítimos propietarios o a Orero Motorcycles. Queda prohibida su reproducción sin consentimiento.

`; } else if (type === 'privacidad') { title.textContent = 'Política de Privacidad (RGPD)'; body.innerHTML = `

Responsable del Tratamiento: Orero Motorcycles (Calle San Agustín 18, Orihuela).

Finalidad: Los datos personales facilitados a través de formularios (nombre, teléfono, datos de la motocicleta) se utilizan exclusivamente para gestionar su solicitud de cita previa, responder consultas comerciales o tramitar tasaciones.

Legitimación: Consentimiento expreso del interesado al enviar el formulario.

Destinatarios: No se cederán datos a terceros salvo obligación legal expresa.

Derechos: Podrá ejercer sus derechos de acceso, rectificación, supresión y portabilidad enviando un correo a info@motorcyclestoreorero.com o presencialmente en nuestro taller.

`; } else if (type === 'cookies') { title.textContent = 'Política de Cookies'; body.innerHTML = `

Este sitio web utiliza cookies técnicas indispensables para el funcionamiento y la seguridad de la navegación (cifrado TLS, sesión de navegación).

No se utilizan cookies publicitarias de seguimiento intrusivas ni se comercializan datos de navegación con terceros. Para la visualización interactiva del catálogo, imágenes de alta definición y mapas se emplean recursos optimizados que respetan su privacidad.

`; } overlay.classList.add('open'); } function closeLegalModal(e) { if (e.target.id === 'legalModalOverlay') { document.getElementById('legalModalOverlay').classList.remove('open'); } } function closeLegalModalDirect() { document.getElementById('legalModalOverlay').classList.remove('open'); } // Set minimum date for booking input (tomorrow) const bookDateInput = document.getElementById('bookDate'); if (bookDateInput) { const tomorrow = new Date(); tomorrow.setDate(tomorrow.getDate() + 1); bookDateInput.min = tomorrow.toISOString().split('T')[0]; } // ══════════════════════════════════════════════════════════ // INTERACTIVE ANIMATIONS ENGINE: COUNTERS, 3D TILT & SCROLL // ══════════════════════════════════════════════════════════ // 1. Number Rolling Counters in Hero function animateCounters() { const counters = [ { id: 'countMotos', endVal: 18, suffix: '+', duration: 1600 }, { id: 'countGarantia', endVal: 1, suffix: ' Año', duration: 1200 }, { id: 'countRevision', endVal: 60, suffix: ' Pts', duration: 1800 }, { id: 'countEntrega', endVal: 100, suffix: '%', duration: 2000 } ]; counters.forEach(c => { const el = document.getElementById(c.id); if (!el) return; let start = 0; const startTime = performance.now(); function updateCount(currTime) { const elapsed = currTime - startTime; const progress = Math.min(elapsed / c.duration, 1); // Ease Out Quart const easeProgress = 1 - Math.pow(1 - progress, 4); const currentVal = Math.floor(easeProgress * c.endVal); el.innerHTML = `${currentVal}${c.suffix}`; if (progress < 1) { requestAnimationFrame(updateCount); } else { el.innerHTML = `${c.endVal}${c.suffix}`; } } requestAnimationFrame(updateCount); }); } // 2. Scroll-Driven Intersection Observer Stagger function initScrollAnimations() { const observer = new IntersectionObserver((entries, obs) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('revealed'); obs.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); // Observe section headers, cards, pillars, services const revealTargets = document.querySelectorAll( '.section-header-center, .moto-card, .pillar-card, .service-card, .booking-card, .contact-details-col, .map-embed-col' ); revealTargets.forEach((target, idx) => { target.classList.add('anim-reveal'); // Add subtle staggered delays const delay = (idx % 6) * 0.08; target.style.transitionDelay = `${delay}s`; observer.observe(target); }); } // 3. Interactive 3D Card Magnetic Tilt & Specular Sheen (Desktop) function initCardTilt() { if (window.innerWidth < 1024) return; const cards = document.querySelectorAll('.moto-card, .pillar-card, .service-card'); cards.forEach(card => { card.addEventListener('mousemove', e => { const rect = card.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; card.style.setProperty('--mouse-x', `${x}px`); card.style.setProperty('--mouse-y', `${y}px`); const centerX = rect.width / 2; const centerY = rect.height / 2; const rotateX = ((y - centerY) / centerY) * -7; const rotateY = ((x - centerX) / centerX) * 7; card.style.transform = `perspective(1000px) rotateX(${rotateX.toFixed(2)}deg) rotateY(${rotateY.toFixed(2)}deg) translateY(-8px) scale3d(1.02, 1.02, 1.02)`; }); card.addEventListener('mouseleave', () => { card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0) scale3d(1, 1, 1)'; }); }); } // Run when DOM is ready document.addEventListener('DOMContentLoaded', () => { animateCounters(); initScrollAnimations(); initCardTilt(); }); // Fallback if already loaded if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(() => { animateCounters(); initScrollAnimations(); initCardTilt(); }, 50); }