chore: add gradient

index.md

@@ -26,4 +26,24 @@ features:
   - title: Your own instance!
     details: LonaDB is self-hosted, meaning you can run it on your own server. This allows you to have full control over your data with no one spying.
 ---
+<style>
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3b82f6 30%, #86efac);
 
+  --vp-home-hero-image-background-image: linear-gradient(-15deg, #1d3cd8 50%, #22c55b 50%);
+  --vp-home-hero-image-filter: blur(40px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
+}
+</style>