Meridian - це преміальний шаблон сайту для конференцій і подій, створений на Astro 7, React 19, TypeScript та Tailwind CSS. Він постачається з повною бібліотекою компонентів shadcn/ui, дизайн-системою в лісовому зеленому кольорі у швейцарському стилі та повною архітектурою колекцій контенту для спікерів, сесій, спонсорів, дописів журналу та іншого.

Meridian створений для організаторів подій, дизайн-студій та агенцій, яким потрібно швидко запустити бездоганний сайт конференції, не жертвуючи якістю. Чи ви проводите тиждень дизайну, технологічний саміт, творчу резиденцію чи багатотрековий фестиваль, Meridian дає готову до продакшну основу зі справжньою архітектурою контенту, а не просто гарний макет.

Жива демонстрація: https://meridian-demo.jacksonlittelmr.workers.dev/

Ця тема підтримує Astro версії 7.x.x.

🌬️ Що входить

• Головна сторінка: геро-блок, маніфест події, обрані спікери, найцікавіші сесії, заклик до дії

• Спікери: індекс + 6 сторінок профілів спікерів (MDX) із фото, біографіями, тегами експертизи та перехресними посиланнями на сесії

• Сесії: індекс + 9 сторінок з деталями сесій (MDX) із розкладом по днях і прив'язкою до спікерів

• Розклад: повний 4-денний огляд програми із сіткою сесій

• Місце проведення: Meridian Centre в Базелі з інформацією про транспорт, готелі-партнери та доступність

• Квитки: рівневі ціни з позначкою «рекомендовано»

• Спонсори: індекс + 4 профілі спонсорів із сіткою логотипів і позначками рівнів

• Партнери: вертикальний каталог партнерів із заголовками категорій

• Преса: медіакіт, інформаційна довідка, пресрелізи та заклик до дії для акредитації

• Партнерство: рівні спонсорства, статистика аудиторії та заклик до діалогу

• Журнал: індекс дописів із пагінацією, перегляд за тегами та багатотекстові дописи MDX

• FAQ: акордеон за категоріями з 15 запитаннями

• Підсумки: найяскравіші моменти події, цитати спікерів та заготовки фотогалереї

• Ведучі: вертикальні профілі ведучих, що чергуються, з портретами

• Форми: сторінки реєстрації, входу, зворотного зв'язку та відновлення пароля

• 404: фірмова сторінка помилки

• Пошук: глобальний пошук Command-K з миттєвими результатами

🧱 Технологічний стек

• Astro 7: статика насамперед, нуль JS за замовчуванням, часткова гідратація через острови

• Острови React 19: інтерактивні компоненти гідратуються лише там, де потрібно

• TypeScript: типобезпечні компоненти, схеми контенту та шари даних

• Tailwind CSS: стилізація за принципом utility-first зі своєю швейцарською системою токенів у лісовому зеленому

• shadcn/ui: доступні, композиційні UI-примітиви (Accordion, Button, Card, Dialog, Navigation)

• MDX: створення багатого контенту для спікерів, сесій, дописів і юридичних сторінок

• Astro Content Collections: колекції з валідацією схем для спікерів, сесій, дописів, спонсорів, партнерів

• Bootstrap Icons: узгоджена система іконок на всьому сайті

• Google Fonts: Inter та Source Serif 4

📝 Вбудована система контенту (MDX / Markdown)

Керуйте контентом, не торкаючись коду макета:

• Профілі спікерів із пов'язаними сесіями

• Сторінки сесій із метаданими дня, часу та зали

• Профілі спонсорів і партнерів із класифікацією за рівнями

• Дописи блогу із системою тегів, пагінацією та схожими статтями

• Статичні юридичні сторінки (конфіденційність, умови, cookies)

🎯 Дизайн-система в лісовому зеленому

Meridian використовує злагоджену кольорову палітру у швейцарському стилі:

• Фон: Mint Cream (#f0fdf4): м'яка, комфортна для очей основа

• Основний: Forest Dark (#14532d): глибокий зелений для заголовків і блоків

• Другорядний: Forest Medium (#16a34a): яскравий зелений для другорядних дій

• Акцент: Emerald (#10b981): яскравий бірюзово-зелений для закликів до дії та виділень

Палітра без зусиль переноситься в темний режим із відповідними токенами зеленої гами.

⚙️ Можливості коротко

• Понад 20 типів сторінок із повним контентом

• Палітра в лісовому зеленому у швейцарському стилі з темним режимом

• Бібліотека компонентів shadcn/ui (Accordion, Button, Card, Dialog тощо)

• Пошук Command-K по всьому контенту

• Колекції контенту MDX зі схемами TypeScript

• Перехресні посилання між спікерами та сесіями

• Блог із пагінацією та переглядом за тегами

• Рівні квитків, профілі спонсорів, сторінки преси та партнерства

• Адаптивний, доступний і оптимізований за продуктивністю

• Чистий репозиторій з єдиним комітом

Безкоштовні оновлення та підтримка

Meridian включає безкоштовні довічні оновлення, щоб гарантувати сумісність із майбутніми випусками Astro та постійні поліпшення продуктивності.