From 8e06de1a5755d021fd98209a163dcff6e36d64ff Mon Sep 17 00:00:00 2001
From: OLIMINATOR <oliminator@protonmail.com>
Date: Fri, 6 Jan 2023 21:17:43 +0100
Subject: [PATCH] feat(components): create headseo

---
 src/components/HeadSEO.astro | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/components/HeadSEO.astro b/src/components/HeadSEO.astro
index e69de29..ca7046e 100644
--- a/src/components/HeadSEO.astro
+++ b/src/components/HeadSEO.astro
@@ -0,0 +1,31 @@
+---
+import { SITE, OPEN_GRAPH } from '../config';
+
+const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
+---
+
+<!-- Primary Meta Tags -->
+<title>{SITE.title}</title>
+<meta name="title" content={SITE.title} />
+<meta name="description" content={SITE.title} />
+<link rel="canonical" href={canonicalUrl} />
+
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="website" />
+<meta property="og:url" content={SITE.url} />
+<meta property="og:site_name" content={SITE.title} />
+<meta property="og:title" content={SITE.title} />
+<meta property="og:description" content={SITE.description} />
+<meta property="og:image" content={OPEN_GRAPH.image.src} />
+<meta property="og:image:alt" content={OPEN_GRAPH.image.alt} />
+
+<!-- Twitter -->
+<meta property="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content={OPEN_GRAPH.twitter} />
+<meta property="twitter:url" content={SITE.url} />
+<meta property="twitter:title" content={SITE.title} />
+<meta property="twitter:description" content={SITE.description} />
+<meta property="twitter:image" content={OPEN_GRAPH.image.src} />
+<meta name="twitter:image:alt" content={OPEN_GRAPH.image.alt} />
+
+<meta name="theme-color" content={SITE.themeColor} />