Merge pull request #17 from Design-System-Project/chore/landing-bg

add landing page noise bg

apps/dashboard/src/app/(home)/home.css

@@ -0,0 +1,14 @@
+/* resulting css */
+.landing-bg {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  opacity: 0.1;
+  filter: contrast(270%) brightness(350%);
+  background: linear-gradient(
+      180deg,
+      rgba(24, 24, 27, 0.54),
+      rgba(255, 255, 255, 0)
+    ),
+    url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
+}

apps/dashboard/src/app/(home)/layout.tsx

@@ -1,5 +1,6 @@
 import { Footer } from '@/components/footer';
 import { NavigationBar } from '@/components/navigation-bar/navigation-bar';
+import './home.css';
 
 export default function Layout({
   children,
@@ -8,6 +9,7 @@ export default function Layout({
 }>) {
   return (
     <>
+      <div className="landing-bg" />
       <header className="sticky top-0 w-full flex justify-center">
         <NavigationBar />
       </header>