[add] banner

bilal · bilal · commit de8d9d4cfc8d · 2022-06-18T02:14:42.000+05:00
diff --git a/components/Banner.jsx b/components/Banner.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import styles from "../styles/Banner.module.css";
+
+const Banner = () => {
+  return (
+    <div>
+      <div className={styles.module}>
+        <h2 className={styles.stripe}></h2>
+        <h1 className={styles.text}>UNDER CONSTRUCTION</h1>
+      </div>
+    </div>
+  );
+};
+
+export default Banner;
diff --git a/pages/index.jsx b/pages/index.jsx
@@ -1,12 +1,15 @@
 import Head from "next/head";
+import Banner from "../components/Banner";
 import Image from "next/image";
 // import styles from '../styles/Home.module.css'
 import logo from "../public/reactdevske.svg";
 
 export default function Home() {
   return (
     <div className="">
+      
       <Head>
+      <Banner />
         <title>React Devs Kenya</title>
         <meta
           name="description"
diff --git a/styles/Banner.module.css b/styles/Banner.module.css
@@ -0,0 +1,20 @@
+.module {
+    background: white;
+}
+
+.module>h2 {
+    padding: 1rem;
+}
+
+.stripe {
+    background: repeating-linear-gradient(-55deg, #222, rgb(34, 34, 34) 10px, rgb(229, 194, 0) 10px, rgb(229, 194, 0) 20px);
+}
+
+.text {
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    text-align: center;
+    font-weight: bolder;
+    font-size: 1.5vw;
+    color: #222;
+    background-color: rgb(229, 194, 0);
+}
