update seo

components/BlogSeo.js

@@ -1,43 +0,0 @@
-import { NextSeo, ArticleJsonLd } from 'next-seo'
-import siteMetadata from '@/data/siteMetadata'
-
-const BlogSeo = ({ title, summary, date, url, image }) => {
-  const publishedAt = new Date(date).toISOString()
-  const featuredImage = {
-    url: `${siteMetadata.url}${image}`,
-    alt: title,
-  }
-
-  return (
-    <>
-      <NextSeo
-        title={`${title} – ${siteMetadata.title}`}
-        description={summary}
-        canonical={url}
-        openGraph={{
-          type: 'article',
-          article: {
-            publishedTime: publishedAt,
-          },
-          url,
-          title,
-          description: summary,
-          images: [featuredImage],
-        }}
-      />
-      <ArticleJsonLd
-        authorName={siteMetadata.author}
-        dateModified={publishedAt}
-        datePublished={publishedAt}
-        description={summary}
-        images={[featuredImage]}
-        publisherLogo="/static/favicons/android-chrome-96x96.png"
-        publisherName={siteMetadata.author}
-        title={title}
-        url={url}
-      />
-    </>
-  )
-}
-
-export default BlogSeo

components/SEO.js

@@ -1,6 +1,7 @@
+import { NextSeo, ArticleJsonLd } from 'next-seo'
 import siteMetadata from '@/data/siteMetadata'
 
-const SEO = {
+export const SEO = {
   title: siteMetadata.title,
   description: siteMetadata.description,
   openGraph: {
@@ -11,7 +12,7 @@ const SEO = {
     description: siteMetadata.description,
     images: [
       {
-        url: siteMetadata.image,
+        url: siteMetadata.socialBanner,
         alt: siteMetadata.title,
         width: 1280,
         height: 720,
@@ -25,4 +26,58 @@ const SEO = {
   },
 }
 
-export default SEO
+export const PageSeo = ({ title, description, url }) => {
+  return (
+    <>
+      <NextSeo
+        title={`${title} – ${siteMetadata.title}`}
+        description
+        canonical={url}
+        openGraph={{
+          url,
+          title,
+          description,
+        }}
+      />
+    </>
+  )
+}
+
+export const BlogSeo = ({ title, summary, date, url, image = siteMetadata.socialBanner }) => {
+  const publishedAt = new Date(date).toISOString()
+  const featuredImage = {
+    url: `${siteMetadata.siteUrl}${image}`,
+    alt: title,
+  }
+
+  return (
+    <>
+      <NextSeo
+        title={`${title} – ${siteMetadata.title}`}
+        description={summary}
+        canonical={url}
+        openGraph={{
+          type: 'article',
+          article: {
+            publishedTime: publishedAt,
+          },
+          url,
+          title,
+          description: summary,
+          images: [featuredImage],
+        }}
+      />
+      <ArticleJsonLd
+        authorName={siteMetadata.author}
+        dateModified={publishedAt}
+        datePublished={publishedAt}
+        description={summary}
+        images={[featuredImage]}
+        publisherLogo="/static/favicons/android-chrome-96x96.png"
+        publisherName={siteMetadata.author}
+        title={title}
+        url={url}
+      />
+    </>
+  )
+}