Chicato Website - Copy this React, Tailwind Component to your project
Genera una página web de una sola página (one-page) para un productor musical y DJ llamado Chicato. La página debe estar estructurada de manera clara, moderna y funcional, con las siguientes secciones: Header (Encabezado): No incluyas logo ni iconos de redes sociales en el encabezado. Crea un menú de navegación fijo que incluya los siguientes enlaces ancla: About Me (Acerca de mí) Nuevos Lanzamientos Mis Tracks Testimonios Contacto About Me (Acerca de mí): En esta sección, incluye una foto de Chicato junto a una imagen de un DJ en acción (puede ser un DJ tocando en un escenario o una foto de él en un evento en vivo). El texto debe ser una pequeña biografía donde se hable de su estilo musical, influencias, y su carrera. Un ejemplo de texto: "Soy Chicato, un productor musical y DJ con un estilo único que fusiona [género musical]. Mi música ha sido presentada en [eventos importantes] y colaborado con [nombres de artistas]." La foto del DJ debe ir al lado de la descripción. Nuevos Lanzamientos: Muestra tres lanzamientos recientes de Chicato. Cada uno debe incluir: Una miniatura de la portada del lanzamiento. Una breve descripción del lanzamiento con un texto como: "Mi nuevo single 'Nombre del single' está disponible en todas las plataformas. Escúchalo ahora en Spotify." Enlaces a plataformas principales como Spotify, SoundCloud y YouTube. Asegúrate de que estos tres lanzamientos sean visualmente destacados en esta sección. Mis Tracks (Discografía): En esta sección, incluye más de seis tracks clásicos de Chicato. Los tracks deben presentarse en un carrousel que se deslice automáticamente, con los siguientes elementos: Título del track. Un enlace para escuchar el fragmento en SoundCloud. Enlaces a otras plataformas como Spotify y YouTube. Debajo de los tracks, muestra los enlaces a sus redes sociales musicales: SoundCloud, Spotify, YouTube e Instagram. Esto debe ser visible para que los usuarios puedan seguirlo fácilmente. Testimonios: Añade una sección con comentarios de fans o medios de comunicación sobre la música de Chicato. Cada testimonio debe incluir el nombre de la persona o medio, su cita y la fuente (si es relevante). Ejemplo de testimonio: "‘Chicato es un productor emergente con un sonido fresco y único. Su estilo es inconfundible.’ – Revista Musical." "‘Un DJ que sabe cómo poner a la gente a bailar con su música energética.’ – Fan en Instagram." Contacto: Incluye un formulario simple con los siguientes campos: Nombre (campo de texto) Correo electrónico (campo de correo) Mensaje (campo de texto largo) Añade un botón para enviar el mensaje (puede decir "Enviar mensaje"). El campo de correo electrónico debe ser representado con un icono de mail (puede ser un ícono de sobre) que redirige al usuario a una acción de mailto. Al hacer clic, debería abrir el cliente de correo predeterminado para enviar un mensaje a contacto@chicato.com. También incluye los enlaces visibles a las redes sociales de Chicato (Instagram, SoundCloud, YouTube, Spotify) en esta sección para facilitar el contacto. Footer (Pie de página): Añade un aviso de derechos reservados, por ejemplo: "© 2024 Chicato. Todos los derechos reservados." Incluye los mismos enlaces de redes sociales en el pie de página. Diseño visual: El diseño debe ser moderno, minimalista y visualmente atractivo, con un enfoque en la música y la imagen de Chicato. Utiliza colores y tipografía que reflejen su estilo musical (puede ser una combinación de colores oscuros con detalles brillantes si su estilo es más electrónico, por ejemplo). Asegúrate de que la página esté optimizada para dispositivos móviles y que cargue rápidamente. El diseño debe ser fácil de navegar y permitir que los usuarios escuchen música y contacten a Chicato sin problemas
