Clon de SoundCloud — hub para creadores de audio

Ruta sugerida: soundcloud-clone Objetivo: Crear una landing page web premium, moderna, musical, social, inmersiva, funcional y responsive para una plataforma ficticia y original de streaming de audio llamada WaveCloud. Nota de marca: Crear una plataforma ficticia y original inspirada en apps modernas de música y audio social, sin copiar logos, nombres comerciales, identidad visual exacta, textos oficiales, assets propietarios, interfaz protegida, colores oficiales, audio real, canciones reales, portadas reales ni diseño exacto de SoundCloud u otra marca real. Concepto principal: La web debe sentirse como entrar a un estudio musical 3D donde las ondas de audio se convierten en paisajes visuales. Al hacer scroll, la cámara recorre un escenario digital con reproductor central, waveforms luminosas, parlantes, vinilos, casetes futuristas, tarjetas de tracks, playlists, portadas flotantes, avatares de artistas, comentarios por timestamp, visualizadores, uploads y dashboards de creadores. Requisitos principales: Crear una landing page completa, moderna, funcional y responsive.; Incluir un canvas 3D visible e integrado en la experiencia principal.; Agregar animaciones de scroll 3D.; Agregar efectos parallax en textos, waveforms, reproductor, parlantes, vinilos, tracks, portadas, playlists, avatares, comentarios, botones, visualizadores y fondos.; Todos los botones deben funcionar correctamente.; Optimizar para desktop, tablet y móvil.; Usar animaciones suaves, rítmicas, musicales y con buen rendimiento.; Mantener la escena clara, premium, creativa, energética, ordenada y fácil de navegar.; Usar datos ficticios para tracks, artistas, reproducciones, likes, playlists, comentarios, analytics, precios y planes.; No usar audio protegido ni prometer monetización garantizada.; Incluir mensajes como “demo audio only”, “fictional creator data” y “results depend on audience growth and platform rules”. Organizacion visual: max_width: 1200px o 1280px; padding_desktop: 96px a 150px por sección; padding_mobile: 24px a 32px; gaps: 24px, 32px o 48px; descripcion: No amontonar tracks, waveforms, playlists, portadas, botones, formularios, pricing ni visuales 3D. Separar cada bloque musical con suficiente espacio visual.; fondos: negro estudio; naranja original; violeta noche; azul profundo; blanco frío; bloques glassmorphism; gradientes de audio; líneas de waveform; divisores sutiles Estructura: header: logo: WAVECLOUD; menu: Home; Discover; Tracks; Artists; Playlists; Upload; Creator Tools; Pricing; Contact; botones: Start Listening; Upload Track; descripcion: Header fijo con fondo translúcido tipo glassmorphism oscuro, menú móvil hamburguesa funcional y scroll suave hacia cada sección.; microinteracciones: Logo con waveform animada; Enlaces con underline rítmico; Botones con elevación, glow naranja/violeta/cian y feedback visual; Menú móvil con transición limpia; hero: titulo: Discover Independent Audio in a 3D Sound Universe; subtitulo: Stream fictional tracks, explore creators, comment on waveforms, build playlists and upload demo audio inside an immersive music platform concept.; busqueda: input: Search tracks, artists or moods; selector: Electronic; Hip-Hop; Indie; Ambient; Podcast; Beats; Lo-Fi; Experimental; boton: Search WaveCloud; botones: Enter Sound Universe; Play Featured Track; Upload Demo Track; texto_visible: Fictional tracks and demo audio experience only.; visual: Estudio musical 3D con reproductor central, waveform gigante, parlantes, vinilos, portadas flotantes, tarjetas de tracks, artistas, visualizador de audio, comentarios, luces de escenario, partículas rítmicas y profundidad visual.; canvas_3d: nombre: Sound Universe Experience; descripcion: Crear una escena 3D dentro de un canvas que represente un estudio musical digital premium.; elementos: Reproductor 3D central; Waveform luminosa; Parlantes 3D; Vinilos y discos abstractos; Casetes futuristas; Tarjetas de tracks; Portadas ficticias; Playlists flotantes; Avatares de artistas; Comentarios por timestamp; Visualizador de audio; Botón play 3D; Panel de upload; Dashboard de creator analytics; CTA flotante de registro; hotspots: Featured Player; Waveform Comments; Track Cards; Artist Profile; Playlist Shelf; Upload Studio; Creator Analytics; Start Listening; animacion_principal: El botón “Enter Sound Universe” debe activar una animación donde la cámara entra al estudio, rodea el reproductor, activa una waveform, reproduce un track simulado, abre comentarios, guarda en playlist, muestra perfil de artista, abre upload y termina frente al CTA “Start Listening”.; secciones: nombre: Platform Overview; titulo: Stream, Share and Grow Your Sound; cards: Social Audio Player; Waveform Comments; Creator Profiles; Upload & Analytics; nombre: Featured Player; track: Neon Skyline Drift; artista: Luma Echo; elementos: Portada; Waveform; Play/Pause; Barra de progreso; Tiempo actual; Duración; Volumen; Like; Repost placeholder; Add to playlist; Share; Comentarios por timestamp; botones: Play Track; Pause Track; Like Track; Add to Playlist; Share Track; nombre: Tracks; tracks: Midnight Pulse; Cloud Runner; Golden Static; City Loop; Analog Dreams; Velvet Bass; Rain Tape; Orbit Delay; Sunset Frequencies; Deep Room Signal; botones: Play Preview; Like; Add to Queue; More Info; nombre: Track Detail; elementos: Título; Artista; Portada; Waveform completa; Descripción; Género; Tags; Fecha ficticia; Licencia placeholder; Comentarios por timestamp; Similar tracks; botones: Play Now; Follow Artist; Add Comment; Close; nombre: Waveform Comments; elementos: Waveform grande; Marcadores por timestamp; Comentarios flotantes; Usuario ficticio; Reacciones; botones: Add Timestamp Comment; React; Jump to Moment; Hide Comments; nombre: Artists; artistas: Luma Echo; Kai Voltage; Nora Static; Milo Wave; Ava Frequencies; Echo District; Velvet Circuit; Skyline Tapes; botones: Open Artist; Follow; Play Top Track; nombre: Artist Profile; elementos: Header visual; Avatar; Bio; Tracks; Albums placeholder; Playlists; Stats ficticios; Links sociales placeholder; botones: Follow Artist; Message Artist; View Discography; nombre: Playlists; playlists: Late Night Coding; Indie Discoveries; Lo-Fi Focus; Future Beats; Road Trip Signals; Ambient Rooms; Creator Picks; Underground Pulse; botones: Open Playlist; Save Playlist; Play All; nombre: Queue / Mini Player; descripcion: Crear un mini player persistente que permanezca visible al hacer scroll sin obstruir contenido.; elementos: Track actual; Artista; Portada mini; Play/Pause; Next; Previous; Volume; Queue; Progress; botones: Next Track; Previous Track; Open Queue; Clear Queue; nombre: Upload Studio; mensaje: Upload flow is simulated. Only use audio you have rights to publish.; campos: Drag & drop placeholder; Track title; Artist name; Genre; Tags; Cover upload placeholder; Visibility; License placeholder; Description; botones: Upload Demo Track; Analyze Audio; Preview Upload; Publish Demo; nombre: Creator Analytics; metricas: Plays; Likes; Followers; Reposts placeholder; Listener locations ficticias; Top tracks; Completion rate; Engagement score; botones: Open Analytics; Compare Tracks; Download Report; nombre: Discover / Genres; generos: Electronic; Hip-Hop; Indie; Ambient; Podcast; Beats; Lo-Fi; Experimental; Rock; House; Chill; Focus; boton: Explore Genre; nombre: Community; opciones: Comments; Reposts placeholder; Creator circles; Listening rooms; Weekly challenges; Fan messages; Collaborations; Feedback groups; botones: Join Listening Room; Post Feedback; Start Collaboration; Share Playlist; nombre: Creator Monetization; nota: Revenue examples are fictional and not guaranteed.; elementos: Supporter tips placeholder; Fan subscriptions placeholder; Track licensing concept; Merch link placeholder; Creator plans; Revenue analytics ficticias; botones: Enable Supporter Tips; Create Fan Offer; View Revenue Demo; nombre: Pricing / Membership; planes: Free Listener; Audio Plus; Creator Starter; Studio Pro; Label Hub; plan_recomendado: Creator Starter; botones: Choose Plan; Start Free; nombre: Testimonials; testimonios: WaveCloud made discovering underground tracks feel visual and alive.; The waveform comments helped listeners react to exact moments.; Creator analytics made uploads feel more intentional and professional.; nombre: FAQ; preguntas: Is this an official SoundCloud website?; Are the tracks and artists real?; Can I upload real audio?; Can I comment on waveforms?; Can I create playlists?; Can creators earn money here?; Is the experience responsive on mobile?; nota: Incluir respuesta clara indicando que es una plataforma ficticia original sin afiliación con SoundCloud u otra marca real.; nombre: Signup / Contact; campos: Name; Email; Username; Account Type; Favorite Genre; Creator Interest; Plan Interest; Message; Consent Checkbox; checkbox: I understand this is a fictional audio platform concept with simulated tracks and creator data.; boton: Create WaveCloud Account; footer: texto: Original fictional audio platform concept. Not affiliated with SoundCloud or any real audio streaming brand.; links: Discover; Tracks; Artists; Playlists; Upload; Creator Tools; Community; Pricing; Contact; Terms; Privacy; Copyright Note; Social links Interacciones obligatorias: El menú debe navegar con scroll suave a cada sección.; Enter Sound Universe debe activar animación guiada en el canvas 3D.; Play Featured Track debe llevar a Featured Player y activar reproductor.; Upload Demo Track debe llevar a Upload.; Search WaveCloud debe filtrar o mostrar resultados simulados.; Los hotspots del canvas deben mostrar información.; Play Track debe activar reproducción simulada y visualizador.; Pause Track debe pausar estado.; Like Track debe cambiar estado.; Add to Playlist debe guardar track.; Share Track debe mostrar confirmación.; Play Preview debe cargar track en reproductor.; Like debe cambiar estado.; Add to Queue debe actualizar cola.; More Info debe abrir detalle.; Play Now debe cargar reproductor.; Follow Artist debe cambiar estado.; Add Comment debe agregar comentario simulado.; Close debe cerrar panel.; Add Timestamp Comment debe añadir comentario.; React debe mostrar reacción.; Jump to Moment debe mover progreso.; Hide Comments debe ocultar comentarios.; Open Artist debe abrir perfil.; Follow debe cambiar estado.; Play Top Track debe cargar reproductor.; Message Artist debe abrir chat simulado.; View Discography debe abrir lista.; Open Playlist debe abrir detalle.; Save Playlist debe cambiar estado.; Play All debe cargar cola.; Next Track debe cambiar canción.; Previous Track debe volver.; Open Queue debe abrir cola.; Clear Queue debe limpiar cola.; Analyze Audio debe generar waveform simulada.; Preview Upload debe abrir preview.; Publish Demo debe validar campos y mostrar confirmación.; Open Analytics debe abrir panel.; Compare Tracks debe mostrar comparación.; Download Report debe mostrar confirmación.; Explore Genre debe filtrar tracks o enfocar sección del canvas.; Join Listening Room debe cambiar estado.; Post Feedback debe abrir formulario.; Start Collaboration debe abrir solicitud.; Share Playlist debe mostrar confirmación.; Enable Supporter Tips debe activar estado.; Create Fan Offer debe abrir formulario.; View Revenue Demo debe abrir dashboard.; Choose Plan debe seleccionar plan y mostrar resumen.; Start Free debe llevar a Signup.; FAQ debe expandirse y cerrarse correctamente.; Create WaveCloud Account debe validar campos, checkbox y mostrar confirmación.; El menú móvil debe abrir y cerrar correctamente.; Todos los botones deben tener hover, active state y feedback visual. Animaciones: La cámara debe moverse desde el estudio hacia reproductor, waveform, tracks, track detail, comments, artists, playlists, upload, analytics, community, monetization, pricing y signup.; La waveform debe reaccionar con pulsos visuales cuando el track está en reproducción simulada.; Los vinilos deben rotar suavemente con profundidad.; Las portadas deben aparecer desde translateZ, scale y fade.; Los visualizadores deben latir con barras y partículas sincronizadas visualmente.; Las tarjetas de tracks deben deslizarse como una biblioteca de audio 3D.; Los comentarios por timestamp deben aparecer sobre puntos concretos de la waveform.; Los avatares de artistas deben flotar con microrebote.; Las playlists deben apilarse como estantes 3D.; El mini player debe entrar y quedarse persistente con transición suave.; El upload studio debe generar una waveform como si analizara audio.; Los dashboards de creator analytics deben ensamblarse con widgets.; Las tarjetas de pricing deben elevarse con hover 3D.; El formulario debe aparecer con transición limpia desde profundidad. Estilo visual: descripcion: Musical, social, premium, creativo, moderno, oscuro, energético y visual.; paleta: Negro estudio; Naranja original; Violeta noche; Azul profundo; Cian eléctrico; Blanco frío; Verde éxito; Rosa suave; Gris grafito; Rojo suave para errores; recursos: Glassmorphism oscuro; Tarjetas limpias; Reproductor 3D; Waveforms luminosas; Portadas flotantes; Parlantes; Vinilos; Visualizadores; Comentarios; Avatares; Sombras suaves; Bordes redondeados Resultado esperado: Una landing page completa, inmersiva y funcional para “SoundCloud Clone 3D”, con identidad original tipo “WaveCloud”, canvas 3D, estudio musical digital, reproductor destacado, waveforms, tracks ficticios, track detail, waveform comments, artistas, perfiles, playlists, mini player persistente, upload studio, creator analytics, discover/genres, community, creator monetization simulada, pricing, testimonios, FAQ, signup, formulario funcional con checkbox de concepto ficticio, scroll animations 3D, parallax, hotspots, botones funcionales, diseño responsive, márgenes amplios, separación clara entre componentes y estética premium de plataforma musical original.