import React, { useState, useEffect } from ‘react’;const App = () => { const [activeSection, setActiveSection] = useState(‘home’); const [formData, setFormData] = useState({ radioName: », country: », radioGardenLink: », email: » }); const [formErrors, setFormErrors] = useState({}); const [isSubmitting, setIsSubmitting] = useState(false); const [submissionSuccess, setSubmissionSuccess] = useState(false); const [searchTerm, setSearchTerm] = useState(»); // Mock data for registered radios const registeredRadios = [ { id: 1, name: ‘Radio Buenos Aires’, country: ‘Argentina’, link: ‘https://radio.garden/visit/radio-buenos-aires’ }, { id: 2, name: ‘Global Sounds FM’, country: ‘United States’, link: ‘https://radio.garden/visit/global-sounds-fm’ }, { id: 3, name: ‘Paris Underground’, country: ‘France’, link: ‘https://radio.garden/visit/paris-underground’ }, { id: 4, name: ‘Tokyo Wave’, country: ‘Japan’, link: ‘https://radio.garden/visit/tokyo-wave’ }, { id: 5, name: ‘Cape Town Beats’, country: ‘South Africa’, link: ‘https://radio.garden/visit/cape-town-beats’ }, { id: 6, name: ‘Rio Radio Online’, country: ‘Brazil’, link: ‘https://radio.garden/visit/rio-radio-online’ }, { id: 7, name: ‘Berlin Frequencies’, country: ‘Germany’, link: ‘https://radio.garden/visit/berlin-frequencies’ }, { id: 8, name: ‘Sydney Airwaves’, country: ‘Australia’, link: ‘https://radio.garden/visit/sydney-airwaves’ } ];const validateForm = () => { const errors = {}; if (!formData.radioName.trim()) errors.radioName = ‘Nombre de la radio es requerido’; if (!formData.country.trim()) errors.country = ‘País es requerido’; if (!formData.radioGardenLink.trim()) { errors.radioGardenLink = ‘Link en Radio Garden es requerido’; } else if (!formData.radioGardenLink.startsWith(‘https://radio.garden’)) { errors.radioGardenLink = ‘El link debe ser de Radio Garden’; } if (!formData.email.trim()) { errors.email = ‘Email es requerido’; } else if (!/^\S+@\S+\.\S+$/.test(formData.email)) { errors.email = ‘Email inválido’; } setFormErrors(errors); return Object.keys(errors).length === 0; };const handleInputChange = (e) => { const { name, value } = e.target; setFormData(prev => ({ …prev, [name]: value })); // Clear error when user starts typing if (formErrors[name]) { setFormErrors(prev => { const newErrors = { …prev }; delete newErrors[name]; return newErrors; }); } };const handleSubmit = (e) => { e.preventDefault(); if (validateForm()) { setIsSubmitting(true); // Simulate form submission setTimeout(() => { setIsSubmitting(false); setSubmissionSuccess(true); setFormData({ radioName: », country: », radioGardenLink: », email: » }); // Scroll to top window.scrollTo(0, 0); }, 1500); } };const filteredRadios = registeredRadios.filter(radio => radio.name.toLowerCase().includes(searchTerm.toLowerCase()) || radio.country.toLowerCase().includes(searchTerm.toLowerCase()) );const scrollToSection = (sectionId) => { setActiveSection(sectionId); document.getElementById(sectionId)?.scrollIntoView({ behavior: ‘smooth’ }); };const Header = () => (

document.getElementById(‘mobile-menu’)?.classList.toggle(‘hidden’)} >

{/* Mobile menu */}

