tweak landing page

src/content/docs/index.mdx

@@ -1,11 +1,8 @@
 ---
-title: Tauri 2.0 Docs 🚀
+title: Hardend foundation to build your web apps with.
 description: The cross-platform app building toolkit
 template: splash
 hero:
-  tagline: Documentation for the prerelease version of Tauri 2.0
-  image:
-    file: ../../assets/houston.webp
   actions:
     - text: Get Started
       link: /2/guide/
@@ -23,6 +20,8 @@ hero:
 
 import { Card, CardGrid } from '@astrojs/starlight/components';
 
+<div class="hero-bg"></div>
+
 <CardGrid stagger>
   <Card title="Frontend Independent" icon="rocket">
     Bring your existing web stack to Tauri or start that new dream project.

src/styles/custom.css

@@ -56,7 +56,10 @@
 
 .header {
   height: 80px;
-  padding: 0px 1rem;
+  padding: 0px .8rem;
+  background: var(--sl-color-bg-nav);
+  backdrop-filter: blur(4px);
+  border: none;
 }
 
 .sidebar-pane,
@@ -200,6 +203,33 @@ site-search button {
   border-radius: 0px;
 }
 
+.hero-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+  z-index: -1;
+  opacity: 0.7;
+  background:
+    linear-gradient(-90deg, rgba(192, 192, 192, .2) 1px, transparent 1px),
+    linear-gradient(rgba(192, 192, 192, .2) 1px, transparent 1px),
+    linear-gradient(-90deg, rgba(192, 192, 192, .1) 1px, transparent 1px),
+    linear-gradient(rgba(192, 192, 192, .1) 1px, transparent 1px),
+    linear-gradient(transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+    linear-gradient(-90deg, rgba(192, 192, 192, .1) 1px, transparent 1px),
+    linear-gradient(-90deg, transparent 6px, transparent 6px, transparent 156px, transparent 156px),
+    linear-gradient(rgba(192, 192, 192, .1) 1px, transparent 1px),
+    transparent;
+  background-size:
+    32px 32px, 32px 32px,
+    256px 256px, 256px 256px,
+    256px 256px, 256px 256px,
+    256px 256px, 256px 256px;
+
+}
+
 .link:focus,
 a.button:focus,
 .content a:focus,