From ab6ebf039220a2fee958041188cefdb873c6d7e2 Mon Sep 17 00:00:00 2001
From: Michael Rooplall <MichaelRooplall@gmail.com>
Date: Mon, 11 Dec 2023 21:06:15 -0500
Subject: [PATCH] Add Coming Soon Banner

---
 .../ComingSoonBanner/ComingSoonBanner.jsx     | 24 +++++++++++++++++++
 .../comingSoonBanner.module.css               |  0
 2 files changed, 24 insertions(+)
 create mode 100644 app/components/ComingSoonBanner/ComingSoonBanner.jsx
 create mode 100644 app/components/ComingSoonBanner/comingSoonBanner.module.css

diff --git a/app/components/ComingSoonBanner/ComingSoonBanner.jsx b/app/components/ComingSoonBanner/ComingSoonBanner.jsx
new file mode 100644
index 0000000..9e3f174
--- /dev/null
+++ b/app/components/ComingSoonBanner/ComingSoonBanner.jsx
@@ -0,0 +1,24 @@
+
+const ComingSoonBanner = () => {
+    return (
+        <div
+            style={{
+                maxWidth : '100%',
+                width : '100vw',
+                height : 80,
+                backgroundColor : '#000000a0'
+            }}
+        >
+            <span
+                style={{
+                    color : '#fff',
+                    fontSize : 32
+                }}
+            >
+                COMING SOON
+            </span>
+        </div>
+    )
+}
+
+export default ComingSoonBanner;
\ No newline at end of file
diff --git a/app/components/ComingSoonBanner/comingSoonBanner.module.css b/app/components/ComingSoonBanner/comingSoonBanner.module.css
new file mode 100644
index 0000000..e69de29