diff --git a/src/Koogle.Web/Components/App.razor b/src/Koogle.Web/Components/App.razor
index 46673d6..2d29c48 100644
--- a/src/Koogle.Web/Components/App.razor
+++ b/src/Koogle.Web/Components/App.razor
@@ -8,6 +8,8 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
     <meta name="apple-mobile-web-app-title" content="KOOGLE" />
     <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="robots" content="index, follow">
+    <meta name="googlebot" content="index, follow">
     <link rel="manifest" href="manifest.webmanifest" />
     <link rel="apple-touch-icon" href="icon-192.png" />
     <base href="/" />
diff --git a/src/Koogle.Web/Components/Pages/Home.razor b/src/Koogle.Web/Components/Pages/Home.razor
index ecf0e6f..480dc11 100644
--- a/src/Koogle.Web/Components/Pages/Home.razor
+++ b/src/Koogle.Web/Components/Pages/Home.razor
@@ -258,13 +258,17 @@
     }
 
     .hero-overlay {
-        background: linear-gradient(135deg, rgba(26, 54, 93, 0.85) 0%, rgba(45, 90, 77, 0.85) 100%);
+        background: linear-gradient(135deg, rgba(26, 54, 93, 0.92) 0%, rgba(45, 90, 77, 0.75) 100%);
         min-height: 400px;
         display: flex;
         align-items: center;
         border-radius: inherit;
     }
 
+    .hero-overlay .mud-typography {
+        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+    }
+
     .hero-subtitle {
         font-size: 0.65rem !important;
     }
diff --git a/src/Koogle.Web/wwwroot/robots.txt b/src/Koogle.Web/wwwroot/robots.txt
new file mode 100644
index 0000000..14267e9
--- /dev/null
+++ b/src/Koogle.Web/wwwroot/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
\ No newline at end of file