diff --git a/docs/public/email-github.png b/docs/public/email-github.png
index 863152e..146ae31 100644
Binary files a/docs/public/email-github.png and b/docs/public/email-github.png differ
diff --git a/docs/src/app/footer.tsx b/docs/src/app/footer.tsx
index 044bccf..30eeeb4 100644
--- a/docs/src/app/footer.tsx
+++ b/docs/src/app/footer.tsx
@@ -30,8 +30,15 @@ export default function Footer() {
           <div className="xl:mx-6">
             <div className="mx-6 flex flex-col-reverse md:flex-row justify-between align-middle leading-6">
               <div className="py-2">
-                Copyright © SSW 1990 - {new Date().getFullYear()}. All Rights
-                Reserved.
+                Copyright © {" "}
+                <a
+                  className="footer-link"
+                  href="https://www.ssw.com.au/"
+                  target="_blank"
+                >
+                  SSW
+                </a>
+                {" "} 1990 - {new Date().getFullYear()}. All Rights Reserved.
               </div>
               <div className="w-full md:w-3/6 md:text-right py-2">
                 <a
diff --git a/docs/src/app/layout.tsx b/docs/src/app/layout.tsx
index 66064ab..735631c 100644
--- a/docs/src/app/layout.tsx
+++ b/docs/src/app/layout.tsx
@@ -6,10 +6,20 @@ import '@fortawesome/fontawesome-svg-core/styles.css'
 config.autoAddCss = false
 
 const inter = Inter({ subsets: ['latin'] })
+const metadataTitle = 'SSW Dory'
+const metadataDescription = 'A low-code solution to automatically remind users to check-in their SharePoint pages or merge their open GitHub Pull Requests'
 
 export const metadata: Metadata = {
-  title: 'SSW Dory',
-  description: 'A low-code solution to automatically remind users to check-in their SharePoint pages or merge their open GitHub Pull Requests',
+  title: metadataTitle,
+  description: metadataDescription,
+  openGraph: {
+    title: metadataTitle,
+    description: metadataDescription,
+    url: 'https://www.sswdory.com/',
+    siteName: metadataTitle,
+    images: '/dory-architecture-diagram.webp',
+    type: 'website'
+  }
 }
 
 export default function RootLayout({
diff --git a/docs/src/app/marketingCard.tsx b/docs/src/app/marketingCard.tsx
index 1801ac3..6ad1522 100644
--- a/docs/src/app/marketingCard.tsx
+++ b/docs/src/app/marketingCard.tsx
@@ -15,10 +15,10 @@ type MarketingCardProps = {
 function MarketingCardText({ title, description }: MarketingCardTextProps) {
   return (
     <div className="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center">
-      <h1 className="title-font leading-tight sm:text-4xl text-3xl mb-4 font-medium text-gray-900">
+      <h2 className="title-font leading-tight sm:text-4xl text-3xl mb-4 font-medium text-gray-900">
         {title}
-      </h1>
-      <p className="mb-8 leading-relaxed max-w-xl">{description}</p>
+      </h2>
+      <h3 className="mb-8 leading-relaxed max-w-xl">{description}</h3>
     </div>
   );
 }
diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx
index fedad73..95fa414 100644
--- a/docs/src/app/page.tsx
+++ b/docs/src/app/page.tsx
@@ -6,7 +6,7 @@ export default function Home() {
   return (
     <main className="flex min-h-screen flex-col items-center">
       <nav className="bggrey w-full h-24 p-4 flex justify-center">
-        <div className="w-3/5">
+        <div className="w-full">
           <Image
             src="/sswdory-logo.png"
             alt="SSW Dory Logo"
@@ -20,7 +20,7 @@ export default function Home() {
         <section className="text-gray-700 body-font">
           <div className="container mx-auto flex px-5 py-20 items-center justify-center flex-col">
             <div className="text-center lg:w-2/3 w-full">
-              <h1 className="title-font leading-tight sm:text-4xl text-3xl mb-10 font-medium text-gray-900">
+              <h1 className="title-font leading-tight sm:text-5xl text-4xl mb-10 font-semibold text-gray-900">
                 Check out our Github
               </h1>
             </div>