{[‘home’, ‘what-is’, ‘requirements’, ‘certificate’, ‘optional’, ‘registry’, ‘apply’, ‘legal’].map((section) => ( { scrollToSection(section); document.getElementById(‘mobile-menu’)?.classList.add(‘hidden’); }} className={`block w-full text-left px-4 py-3 text-sm font-medium transition-colors ${ activeSection === section ? ‘text-green-800 bg-green-50’ : ‘text-gray-700 hover:bg-gray-50’ }`} > {section === ‘home’ && ‘Inicio’} {section === ‘what-is’ && ‘Qué es’} {section === ‘requirements’ && ‘Requisitos’} {section === ‘certificate’ && ‘Certificado Gratuito’} {section === ‘optional’ && ‘Opcionales’} {section === ‘registry’ && ‘Registro Público’} {section === ‘apply’ && ‘Solicitar’} {section === ‘legal’ && ‘Aviso Legal’} ))}

);const HeroSection = () => (

Si tu radio transmite por streaming y está en Radio Garden, ya es global.

RADIO GLOBAL reconoce la existencia operativa y accesibilidad global de emisoras que transmiten por streaming y figuran en Radio Garden.

scrollToSection(‘apply’)} className=»bg-green-800 hover:bg-green-900 text-white font-semibold py-3 px-8 rounded-lg transition-colors text-lg» > Solicitar certificado gratuito

);const WhatIsSection = () => (

¿Qué es RADIO GLOBAL?

RADIO GLOBAL es un reconocimiento institucional que valida la presencia y funcionamiento de emisoras de radio que transmiten por streaming y están presentes en la plataforma Radio Garden.

Este reconocimiento se otorga sin evaluación de contenidos, calidad o audiencia. No es un premio, no es una competencia, y no establece rankings entre emisoras.

Aclaraciones importantes:

• NO es un premio
• NO es una certificación de calidad
• NO evalúa contenidos ni programas
• NO compara radios entre sí
• NO establece rankings

El propósito de RADIO GLOBAL es simplemente reconocer la existencia operativa y accesibilidad global de las emisoras que cumplen con los requisitos básicos.

);const RequirementsSection = () => (

Requisitos

1. Figurar en Radio Garden: La emisora debe estar registrada y visible en la plataforma Radio Garden.
2. Transmisión activa por streaming: La emisora debe estar transmitiendo activamente por streaming al momento de solicitar el reconocimiento.

Estos son los únicos requisitos. No se evalúa contenido, calidad técnica, audiencia, ni ningún otro criterio.

);const CertificateSection = () => (

Certificado gratuito

Características del certificado digital:

• Formato PDF descargable
• Sin costo alguno
• Disponible para descarga inmediata tras validación
• Incluye información básica de la emisora (nombre, país, link en Radio Garden)
• Validación digital con código único

Cómo obtenerlo:

1. Complete el formulario de solicitud
2. Verificaremos su presencia en Radio Garden
3. Recibirá un correo con el certificado digital en formato PDF
4. Descárguelo y úselo como desee

El proceso de verificación toma menos de 24 horas hábiles.

);const OptionalServicesSection = () => (

Servicios opcionales

Además del certificado digital gratuito, ofrecemos servicios adicionales de carácter opcional y con costo. Estos servicios no son obligatorios y no afectan el reconocimiento básico.

Certificado físico impreso

Certificado impreso en papel de alta calidad, con acabado profesional y envío a domicilio.

Precio: $29.99 USD

Entrega: 7-14 días hábiles

Solicitar ahora

Registro público verificable

Inclusión en nuestro registro público con verificación adicional y página dedicada para su emisora.

Precio: $19.99 USD/año

Actualización anual

Solicitar ahora

Sello institucional

Sello digital personalizado para usar en su sitio web, redes sociales y materiales promocionales.

Precio: $9.99 USD

Formatos: PNG, SVG

Solicitar ahora

Importante: Estos servicios son completamente opcionales. El reconocimiento básico de RADIO GLOBAL se otorga gratuitamente a todas las emisoras que cumplan con los requisitos, independientemente de si contratan estos servicios adicionales.

);const RegistrySection = () => (

Registro público

Lista de emisoras reconocidas por RADIO GLOBAL. Puede buscar por nombre o país.

setSearchTerm(e.target.value)} className=»w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent» />

{filteredRadios.length > 0 ? (

{filteredRadios.map(radio => (

• {radio.name}

  País: {radio.country}

  Ver en Radio Garden
))}

) : (

{searchTerm ? `No se encontraron radios que coincidan con «${searchTerm}»` : ‘No hay radios registradas actualmente.’}

)}

Este registro se actualiza automáticamente cuando se aprueban nuevas solicitudes. Las emisoras pueden solicitar la eliminación de su registro en cualquier momento.

);const ApplySection = () => (

Solicitar certificado

Complete el siguiente formulario para solicitar su certificado gratuito. Verificaremos su presencia en Radio Garden y le enviaremos el certificado digital por correo electrónico.

{submissionSuccess ? (

¡Solicitud exitosa!

Hemos recibido su solicitud. Verificaremos su presencia en Radio Garden y le enviaremos el certificado digital por correo electrónico en menos de 24 horas hábiles.

) : (

Nombre de la radio * {formErrors.radioName &&

{formErrors.radioName}

}

País * {formErrors.country &&

{formErrors.country}

}

Link en Radio Garden * {formErrors.radioGardenLink &&

{formErrors.radioGardenLink}

}

Email de contacto * {formErrors.email &&

{formErrors.email}

}

Importante: Este servicio es completamente gratuito. No solicitamos ni almacenamos datos sensibles. El certificado digital se enviará a este correo electrónico.

{isSubmitting ? ( Procesando… ) : ( ‘Solicitar certificado gratuito’ )}

)}

);const LegalSection = () => (

Aviso legal

Independencia institucional

RADIO GLOBAL es un proyecto independiente y no está afiliado ni representa oficialmente a Radio Garden.

El uso del nombre «Radio Garden» en este sitio se realiza únicamente para referenciar la plataforma donde las emisoras deben figurar para obtener el reconocimiento. No implica ninguna asociación, patrocinio o aval por parte de Radio Garden.

Términos de uso

• El reconocimiento de RADIO GLOBAL no constituye certificación de calidad, aval oficial ni premio.
• Las emisoras reconocidas pueden utilizar el certificado digital para fines informativos y promocionales.
• RADIO GLOBAL se reserva el derecho de retirar el reconocimiento si se detecta que la emisora ya no cumple con los requisitos.
• Los servicios opcionales se rigen por sus propios términos y condiciones.

Prohibiciones

Está estrictamente prohibido usar términos como:

• «certificación de calidad»
• «aval oficial»
• «premio internacional»

Cualquier uso inapropiado de estos términos puede resultar en la revocación del reconocimiento y la exclusión del registro público.

);const Footer = () => ( );return ( ); };export default App;