Migrate blog to new astro Content Collections

src/components/blog/HighlightedPosts.astro

@@ -4,10 +4,10 @@ import Grid from '~/components/blog/Grid.astro';
 import { findPostsByIds } from '~/utils/posts';
 
 const ids = [
-	'get-started-website-with-astro-tailwind-css',
-	'how-to-customize-astrowind-to-your-brand',
-	'useful-resources-to-create-websites',
-	'astrowind-template-in-depth',
+	'get-started-website-with-astro-tailwind-css.md',
+	'how-to-customize-astrowind-to-your-brand.md',
+	'useful-resources-to-create-websites.md',
+	'astrowind-template-in-depth.md',
 ];
 const posts = await findPostsByIds(ids);
 ---

src/components/widgets/FAQs.astro

@@ -54,10 +54,10 @@ const items = [
 					<div class="space-y-8">
 						{subitems.map(({ question, answer }) => (
 							<div>
-								<p class="mb-4 text-xl font-bold">
+								<h3 class="mb-4 text-xl font-bold">
 									<Icon name="tabler:arrow-down-right" class="w-7 h-7 text-primary-500 inline-block" />
 									{question}
-								</p>
+								</h3>
 								{answer.split('\n\n').map((paragraph) => (
 									<p class="text-gray-700 dark:text-gray-400 mb-2" set:html={paragraph} />
 								))}