feat: astro seo

packages/website/src/components/ToolOpenGraph.astro

@@ -1,4 +1,5 @@
 ---
+import { AstroSeo } from '@astrolib/seo';
 import { imgur } from '@blitzkit/core';
 import { type Tool } from '../constants/tools';
 import { getStrings } from '../core/i18n/getStrings';
@@ -16,7 +17,16 @@ const toolStrings =
   ];
 ---
 
-<title>{toolStrings.name}</title>
-<meta property="og:image" content={imgur(tool.image)} />
-<meta name="description" content={toolStrings.seo_description} />
-<meta property="og:description" content={toolStrings.seo_description} />
+<AstroSeo
+  title={toolStrings.name}
+  description={toolStrings.seo_description}
+  canonical={Astro.url.href}
+  openGraph={{
+    url: Astro.url.href,
+    images: [{ url: imgur(tool.image) }],
+    title: toolStrings.name,
+    description: toolStrings.seo_description,
+    site_name: 'BlitzKit',
+  }}
+  twitter={{ cardType: 'summary_large_image' }}
+/>