more open graph

src/components/Meta.tsx

@@ -36,9 +36,12 @@ const Meta: React.FC<MetaProps> = ({
       <meta property="og:title" content={siteTitle} />
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />
+      <meta property="og:locale" content="your value" />
+      <meta property="og:logo" content="your value" />
+        
 
       {/* Twitter */}
-      <meta property="twitter:card" content="summary_large_image" />
+      <meta property="twitter:card" content={image} />
       <meta property="twitter:url" content={url} />
       <meta property="twitter:title" content={siteTitle} />
       <meta property="twitter:description" content={description} />

src/pages/index.tsx

@@ -6,6 +6,7 @@ import Sidebar from '@/components/Sidebar';
 import { getSortedPostsData } from '@/lib/markdown';
 import { PostMetadata } from '@/types';
 import Image from 'next/image'
+import Meta from '@/components/Meta';
 
 interface HomeProps {
   posts: PostMetadata[];
@@ -23,6 +24,14 @@ interface HomeProps {
 const Home: React.FC<HomeProps> = ({ posts, recentPosts, tags }) => {
   return (
     <Layout>
+      <Meta
+        title="Confessions of Grace"
+        description="Reformed Theology Blog"
+        keywords="reformed theology, doctrines of grace, christianity, calvinism, theology"
+        image="public/favicon.ico"
+        url="https://www.confessionsofgrace.com/"
+        type="homepage"
+      />
       <div className="flex flex-col md:flex-row gap-8">
         <main className="md:w-2/3">
           {posts.length > 0 && (

src/pages/posts/[id].tsx

@@ -31,18 +31,6 @@ const Post: React.FC<PostProps> = ({ post, morePosts }) => {
         url={postUrl}
         type="article"
       />
-      {/* Open Graph / Facebook */}
-      <meta property="og:url" content={postUrl} />
-      <meta property="og:title" content={post.title} />
-      <meta property="og:description" content={post.excerpt} />
-      <meta property="og:image" content={post.coverImage} />
-
-      {/* Twitter */}
-      <meta property="twitter:card" content={post.coverImage} />
-      <meta property="twitter:url" content={postUrl} />
-      <meta property="twitter:title" content={post.title} />
-      <meta property="twitter:description" content={post.excerpt} />
-      <meta property="twitter:image" content={post.coverImage} />
       
       <article className="max-w-3xl mx-auto">
         <header className="mb-8">