Meridian est un modèle de site premium pour conférences et événements construit avec Astro 7, React 19, TypeScript et Tailwind CSS. Il inclut une bibliothèque complète de composants shadcn/ui, un système de design vert forêt d'inspiration suisse et une architecture complète de collections de contenu pour les intervenants, les sessions, les sponsors, les articles du journal, et plus encore.

Meridian s'adresse aux organisateurs d'événements, aux studios de design et aux agences qui doivent livrer rapidement un site de conférence soigné, sans sacrifier la qualité. Que vous organisiez une semaine du design, un sommet tech, une résidence créative ou un festival multi-pistes, Meridian vous offre une base prête pour la production, avec une véritable architecture de contenu, et pas seulement une jolie maquette.

Démo en ligne : https://meridian-demo.jacksonlittelmr.workers.dev/

Ce thème prend en charge Astro version 7.x.x.

🌬️ Contenu du pack

• Page d'accueil : hero, manifeste de l'édition, intervenants à l'honneur, temps forts des sessions et appel à l'action

• Intervenants : index + 6 pages de profil (MDX) avec photos, biographies, tags d'expertise et liens croisés vers les sessions

• Sessions : index + 9 pages de détail de session (MDX) avec programme par jour et association aux intervenants

• Programme : vue complète du programme sur 4 jours avec grille de sessions

• Lieu : le Meridian Centre à Bâle, avec informations de transport, hôtels partenaires et détails d'accessibilité

• Billets : tarification par paliers avec badge « recommandé »

• Sponsors : index + 4 profils de sponsors avec grille de logos et étiquettes de palier

• Partenaires : annuaire vertical des partenaires avec titres de catégories

• Presse : kit média, fiche d'information, communiqués de presse et appel à l'action pour l'accréditation

• Partenariats : paliers de sponsoring, statistiques d'audience et appel à l'action pour engager la conversation

• Journal : index d'articles paginé, navigation par tags et articles MDX en texte enrichi

• FAQ : accordéon par catégories avec 15 questions

• Rétrospective : temps forts de l'événement, citations d'intervenants et emplacements de galerie photo

• Hôtes : profils d'hôtes verticaux en alternance avec portraits

• Formulaires : pages d'inscription, de connexion, de contact et de mot de passe oublié

• 404 : page d'erreur à votre image

• Recherche : recherche globale Command-K avec résultats instantanés

🧱 Stack technique

• Astro 7 : statique d'abord, zéro JS par défaut, hydratation partielle via les îlots

• Îlots React 19 : les composants interactifs ne s'hydratent que là où c'est nécessaire

• TypeScript : composants, schémas de contenu et couches de données au typage sûr

• Tailwind CSS : style utility-first avec un système de tokens suisse vert forêt sur mesure

• shadcn/ui : primitives d'interface accessibles et composables (Accordion, Button, Card, Dialog, Navigation)

• MDX : rédaction de contenu riche pour les intervenants, les sessions, les articles et les pages légales

• Astro Content Collections : collections validées par schéma pour les intervenants, sessions, articles, sponsors et partenaires

• Bootstrap Icons : système d'icônes cohérent sur tout le site

• Google Fonts : Inter et Source Serif 4

📝 Système de contenu intégré (MDX / Markdown)

Gérez le contenu sans toucher au code de mise en page :

• Profils d'intervenants avec sessions liées

• Pages de détail de session avec métadonnées de jour, d'heure et de salle

• Profils de sponsors et de partenaires avec classification par palier

• Articles de blog avec système de tags, pagination et articles associés

• Pages légales statiques (Confidentialité, Conditions, Cookies)

🎯 Système de design vert forêt

Meridian utilise une palette de couleurs cohérente d'inspiration suisse :

• Arrière-plan : Mint Cream (#f0fdf4) : une base douce et reposante pour les yeux

• Primaire : Forest Dark (#14532d) : vert profond pour les titres et les blocs

• Secondaire : Forest Medium (#16a34a) : vert vif pour les actions secondaires

• Accent : Emerald (#10b981) : vert turquoise éclatant pour les appels à l'action et les éléments mis en avant

La palette se décline en toute harmonie en mode sombre, avec des tokens de la même famille de verts.

⚙️ Fonctionnalités en un coup d'œil

• Plus de 20 types de pages avec contenu complet

• Palette vert forêt d'inspiration suisse avec mode sombre

• Bibliothèque de composants shadcn/ui (Accordion, Button, Card, Dialog, etc.)

• Recherche Command-K dans tout le contenu

• Collections de contenu MDX avec schémas TypeScript

• Références croisées entre intervenants et sessions

• Blog paginé avec navigation par tags

• Paliers de billets, profils de sponsors, presse et pages de partenariats

• Responsive, accessible et optimisé pour les performances

• Dépôt propre à commit unique

Mises à jour et assistance gratuites

Meridian inclut des mises à jour gratuites à vie pour garantir la compatibilité avec les futures versions d'Astro et les améliorations de performances continues.