Создан компонент поста

frontend/src/pages/blog/page/[page].astro

@@ -4,19 +4,35 @@ import { SITE_URL } from '@constants';
 import PageHero from '@components/base/PageHero.astro';
 import BlogCategories from '@components/blog/BlogCategories.astro';
 import BlogCard from '@components/blog/BlogCard.astro';
-import BlogPagination from '@components/blog/BlogPagination.astro';
 import Pagination from '@components/base/Pagination.astro';
 import CTA from '@components/base/CTA.astro';
 import SearchModal from '@components/base/SearchModal.astro';
-import { blogPosts, categories } from '@data/blogData';
+import { getCollection } from 'astro:content';
+
+const posts = await getCollection('blog');
+
+// Сортируем посты по дате (новые сверху)
+const sortedPosts = posts.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
 
 const POSTS_PER_PAGE = 6;
 const currentPage = Number(Astro.params.page) || 1;
-const totalPages = Math.ceil(blogPosts.length / POSTS_PER_PAGE);
+const totalPages = Math.ceil(sortedPosts.length / POSTS_PER_PAGE);
 
 const startIndex = (currentPage - 1) * POSTS_PER_PAGE;
 const endIndex = startIndex + POSTS_PER_PAGE;
-const paginatedPosts = blogPosts.slice(startIndex, endIndex);
+const paginatedPosts = sortedPosts.slice(startIndex, endIndex);
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+  return date.toLocaleDateString('ru-RU', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric'
+  });
+};
+
+// Категории
+const categories = ['Все', ...new Set(posts.map(post => post.data.category))];
 ---
 
 <Layout
@@ -50,17 +66,17 @@ const paginatedPosts = blogPosts.slice(startIndex, endIndex);
 	<section class="blog-grid-section">
 		<div class="site-container">
 			<div class="blog-grid" id="blog-grid">
-				{paginatedPosts.map((post) => (
-					<article class="blog-card-wrapper" data-category={post.category}>
+				{paginatedPosts.map((post: any) => (
+					<article class="blog-card-wrapper" data-category={post.data.category}>
 						<BlogCard
-							title={post.title}
-							description={post.description}
-							category={post.category}
-							categoryColor={post.categoryColor}
-							date={post.date}
-							readTime={post.readTime}
-							imageUrl={post.imageUrl}
-							slug={post.slug}
+							title={post.data.title}
+							description={post.data.description}
+							category={post.data.category}
+							categoryColor={post.data.categoryColor}
+							date={formatDate(post.data.date)}
+							readTime={post.data.readTime}
+							imageUrl={post.data.imageUrl}
+							slug={`/blog/${post.id}`}
 						/>
 					</article>
 				))}