From 62806edca23e8ef3dcf976988b55645a10d806b5 Mon Sep 17 00:00:00 2001
From: Tomas Francisco <4301103+tomasfrancisco@users.noreply.github.com>
Date: Thu, 29 Aug 2024 11:52:54 +0200
Subject: [PATCH] add landing page noise bg

---
 apps/dashboard/src/app/(home)/home.css   | 14 ++++++++++++++
 apps/dashboard/src/app/(home)/layout.tsx |  2 ++
 2 files changed, 16 insertions(+)
 create mode 100644 apps/dashboard/src/app/(home)/home.css

diff --git a/apps/dashboard/src/app/(home)/home.css b/apps/dashboard/src/app/(home)/home.css
new file mode 100644
index 0000000..4a3f886
--- /dev/null
+++ b/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");
+}
diff --git a/apps/dashboard/src/app/(home)/layout.tsx b/apps/dashboard/src/app/(home)/layout.tsx
index 3bdc5a2..c909d7a 100644
--- a/apps/dashboard/src/app/(home)/layout.tsx
+++ b/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>