Созданы хлебные крошки

frontend/src/pages/blog/index.astro

@@ -7,22 +7,34 @@ import BlogCard from '@components/blog/BlogCard.astro';
 import BlogPagination from '@components/blog/BlogPagination.astro';
 import SearchModal from '@components/base/SearchModal.astro';
 import { blogPosts, categories } from '@data/blogData';
+
+const POSTS_PER_PAGE = 6;
+const currentPage = 1;
+const totalPages = Math.ceil(blogPosts.length / POSTS_PER_PAGE);
+
+const startIndex = 0;
+const endIndex = POSTS_PER_PAGE;
+const paginatedPosts = blogPosts.slice(startIndex, endIndex);
 ---
 
 <Layout
 	title="Блог — автоюрист в Сургуте"
 	description="Полезные статьи и советы по автоспорам, ДТП, ОСАГО, лишению прав и защите прав водителей."
 	canonicalLink={`${SITE_URL}/blog`}
+	breadcrumbs={[
+		{ label: "Главная", href: "/" },
+		{ label: "Блог" }
+	]}
 >
 	<BlogHero />
 
-	<BlogCategories categories={categories} />
+	<BlogCategories categories={categories} activeCategory="Все" currentPage={currentPage} />
 
 	<!-- Сетка статей -->
 	<section class="blog-grid-section">
 		<div class="site-container">
 			<div class="blog-grid" id="blog-grid">
-				{blogPosts.map((post) => (
+				{paginatedPosts.map((post) => (
 					<article class="blog-card-wrapper" data-category={post.category}>
 						<BlogCard
 							title={post.title}
@@ -39,7 +51,7 @@ import { blogPosts, categories } from '@data/blogData';
 			</div>
 
 			<!-- Пагинация -->
-			<BlogPagination currentPage={1} totalPages={3} />
+			<BlogPagination currentPage={currentPage} totalPages={totalPages} />
 		</div>
 	</section>