blogs/sites/vibes/src/pages/index.astro
Neeldhara Misra dc6fa59833
Some checks are pending
Build / build (push) Waiting to run
Use Fraunces for blog headings
2026-06-13 22:58:45 +02:00

23 lines
848 B
Text

---
import { getCollection } from 'astro:content';
import DefaultLayout from '@/layouts/DefaultLayout.astro';
import { SITE_TITLE, SITE_DESCRIPTION } from '@/consts';
import { ACTIVE_BLOG_SITE } from '@/blog-sites.js';
import { BlogPosts } from '@/components/sections/blog-posts';
const posts = (await getCollection(ACTIVE_BLOG_SITE.key)).sort(
(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
);
---
<DefaultLayout title={SITE_TITLE} description={SITE_DESCRIPTION}>
<div class="py-12 md:py-20 lg:py-24">
<div class="container max-w-5xl">
<div class="mb-10">
<h1 class="blog-page-title mb-3">{ACTIVE_BLOG_SITE.title}</h1>
<p class="text-lg text-muted-foreground">{ACTIVE_BLOG_SITE.description}</p>
</div>
<BlogPosts posts={posts} client:only="react" />
</div>
</div>
</DefaultLayout>