Version Editorial - 0.0.1-beta.1

[rmunate]

Descripción

Evolución de la landing page oficial de Python Colombia sobre la base existente en Next.js (export estático para S3/GitHub Pages). Este PR agrupa:

• Construcción de las secciones de la landing (Navbar, Hero, Comunidades, Eventos, Patrocinadores, Newsletter, Footer) con datos mock tipados en src/data/ y src/lib/mock/, listos para conectarse a APIs reales a futuro.
• Ajuste de identidad visual: paleta de colores extraída del logo oficial (azul/amarillo como marca, rojo/naranja/verde/morado como acentos), aplicada vía tailwind.config.ts.
• Cambio de tipografía a Titillium Web en todo el sitio (next/font/google), con jerarquía de pesos para reforzar un estilo más editorial y menos genérico.
• Mapa real con Leaflet + tiles CARTO Dark Matter, con marcadores custom por ciudad y popups (nombre, descripción, botón "Ir a la comunidad").

Tipo de cambio

• Fix (corrige un bug)
• Nueva funcionalidad
• Cambio de estilo/diseño (UI)
• Refactor (sin cambios de comportamiento)
• Documentación
• Otro:

¿Cómo se probó?

1. npm install para instalar dependencias actualizadas (Leaflet/react-leaflet, etc...).
2. npm run dev y verificación manual de cada sección de la landing en desktop y mobile (breakpoints sm/md/lg/xl).
3. Verificación del mapa: carga correcta de tiles oscuros, límites (maxBounds) dentro del territorio colombiano, click en cada marcador (Bogotá, Medellín, Cali, Barranquilla, Bucaramanga) mostrando el popup con nombre, descripción y botón funcional.
4. Verificación del formulario de Newsletter con la función mock (src/lib/mock/newsletter.ts), probando los tres estados: éxito, correo ya registrado y error.
5. npm run build (export estático) para confirmar que no hay errores de build ni imports rotos tras la limpieza de dependencias.
6. Revisión de accesibilidad básica: navegación por teclado en el menú y en los marcadores del mapa, contraste de texto sobre fondos oscuros y sobre el amarillo de marca.

Capturas de pantalla (si aplica)

Checklist

• Probé los cambios localmente y funcionan como se espera
• No rompe funcionalidad existente
• Actualicé la documentación si era necesario
• El código sigue las convenciones del proyecto
• No incluye credenciales, tokens ni datos sensibles

[Copilot]

Pull request overview

Este PR evoluciona la landing page de Python Colombia sobre Next.js (App Router) manteniéndola compatible con despliegue estático (output: "export"), agregando secciones completas con datos mock tipados, una nueva identidad visual (paleta + tipografía) y un mapa interactivo con Leaflet.

Changes:

• Crea contratos de datos (lib/types.ts) y mocks tipados para comunidades, eventos, patrocinadores y newsletter.
• Implementa nuevas secciones UI (Navbar/Hero/Communities/Events/Sponsors/Newsletter/Footer) con animaciones de entrada y estilos editoriales.
• Integra Leaflet/react-leaflet y adapta estilos globales (tokens de color + overrides Leaflet + tipografía Titillium Web).

Reviewed changes

Copilot reviewed 24 out of 25 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
package.json	Agrega dependencias para Leaflet/react-leaflet y react-icons.
package-lock.json	Bloquea el árbol de dependencias nuevo (Leaflet/react-leaflet).
lib/types.ts	Define contratos tipados para datos de la landing.
lib/site.ts	Centraliza configuración estática (links de navegación, redes, contacto).
lib/mock/newsletter.ts	Mock async de suscripción a newsletter con latencia y estados deterministas.
data/mockSponsors.ts	Mock tipado de patrocinadores.
data/mockMapMarkers.ts	Mock tipado de marcadores de comunidades para el mapa.
data/mockEvents.ts	Mock tipado de eventos con fechas mixtas (pasadas/futuras).
data/mockCommunities.ts	Mock tipado de comunidades para grilla.
components/ui/SectionHeading.tsx	Nuevo encabezado de sección con “kicker” editorial y barra mosaico.
components/ui/Reveal.tsx	Animación de aparición por scroll via IntersectionObserver.
components/ui/MosaicBar.tsx	Elementos visuales reutilizables del mosaico (barra y strip).
components/sections/Sponsors.tsx	Sección de patrocinadores con CTA y placeholders por iniciales.
components/sections/Newsletter.tsx	Sección de newsletter con validación y feedback accesible (aria-live).
components/sections/Hero.tsx	Hero principal con CTA y mapa embebido.
components/sections/Events.tsx	Sección de eventos con formateo de fechas, badges y estado “pasado”.
components/sections/Communities.tsx	Grilla de comunidades con portadas/estilos y CTA por tarjeta.
components/map/marker-colors.ts	Paleta hex para marcadores Leaflet (mosaico del logo).
components/map/LeafletMap.tsx	Implementación Leaflet (tiles + markers + popups + sync con selección).
components/map/ColombiaMap.tsx	Wrapper del mapa con carga dinámica (ssr:false) + chips accesibles.
components/layout/Navbar.tsx	Navbar sticky con drawer móvil y links ancla.
components/layout/Footer.tsx	Footer con navegación secundaria, redes e información de contacto.
app/page.tsx	Reemplaza la página “coming soon” por el ensamblaje de secciones.
app/layout.tsx	Cambia tipografía global a Titillium Web + mantiene Geist Mono.
app/globals.css	Añade tokens de color @theme, utilidades CSS, animaciones y estilos Leaflet.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[alejandrodiazpinilla]

Se cumple con todos los estándares solicitados.

[alejandrodiazpinilla]

se aprueba el mr cumple todo los estandares