Meridian es una plantilla web premium para conferencias y eventos creada con Astro 7, React 19, TypeScript y Tailwind CSS. Incluye una biblioteca completa de componentes shadcn/ui, un sistema de diseño verde bosque de inspiración suiza y una arquitectura completa de colecciones de contenido para ponentes, sesiones, patrocinadores, artículos del diario y mucho más.

Meridian está pensada para organizadores de eventos, estudios de diseño y agencias que necesitan lanzar rápidamente un sitio de conferencias pulido, sin sacrificar la calidad. Tanto si organizas una semana del diseño, una cumbre tecnológica, una residencia creativa o un festival con varias pistas, Meridian te ofrece una base lista para producción con una arquitectura de contenido real, no solo una maqueta bonita.

Demo en vivo: https://meridian-demo.jacksonlittelmr.workers.dev/

Este tema es compatible con Astro versión 7.x.x.

🌬️ Qué incluye

• Página de inicio: hero, manifiesto de la edición, ponentes destacados, sesiones destacadas y llamada a la acción

• Ponentes: índice + 6 páginas de perfil de ponente (MDX) con fotos, biografías, etiquetas de especialidad y enlaces cruzados a sesiones

• Sesiones: índice + 9 páginas de detalle de sesión (MDX) con programa por días y asociación con ponentes

• Programa: vista completa del programa de 4 días con cuadrícula de sesiones

• Sede: el Meridian Centre en Basilea, con información de transporte, hoteles asociados y detalles de accesibilidad

• Entradas: precios por niveles con insignia de recomendado

• Patrocinadores: índice + 4 perfiles de patrocinador con cuadrícula de logotipos y etiquetas de nivel

• Socios: directorio vertical de socios con encabezados por categoría

• Prensa: kit de medios, ficha informativa, notas de prensa y llamada a la acción para acreditaciones

• Colaboraciones: niveles de patrocinio, estadísticas de audiencia y llamada a la acción para conversar

• Diario: índice de artículos paginado, navegación por etiquetas y artículos MDX con texto enriquecido

• Preguntas frecuentes: acordeón por categorías con 15 preguntas

• Resumen: momentos destacados del evento, citas de ponentes y marcadores de galería de fotos

• Anfitriones: perfiles verticales de anfitriones alternados con retratos

• Formularios: páginas de registro, inicio de sesión, contacto y recuperación de contraseña

• 404: página de error con tu marca

• Búsqueda: búsqueda global con Command-K y resultados instantáneos

🧱 Tecnologías

• Astro 7: estático por defecto, sin JS de serie, hidratación parcial mediante islas

• Islas de React 19: los componentes interactivos se hidratan solo donde hace falta

• TypeScript: componentes, esquemas de contenido y capas de datos con tipado seguro

• Tailwind CSS: estilos basados en utilidades con un sistema propio de tokens suizos en verde bosque

• shadcn/ui: elementos de interfaz accesibles y combinables (Accordion, Button, Card, Dialog, Navigation)

• MDX: creación de contenido enriquecido para ponentes, sesiones, artículos y páginas legales

• Astro Content Collections: colecciones validadas por esquema para ponentes, sesiones, artículos, patrocinadores y socios

• Bootstrap Icons: sistema de iconos coherente en todo el sitio

• Google Fonts: Inter y Source Serif 4

📝 Sistema de contenido integrado (MDX / Markdown)

Gestiona el contenido sin tocar el código del diseño:

• Perfiles de ponentes con sesiones enlazadas

• Páginas de detalle de sesión con metadatos de día, hora y sala

• Perfiles de patrocinadores y socios con clasificación por nivel

• Artículos de blog con sistema de etiquetas, paginación y artículos relacionados

• Páginas legales estáticas (Privacidad, Términos, Cookies)

🎯 Sistema de diseño verde bosque

Meridian utiliza una paleta de colores cohesionada de inspiración suiza:

• Fondo: Mint Cream (#f0fdf4): una base suave y agradable a la vista

• Primario: Forest Dark (#14532d): verde profundo para títulos y bloques

• Secundario: Forest Medium (#16a34a): verde vibrante para acciones secundarias

• Acento: Emerald (#10b981): verde turquesa brillante para llamadas a la acción y elementos destacados

La paleta se traslada sin fisuras al modo oscuro con tokens de la misma familia de verdes.

⚙️ Características de un vistazo

• Más de 20 tipos de página con contenido completo

• Paleta verde bosque de inspiración suiza con modo oscuro

• Biblioteca de componentes shadcn/ui (Accordion, Button, Card, Dialog, etc.)

• Búsqueda con Command-K en todo el contenido

• Colecciones de contenido MDX con esquemas de TypeScript

• Referencias cruzadas entre ponentes y sesiones

• Blog paginado con navegación por etiquetas

• Niveles de entradas, perfiles de patrocinadores, prensa y páginas de colaboraciones

• Adaptable, accesible y optimizado para el rendimiento

• Repositorio limpio con un único commit

Actualizaciones y soporte gratuitos

Meridian incluye actualizaciones gratuitas de por vida para garantizar la compatibilidad con futuras versiones de Astro y mejoras continuas de rendimiento.