From 4f6eb10f8e6845e91a6d98e08bca505facd317fc Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 14:01:49 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 240 +++++++++++------------------------------------ 1 file changed, 55 insertions(+), 185 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f61ce80..b24ea4c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,8 +23,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Producto", - items: [ + title: "Producto", items: [ { label: "Características", href: "/" }, { label: "Precios", href: "/" }, { label: "Seguridad", href: "#" }, @@ -32,8 +31,7 @@ export default function HomePage() { ], }, { - title: "Artistas", - items: [ + title: "Artistas", items: [ { label: "Para Artistas", href: "/listen" }, { label: "Monetización", href: "#" }, { label: "Estadísticas", href: "#" }, @@ -41,8 +39,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Copyright", href: "#" }, { label: "Licencias", href: "#" }, { label: "Términos", href: "#" }, @@ -50,8 +47,7 @@ export default function HomePage() { ], }, { - title: "Compañía", - items: [ + title: "Compañía", items: [ { label: "Sobre SoundWave", href: "#" }, { label: "Contacto", href: "#" }, { label: "Blog", href: "#" }, @@ -89,17 +85,11 @@ export default function HomePage() { background={{ variant: "downward-rays-animated" }} avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-smiling-diver-1772891903496-7386b9c9.png", - alt: "Usuario satisfecho 1", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-smiling-diver-1772891903496-7386b9c9.png", alt: "Usuario satisfecho 1"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-diverse-1772891904027-b2d3c4c3.png", - alt: "Usuario satisfecho 2", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-diverse-1772891904027-b2d3c4c3.png", alt: "Usuario satisfecho 2"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-third-diverse-1772891905107-21e79a63.png", - alt: "Usuario satisfecho 3", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-third-diverse-1772891905107-21e79a63.png", alt: "Usuario satisfecho 3"}, ]} avatarText="Confiado por +50 millones de usuarios en todo el mundo" buttons={[ @@ -107,7 +97,6 @@ export default function HomePage() { { text: "Empezar a Escuchar", href: "/listen" }, ]} buttonAnimation="slide-up" - useInvertedBackground={false} /> @@ -117,24 +106,16 @@ export default function HomePage() { metrics={[ { icon: Music, - label: "Canciones Disponibles", - value: "100M+", - }, + label: "Canciones Disponibles", value: "100M+"}, { icon: Globe, - label: "Países Servidos", - value: "190+", - }, + label: "Países Servidos", value: "190+"}, { icon: Users, - label: "Usuarios Activos", - value: "50M+", - }, + label: "Usuarios Activos", value: "50M+"}, { icon: Zap, - label: "Reproducciones Diarias", - value: "2B+", - }, + label: "Reproducciones Diarias", value: "2B+"}, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -149,44 +130,24 @@ export default function HomePage() { features={[ { id: 1, - tag: "Reproducción", - title: "Reproductor Global", - subtitle: "Control total de tu música", - description: - "Accede a un reproductor sofisticado con controles de volumen, modo repetición, aleatorio y barra de progreso en tiempo real. Disfruta de la música en cualquier dispositivo con sincronización instantánea entre tus aparatos.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-sophisticated-music-player-interface-s-1772891904653-98d57008.png?_wi=1", - }, + tag: "Reproducción", title: "Reproductor Global", subtitle: "Control total de tu música", description: + "Accede a un reproductor sofisticado con controles de volumen, modo repetición, aleatorio y barra de progreso en tiempo real. Disfruta de la música en cualquier dispositivo con sincronización instantánea entre tus aparatos.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-sophisticated-music-player-interface-s-1772891904653-98d57008.png"}, { id: 2, - tag: "Descubrimiento", - title: "Búsqueda Inteligente", - subtitle: "Encuentra exactamente lo que buscas", - description: - "Motor de búsqueda avanzado que permite encontrar canciones, artistas, álbumes, playlists y géneros. Resultados organizados por categorías con sugerencias inteligentes basadas en tu historial de reproducción.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-music-discovery-interface-showing-algo-1772891904160-df7810ae.png?_wi=1", - }, + tag: "Descubrimiento", title: "Búsqueda Inteligente", subtitle: "Encuentra exactamente lo que buscas", description: + "Motor de búsqueda avanzado que permite encontrar canciones, artistas, álbumes, playlists y géneros. Resultados organizados por categorías con sugerencias inteligentes basadas en tu historial de reproducción.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-music-discovery-interface-showing-algo-1772891904160-df7810ae.png"}, { id: 3, - tag: "Biblioteca", - title: "Tu Biblioteca Musical", - subtitle: "Organiza tu música", - description: - "Crea playlists personales, guarda canciones favoritas, visualiza tu historial de reproducción y recibe recomendaciones personalizadas basadas en tus preferencias de escucha. Sincroniza tu biblioteca en todos tus dispositivos.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-personal-music-library-interface-showi-1772891905053-0e165f01.png?_wi=1", - }, + tag: "Biblioteca", title: "Tu Biblioteca Musical", subtitle: "Organiza tu música", description: + "Crea playlists personales, guarda canciones favoritas, visualiza tu historial de reproducción y recibe recomendaciones personalizadas basadas en tus preferencias de escucha. Sincroniza tu biblioteca en todos tus dispositivos.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-personal-music-library-interface-showi-1772891905053-0e165f01.png"}, { id: 4, - tag: "Artistas", - title: "Panel para Artistas", - subtitle: "Gestiona tu carrera musical", - description: - "Sube canciones y álbumes, visualiza estadísticas detalladas de reproducciones, accede a analytics completos sobre tus oyentes, gestiona colaboraciones y recibe pagos de regalías de manera transparente.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/an-artist-dashboard-showing-upload-stati-1772891904910-62a5dd58.png?_wi=1", - }, + tag: "Artistas", title: "Panel para Artistas", subtitle: "Gestiona tu carrera musical", description: + "Sube canciones y álbumes, visualiza estadísticas detalladas de reproducciones, accede a analytics completos sobre tus oyentes, gestiona colaboraciones y recibe pagos de regalías de manera transparente.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/an-artist-dashboard-showing-upload-stati-1772891904910-62a5dd58.png"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -200,64 +161,25 @@ export default function HomePage() { tag="Precios" plans={[ { - id: "free", - title: "Gratuito", - price: "$0", - period: "/mes", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-visualization-showing-millions-of-musi-1772891905128-16f5b0c8.png?_wi=1", - imageAlt: "Plan Gratuito", - features: [ - "Reproductor con publicidad", - "Calidad estándar (128 kbps)", - "Shuffle mode en todos los dispositivos", - "Catálogo completo de música", - "Descubre nuevas canciones", - ], + id: "free", title: "Gratuito", price: "$0", period: "/mes", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-visualization-showing-millions-of-musi-1772891905128-16f5b0c8.png", imageAlt: "Plan Gratuito", features: [ + "Reproductor con publicidad", "Calidad estándar (128 kbps)", "Shuffle mode en todos los dispositivos", "Catálogo completo de música", "Descubre nuevas canciones"], button: { - text: "Empezar Gratis", - href: "/listen", - }, + text: "Empezar Gratis", href: "/listen"}, }, { - id: "premium", - title: "Premium", - price: "$9.99", - period: "/mes", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-sophisticated-music-player-interface-s-1772891904653-98d57008.png?_wi=2", - imageAlt: "Plan Premium", - features: [ - "Sin publicidad", - "Calidad de audio premium (320 kbps)", - "Descargas offline", - "Reproducción sin interrupciones", - "Audio espacial y Hi-Fi", - ], + id: "premium", title: "Premium", price: "$9.99", period: "/mes", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-sophisticated-music-player-interface-s-1772891904653-98d57008.png", imageAlt: "Plan Premium", features: [ + "Sin publicidad", "Calidad de audio premium (320 kbps)", "Descargas offline", "Reproducción sin interrupciones", "Audio espacial y Hi-Fi"], button: { - text: "Suscribirse Ahora", - href: "/listen", - }, + text: "Suscribirse Ahora", href: "/listen"}, }, { - id: "family", - title: "Familia", - price: "$14.99", - period: "/mes", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-music-discovery-interface-showing-algo-1772891904160-df7810ae.png?_wi=2", - imageAlt: "Plan Familia", - features: [ - "6 cuentas individuales", - "Sin publicidad para todos", - "Calidad premium en todos los dispositivos", - "Control parental", - "Presupuesto compartido", - ], + id: "family", title: "Familia", price: "$14.99", period: "/mes", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/a-music-discovery-interface-showing-algo-1772891904160-df7810ae.png", imageAlt: "Plan Familia", features: [ + "6 cuentas individuales", "Sin publicidad para todos", "Calidad premium en todos los dispositivos", "Control parental", "Presupuesto compartido"], button: { - text: "Comenzar Prueba Gratis", - href: "/listen", - }, + text: "Comenzar Prueba Gratis", href: "/listen"}, }, ]} animationType="slide-up" @@ -273,65 +195,29 @@ export default function HomePage() { tag="Testimonios" testimonials={[ { - id: "1", - name: "María González", - handle: "Oyente Activa", - testimonial: - "SoundWave cambió mi forma de disfrutar la música. La calidad de audio es impresionante y las recomendaciones personalizadas son increíblemente precisas.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-satisfied-mus-1772891904353-4ea23d6e.png", - imageAlt: "María González", - }, + id: "1", name: "María González", handle: "Oyente Activa", testimonial: + "SoundWave cambió mi forma de disfrutar la música. La calidad de audio es impresionante y las recomendaciones personalizadas son increíblemente precisas.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-satisfied-mus-1772891904353-4ea23d6e.png", imageAlt: "María González"}, { - id: "2", - name: "Carlos Mendez", - handle: "Músico Independiente", - testimonial: - "Como artista independiente, SoundWave me ha permitido llegar a millones de oyentes. El panel de artistas es muy intuitivo y los pagos son puntuales.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903187-7bf03277.png", - imageAlt: "Carlos Mendez", - }, + id: "2", name: "Carlos Mendez", handle: "Músico Independiente", testimonial: + "Como artista independiente, SoundWave me ha permitido llegar a millones de oyentes. El panel de artistas es muy intuitivo y los pagos son puntuales.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903187-7bf03277.png", imageAlt: "Carlos Mendez"}, { - id: "3", - name: "Sofia Ruiz", - handle: "@sofiar_music", - testimonial: - "La experiencia de usuario es fluida en todos mis dispositivos. Me encanta poder sincronizar mis playlists automáticamente entre el móvil y la computadora.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-third-satisfi-1772891905411-df10926b.png", - imageAlt: "Sofia Ruiz", - }, + id: "3", name: "Sofia Ruiz", handle: "@sofiar_music", testimonial: + "La experiencia de usuario es fluida en todos mis dispositivos. Me encanta poder sincronizar mis playlists automáticamente entre el móvil y la computadora.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-third-satisfi-1772891905411-df10926b.png", imageAlt: "Sofia Ruiz"}, { - id: "4", - name: "Juan Torres", - handle: "Productor Musical", - testimonial: - "Excelente plataforma para descubrir nuevos talentos y nuevas tendencias musicales. Las herramientas para artistas son profesionales y accesibles.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903990-a0f9ddb3.png", - imageAlt: "Juan Torres", - }, + id: "4", name: "Juan Torres", handle: "Productor Musical", testimonial: + "Excelente plataforma para descubrir nuevos talentos y nuevas tendencias musicales. Las herramientas para artistas son profesionales y accesibles.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903990-a0f9ddb3.png", imageAlt: "Juan Torres"}, { - id: "5", - name: "Lucia Fernandez", - handle: "CEO Indie Label", - testimonial: - "Trabajar con SoundWave ha sido transformador para nuestro catálogo. La distribución es rápida y los artistas reciben sus regalías transparentemente.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-satisfied-art-1772891903968-48518c04.png", - imageAlt: "Lucia Fernandez", - }, + id: "5", name: "Lucia Fernandez", handle: "CEO Indie Label", testimonial: + "Trabajar con SoundWave ha sido transformador para nuestro catálogo. La distribución es rápida y los artistas reciben sus regalías transparentemente.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-a-satisfied-art-1772891903968-48518c04.png", imageAlt: "Lucia Fernandez"}, { - id: "6", - name: "Diego Lopez", - handle: "Fan de la Música", - testimonial: - "El mejor servicio de streaming que he usado. La interfaz es hermosa, la música nunca se cuelga y el soporte es muy responsivo.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903912-60c2da71.png", - imageAlt: "Diego Lopez", - }, + id: "6", name: "Diego Lopez", handle: "Fan de la Música", testimonial: + "El mejor servicio de streaming que he usado. La interfaz es hermosa, la música nunca se cuelga y el soporte es muy responsivo.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcVOXkIJnkTDu7ifPqihKLCxCc/professional-headshot-of-another-satisfi-1772891903912-60c2da71.png", imageAlt: "Diego Lopez"}, ]} animationType="slide-up" textboxLayout="default" @@ -348,25 +234,9 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Spotify", - "Apple Music", - "YouTube Music", - "SoundCloud", - "Deezer", - "Tidal", - "Pandora", - "Amazon Music", - ]} + "Spotify", "Apple Music", "YouTube Music", "SoundCloud", "Deezer", "Tidal", "Pandora", "Amazon Music"]} logos={[ - "http://img.b2bpic.net/free-vector/social-media-colored-icons_23-2147588548.jpg", - "http://img.b2bpic.net/free-vector/gradient-weight-loss-logo-template_52683-139019.jpg", - "http://img.b2bpic.net/free-vector/hand-drawn-tiktok-music-logo_23-2151322802.jpg", - "http://img.b2bpic.net/free-photo/crop-sportswoman-with-smartphone_23-2147757961.jpg", - "http://img.b2bpic.net/free-vector/flat-design-music-festival-youtube-channel_23-2149135042.jpg", - "http://img.b2bpic.net/free-vector/music-player-app-interface-template-pack_23-2148533774.jpg", - "http://img.b2bpic.net/free-vector/minimalist-podcast-logo-template_23-2148772754.jpg", - "http://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038629.jpg", - ]} + "http://img.b2bpic.net/free-vector/social-media-colored-icons_23-2147588548.jpg", "http://img.b2bpic.net/free-vector/gradient-weight-loss-logo-template_52683-139019.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-tiktok-music-logo_23-2151322802.jpg", "http://img.b2bpic.net/free-photo/crop-sportswoman-with-smartphone_23-2147757961.jpg", "http://img.b2bpic.net/free-vector/flat-design-music-festival-youtube-channel_23-2149135042.jpg", "http://img.b2bpic.net/free-vector/music-player-app-interface-template-pack_23-2148533774.jpg", "http://img.b2bpic.net/free-vector/minimalist-podcast-logo-template_23-2148772754.jpg", "http://img.b2bpic.net/free-photo/young-people-using-reels_23-2150038629.jpg"]} speed={40} showCard={true} />