<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pro-Music Perú | Sonido, Pantallas LED e Iluminación</title> <meta name="description" content="Pro-Music Perú: sonido profesional, pantallas LED, iluminación, DJ y producción técnica para eventos."> <link rel="stylesheet" href="style.css"> </head> <body>  <header class="header" id="inicio"> <div class="container nav-container"> <a href="#inicio" class="logo"> <img src="images/logo-pro-music.png" alt="Pro-Music Perú"> </a> <button class="menu-toggle" id="menuToggle" aria-label="Abrir menú"> <span></span> <span></span> <span></span> </button> <nav class="nav" id="mainNav"> <a href="#inicio">Inicio</a> <a href="#servicios">Servicios</a> <a href="#equipamiento">Equipamiento</a> <a href="#nosotros">Nosotros</a> <a href="#contacto">Contacto</a> </nav> </div> </header> <main>  <section class="hero"> <div class="hero-overlay"></div> <div class="container hero-content"> <span class="hero-tag"> PRODUCCIÓN TÉCNICA PARA EVENTOS </span> <h1> Sonido, imagen e iluminación <span>que hacen la diferencia.</span> </h1> <p> Soluciones profesionales para eventos corporativos, conciertos, bodas, activaciones y producciones especiales. </p> <div class="hero-buttons"> <a href="#contacto" class="btn btn-primary"> Solicitar cotización </a> <a href="https://wa.me/" class="btn btn-outline" target="_blank" rel="noopener"> WhatsApp </a> </div> </div> </section>  <section class="section services" id="servicios"> <div class="container"> <div class="section-heading"> <span>LO QUE HACEMOS</span> <h2>Servicios profesionales para tu evento</h2> <p> Nos encargamos de la solución técnica para que tú puedas concentrarte en que el evento salga perfecto. </p> </div> <div class="services-grid"> <article class="service-card"> <div class="service-icon">01</div> <h3>Sonido profesional</h3> <p> Sistemas de audio profesionales para eventos pequeños, medianos y grandes formatos. </p> </article> <article class="service-card"> <div class="service-icon">02</div> <h3>Pantallas LED</h3> <p> Pantallas LED para escenarios, eventos corporativos, conciertos, activaciones y transmisiones. </p> </article> <article class="service-card"> <div class="service-icon">03</div> <h3>Iluminación</h3> <p> Iluminación arquitectónica, escénica y efectos para crear la atmósfera adecuada. </p> </article> <article class="service-card"> <div class="service-icon">04</div> <h3>DJ y producción</h3> <p> DJ, operación técnica y producción audiovisual para complementar tu evento. </p> </article> </div> </div> </section>  <section class="section equipment" id="equipamiento"> <div class="container"> <div class="section-heading"> <span>NUESTRO EQUIPAMIENTO</span> <h2>Equipo profesional para cada producción</h2> <p> Contamos con equipamiento pensado para ofrecer confiabilidad y calidad en cada evento. </p> </div> <div class="equipment-grid"> <article class="equipment-card"> <img src="images/pantalla-led.jpg" alt="Pantalla LED Pro-Music"> <div class="equipment-info"> <h3>Pantallas LED</h3> <p>Alta definición para escenarios y eventos.</p> </div> </article> <article class="equipment-card"> <img src="images/sonido.jpg" alt="Sistema de sonido profesional"> <div class="equipment-info"> <h3>Sonido profesional</h3> <p>Sistemas de audio para diferentes formatos.</p> </div> </article> <article class="equipment-card"> <img src="images/iluminacion.jpg" alt="Iluminación profesional"> <div class="equipment-info"> <h3>Iluminación</h3> <p>Equipos escénicos y arquitectónicos.</p> </div> </article> <article class="equipment-card"> <img src="images/dj.jpg" alt="DJ y producción musical"> <div class="equipment-info"> <h3>DJ & Producción</h3> <p>Soluciones completas para entretenimiento.</p> </div> </article> </div> </div> </section>  <section class="section about" id="nosotros"> <div class="container about-grid"> <div class="about-image"> <img src="images/pro-music-evento.jpg" alt="Producción Pro-Music Perú"> </div> <div class="about-content"> <span>PRO-MUSIC PERÚ</span> <h2> La parte técnica de tu evento, en buenas manos. </h2> <p> Trabajamos para ofrecer soluciones técnicas confiables y una producción profesional, desde la planificación hasta el desmontaje. </p> <p> Nuestro objetivo es que cada cliente tenga la tranquilidad de saber que el sonido, la imagen y la iluminación están correctamente preparados. </p> <a href="#contacto" class="text-link"> Hablemos de tu próximo evento → </a> </div> </div> </section>  <section class="cta"> <div class="container cta-content"> <span>¿TIENES UN EVENTO EN MENTE?</span> <h2> Cuéntanos qué necesitas. </h2> <p> Te ayudamos a encontrar la solución técnica adecuada para tu evento. </p> <a href="https://wa.me/" class="btn btn-primary" target="_blank" rel="noopener"> Cotizar por WhatsApp </a> </div> </section>  <section class="section contact" id="contacto"> <div class="container contact-grid"> <div class="contact-info"> <span>CONTACTO</span> <h2> Hablemos de tu próximo evento. </h2> <p> Envíanos los detalles de tu evento y te responderemos con una propuesta adecuada a tus necesidades. </p> <div class="contact-details"> <div> <strong>WhatsApp</strong> <a href="https://wa.me/" target="_blank" rel="noopener"> Escríbenos directamente </a> </div> <div> <strong>Email</strong> <a href="mailto:miguel@pro-music-peru.com"> miguel@pro-music-peru.com </a> </div> <div> <strong>Web</strong> <span>pro-music-peru.com</span> </div> </div> </div>  <div class="contact-form-wrapper"> <form id="contactForm" class="contact-form"> <div class="form-group"> <label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" placeholder="Tu nombre" required > </div> <div class="form-group"> <label for="telefono">WhatsApp / Teléfono</label> <input type="tel" id="telefono" name="telefono" placeholder="Tu número" required > </div> <div class="form-group"> <label for="evento">Tipo de evento</label> <input type="text" id="evento" name="evento" placeholder="Ej. Evento corporativo" > </div> <div class="form-group"> <label for="mensaje">¿Qué necesitas?</label> <textarea id="mensaje" name="mensaje" rows="5" placeholder="Cuéntanos sobre tu evento..." required ></textarea> </div> <button type="submit" class="btn btn-primary"> Enviar consulta </button> </form> </div> </div> </section> </main>  <footer class="footer"> <div class="container footer-grid"> <div class="footer-brand"> <img src="images/logo-pro-music.png" alt="Pro-Music Perú"> <p> Sonido · Pantallas LED · Iluminación · Producción </p> </div> <div class="footer-links"> <h4>Navegación</h4> <a href="#inicio">Inicio</a> <a href="#servicios">Servicios</a> <a href="#equipamiento">Equipamiento</a> <a href="#nosotros">Nosotros</a> <a href="#contacto">Contacto</a> </div> <div class="footer-contact"> <h4>Contacto</h4> <a href="mailto:miguel@pro-music-peru.com"> miguel@pro-music-peru.com </a> <a href="https://wa.me/" target="_blank" rel="noopener"> WhatsApp </a> </div> </div> <div class="footer-bottom"> <div class="container"> <p> © <span id="currentYear"></span> Pro-Music Perú. Todos los derechos reservados. </p> </div> </div> </footer>  <a href="https://wa.me/" class="whatsapp-float" target="_blank" rel="noopener" aria-label="Contactar por WhatsApp" > WhatsApp </a>  <script src="script.js"></script> </body> </html>