🖼️ updated landing page styling

2025-11-10 12:47:29 +02:00
parent b28b9bd137
commit 6ee39c4438
7 changed files with 257 additions and 80 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -8,4 +8,32 @@
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
+
+  /* Industrial/Terminal aesthetic utilities */
+  .grid-bg {
+    background-image: url('/grid.svg');
+  }
+
+  .noise-bg {
+    background-image: url('/noise.svg');
+  }
+
+  .scanline {
+    background: repeating-linear-gradient(
+      0deg,
+      transparent,
+      transparent 2px,
+      rgba(0, 0, 0, 0.3) 2px,
+      rgba(0, 0, 0, 0.3) 4px
+    );
+  }
+
+  /* Grayscale filter with instant toggle */
+  .grayscale {
+    filter: grayscale(100%);
+  }
+
+  .grayscale-0 {
+    filter: grayscale(0%);
+  }
 }