updated tagline and icon

src/components/Header.tsx

@@ -1,17 +1,31 @@
 import React from 'react';
 import Link from 'next/link';
+import Image from "next/image";
 
 const Header: React.FC = () => {
   return (
     <header className="bg-white shadow-sm border-b border-primary-200">
       <div className="container mx-auto px-4 py-6">
         <div className="flex flex-col md:flex-row justify-between items-center">
-          <div className="mb-4 md:mb-0">
-            <Link href="/" className="no-underline">
+          <Link href="/" className="no-underline">
+            <div className="mb-4 md:mb-0 flex items-center space-x-4">
+            
+              <Image
+              src="/assets/logo.svg"
+              alt="Logo"
+              width={100}
+              height={100}
+              className="h-auto w-auto max-h-12"
+              />
+            
+            <div>
+              
               <h1 className="text-3xl font-bold text-primary-900 mb-0">Confessions of Grace</h1>
-            </Link>
-            <p className="text-primary-500 italic text-sm">Exploring Reformed Theology</p>
-          </div>
+              
+              <p className="text-primary-500 italic text-sm">Confessing Christ. Rejoicing in Grace.</p>
+            </div>
+            </div>
+          </Link>
           <nav className="flex space-x-6">
             <Link href="/" className="text-primary-700 hover:text-accent-dark">
               Home

src/components/Meta.tsx

@@ -19,7 +19,7 @@ const Meta: React.FC<MetaProps> = ({
   type = 'website'
 }) => {
   const siteTitle = title === 'Confessions of Grace' 
-    ? 'Confessions of Grace | Reformed Theology Blog' 
+    ? 'Confessions of Grace | Confessing Christ. Rejoicing in Grace.' 
     : `${title} | Confessions of Grace`;
 
   image = image.startsWith('http') ? image : `https://www.confessionsofgrace.com${image}`;
@@ -39,7 +39,7 @@ const Meta: React.FC<MetaProps> = ({
       <meta property="og:description" content={description} />
       <meta property="og:image" content={image} />
       <meta property="og:locale" content="en_US" />
-      <meta property="og:logo" content="/favicon.ico" />
+      <meta property="og:logo" content="/logo.svg" />
         
       {/* Twitter */}
       <meta property="twitter:card" content="summary" />

src/pages/index.tsx

@@ -27,7 +27,7 @@ const Home: React.FC<HomeProps> = ({ posts, recentPosts, tags }) => {
       <Meta
         title="Confessions of Grace"
         keywords="reformed theology, doctrines of grace, christianity, calvinism, theology"
-        image="public/favicon.ico"
+        image="public/assets/logo-horizontal.svg"
         url="https://www.confessionsofgrace.com/"
         type="website"
       />