feat: implement Open Graph image generation and enhance configuration

- Added ogImages integration to generate Open Graph images for blog posts.
- Updated configuration to include Open Graph settings and default preview image.
- Refactored Head component to utilize new preview property for Open Graph meta tags.
- Enhanced blog post schema to include preview image for structured data representation.
- Introduced utility functions for creating Open Graph images with dynamic content.

1 files changed, 3 insertions, 1 deletions

diff --git a/src/pages/404.astro b/src/pages/404.astro
index cb3fca1..3ec9feb 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,9 +1,11 @@
 ---
+import { config } from "../config";
 import Layout from "../layouts/BaseLayout.astro";
 import pageSchema from "../utils/schemas/pageSchema";
 
 const title = "404 — Page Not Found | Valentin Popov";
 const description = "The page you're looking for doesn't exist!";
+const preview = config.og.defaultPreview;
 const lang = "en";
 
 const schema = pageSchema({
@@ -15,7 +17,7 @@ const schema = pageSchema({
 });
 ---
 
-<Layout title={title} description={description} lang={lang} schema={schema}>
+<Layout title={title} description={description} preview={preview} lang={lang} schema={schema}>
 	<div style={{ "text-align": "center" }}>
 		<h1>404</h1>
 		<p><strong>Page not found</strong></p>