Описание
AI Hub — продакшен-готовый сайт-каталог популярных ИИ-моделей. Подходит как стартовая точка для агрегатора нейросетей, тематического портала или корпоративного лендинга в AI-нише. Без бэкенда, без API, без базы данных — чистая статика.
Что внутри:
Hero — УТП «Все популярные ИИ в одном месте» + CTA
Stats — 4 цифры: 40+ моделей, 6 категорий, 5 провайдеров, 24/7 доступ
Каталог — сетка карточек с фильтрами:
категория: текст / код / изображения / аудио / видео / мультимодальные
цена: бесплатные / платные
поиск по названию, разработчику, описанию
сортировка (по умолчанию / цена ↑↓ / название / новинки)
ModelDetailsModal — модалка с детальной карточкой:
радар-чарт профиля (5 осей: качество, скорость, цена, контекст, креатив)
плюсы и минусы
цена, контекст, дата релиза, разработчик
блок «Похожие альтернативы» с причиной рекомендации
CTA «Открыть чат» — прямой переход на сайт провайдера
AI Mood Match — модалка подбора модели по настроению/цели (7 вариантов) с топ-3 рекомендациями и скорингом
Updates — лента обновлений
FAQ — 6 вопросов с раскрывающимися ответами
Header / Footer — навигация, переключатель языка, контакты
Language switcher RU/EN — выбор сохраняется в localStorage
Стек:
Astro 7.1.3 (SSG) — статика, мгновенная загрузка, SEO-ready
Vue 3.5 — острова, интерактив только в каталоге и модалках
TypeScript — типизация моделей, тегов, прайсинга
Tailwind CSS 4.2.4
Иконки: Lucide + Simple Icons (Iconify)
Шрифт: Inter Variable (self-hosted)
Менеджер пакетов: Bun + bun.lock
Дизайн:
Стиль — минимализм: белый фон, тонкие границы, эмеральдовый акцент #10B981. Палитра: #FFFFFF / #18181B / #10B981 / #F4F4F5. Логотип logo.svg — белый знак «A» с узлами нейронной сети.
Преимущества:
✅ Полностью статический — собирается в dist/, деплой на любой хостинг
✅ Без бэкенда, без API, без авторизации
✅ Адаптивный дизайн — десктоп / планшет / мобильный
✅ Двуязычный RU/EN — переключение через store + localStorage
✅ SEO-готовая структура — sitemap, robots.txt, мета-теги
✅ Чистый код — читаемая структура компонентов и данных
✅ Без внешних медиа-зависимостей — иконки через Iconify, шрифт self-hosted
Запуск:
bun install
bun run dev # режим разработки
bun run build # продакшен-сборка в dist/
Что получит покупатель:
Полные исходники (Astro + Vue + Tailwind + TypeScript)
Готовые данные по 40+ моделям в 6 категориях
Переводы RU/EN с типизированной схемой — добавить язык = добавить файл
bun.lock для воспроизводимой установки
README с инструкцией по запуску и кастомизации- .gitignore уже настроен так, чтобы архив передачи был чистым
Характеристики
Отзывов пока нет!