---
import BaseLayout from '../../layouts/BaseLayout.astro';
import CardGrid from '../../components/CardGrid.astro';
import { getCollection } from 'astro:content';

const models = await getCollection('models');
---
<BaseLayout title="Модели — нейросети.рус" ogType="website">
  <article>
    <h1>Каталог open-source моделей</h1>
    <p>Локальные модели для текста, графики, аудио, видео и кода. С лицензиями и ссылками на Hugging Face.</p>
  </article>
  <CardGrid items={models.map((m) => ({
    slug: `models/${m.slug}`,
    title: m.data.title,
    description: m.data.description,
    badge: m.data.type,
    badgeClass: { text: 't', image: 'i', audio: 'a', video: 'v', code: 't' }[m.data.type] || '',
    meta: m.data.license || '',
  }))} />
</BaseLayout>