---
import Layout from '@layouts/Layout.astro';
import BlogHero from '@components/base/Hero.astro';
import BlogFilters from '@components/blog/Filters.astro';
import BlogGrid from '@components/blog/BlogGrid.astro';
import Pagination from '@components/blog/Pagination.astro';
import CTA from '@components/blog/CTA.astro';
import { SITE } from '@constants/site';

const title = `Блог - ${SITE.TITLE}`;
const description = SITE.PAGE_DESCRIPTIONS.BLOG;
const breadcrumbs = [
  { label: 'Главная', url: '/' },
  { label: 'Блог' }
];
---

<Layout title={title} description={description} canonicalURL={SITE.PAGES.BLOG} breadcrumbs={breadcrumbs}>
  <BlogHero
    title="Блог"
    subtitle="Экспертные статьи, кейсы перевозки негабаритных грузов и новости логистики. Читайте о том, как мы решаем сложные задачи."
    categoryName="База знаний"
    categoryIcon="local_shipping"
    placeholder="Поиск по статьям..."
    gradientWord="компании"
  />
  <BlogFilters />
  <BlogGrid />
  <Pagination />
  <CTA />
</Layout>