logo

src/components/Logo/index.js

@@ -1,8 +1,11 @@
 import styles from "./index.module.scss";
-
+import leaf from "../../assets/leaf.svg"
   export default function logo() {
     return (
-     <h2>Hello</h2>
+      <div className="d-flex align-items-center justify-content-center">
+     <span>eco-meet</span>
+     <img className={styles.leaf} src={leaf} alt="React Logo" />
+     </div>
     );
   }
   

src/components/Logo/index.module.scss

@@ -1,10 +1,13 @@
-.container {
-    position: relative;
+span{
+    font-family: 'Poppins', sans-serif;
+    font-weight: bold;
+    font-size:3.2em;
+    color:#DADADA;
 }
-.map {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+.leaf{
+    width:40px;
 }
+div{
+    width:100%;
+    height:10vh;
+}