bender/ca89794d-0031-4769-9601-89ea6091c957
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 14:01:49 +00:00
parent e812ede8f7
commit 4f6eb10f8e
1 changed files with 55 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -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}
/>
</div>
@@ -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}
/>