diff --git a/frontend/index.html b/frontend/index.html
index b3963a0..299f9c0 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,6 +1,32 @@
 <!doctype html>
 <html lang="en">
   <head>
+    <meta name="author" content="Derrick Gee"/>
+    <link rel="canonical" href="https://derrickgee.dev/projects/support-ticket-demo/"/>
+    <link rel="manifest" href="/favicon/manifest.webmanifest">
+
+    <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
+    <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
+    <link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
+
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="https://derrickgee.dev/support-ticket-demo/"/>
+    <meta property="og:title" content="Derrick Gee — Support Ticket Demo"/>
+    <meta property="og:image" content="https://derrickgee.dev/projects/support-ticket-demo/ogcard.webp"/>
+    <meta property="og:image:width" content="1200"/>
+    <meta property="og:image:height" content="630"/>
+    <meta property="og:image:alt" content="Derrick Gee — Support Ticket Demo"/>
+    <meta property="og:site_name" content="derrickgee.dev"/>
+    <meta property="og:locale" content="en_US"/>
+
+    <meta name="twitter:card" content="summary_large_image"/>
+    <meta name="twitter:url" content="https://derrickgee.dev/projects/support-ticket-demo/"/>
+    <meta name="twitter:title" content="Derrick Gee — Support Ticket Demo"/>
+    <meta name="twitter:description" content="A web project sample of a robust support ticket system."/>
+    <meta name="twitter:image" content="https://derrickgee.dev/projects/support-ticket-demo/ogcard.webp"/>
+
+    <meta name="robots" content="index, follow">
+
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/frontend/public/favicon/apple-touch-icon.png b/frontend/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..f1a4001
Binary files /dev/null and b/frontend/public/favicon/apple-touch-icon.png differ
diff --git a/frontend/public/favicon/favicon-32x32.png b/frontend/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000..82a46b8
Binary files /dev/null and b/frontend/public/favicon/favicon-32x32.png differ
diff --git a/frontend/public/favicon/favicon.ico b/frontend/public/favicon/favicon.ico
new file mode 100644
index 0000000..f74d03a
Binary files /dev/null and b/frontend/public/favicon/favicon.ico differ
diff --git a/frontend/public/favicon/icon-192.png b/frontend/public/favicon/icon-192.png
new file mode 100644
index 0000000..5b632b1
Binary files /dev/null and b/frontend/public/favicon/icon-192.png differ
diff --git a/frontend/public/favicon/icon-512.png b/frontend/public/favicon/icon-512.png
new file mode 100644
index 0000000..2f9c793
Binary files /dev/null and b/frontend/public/favicon/icon-512.png differ
diff --git a/frontend/public/favicon/icon-mask.png b/frontend/public/favicon/icon-mask.png
new file mode 100644
index 0000000..02bcd5e
Binary files /dev/null and b/frontend/public/favicon/icon-mask.png differ
diff --git a/frontend/public/favicon/icon.svg b/frontend/public/favicon/icon.svg
new file mode 100644
index 0000000..5165ece
--- /dev/null
+++ b/frontend/public/favicon/icon.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <style>
+    rect.bg { fill: #09090b; }
+    text { fill: #fafafa; }
+    rect.border { fill: none; stroke: #3f3f46; stroke-width="1"; }
+    @media (prefers-color-scheme: light) {
+      rect.bg { fill: #fafafa; }
+      text { fill: #09090b; }
+      rect.border { stroke: #e4e4e7; }
+    }
+  </style>
+  <rect class="bg" width="32" height="32" rx="7"/>
+  <rect class="border" x="0.5" y="0.5" width="31" height="31" rx="6.5"/>
+  <text
+    x="16"
+    y="22"
+    font-family="Georgia, serif"
+    font-size="15"
+    font-weight="700"
+    text-anchor="middle"
+    letter-spacing="0.5"
+  >dg</text>
+</svg>
diff --git a/frontend/public/favicon/manifest.webmanifest b/frontend/public/favicon/manifest.webmanifest
new file mode 100644
index 0000000..c0d35cd
--- /dev/null
+++ b/frontend/public/favicon/manifest.webmanifest
@@ -0,0 +1,12 @@
+{
+  "name": "dg",
+  "short_name": "dg",
+  "icons": [
+    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/icon-mask.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" },
+    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ],
+  "theme_color": "#09090b",
+  "background_color": "#09090b",
+  "display": "standalone"
+}
diff --git a/frontend/public/ogcard.webp b/frontend/public/ogcard.webp
new file mode 100644
index 0000000..a1d1872
Binary files /dev/null and b/frontend/public/ogcard.webp differ
