logo

src/assets/leaf.svg

@@ -0,0 +1,10 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M27.6052 0.987705C27.5216 0.613525 27.212 0.332164 26.8315 0.284574C23.0831 -0.183937 19.6204 -0.073621 16.5396 0.612436C12.6164 1.48595 9.2532 3.30259 6.54294 6.01243C2.31635 10.2433 2.31634 17.1274 6.54336 21.3586C6.95109 21.7662 7.386 22.1367 7.84343 22.4698V30.0918C7.84343 30.5934 8.25006 31 8.75163 31C9.2532 31 9.65983 30.5934 9.65983 30.0918V23.5381C11.0698 24.1905 12.6172 24.5348 14.2181 24.5348C17.1187 24.5348 19.8431 23.4066 21.8892 21.3585C25.0882 18.1598 24.4257 13.7524 24.2077 11.279C23.8748 7.50285 23.5873 4.24168 27.2045 1.95331C27.5284 1.74829 27.6889 1.36195 27.6052 0.987705ZM7.82756 7.29657C11.0263 4.09842 15.183 2.29297 20.2325 1.8976C18.0668 2.95275 15.9739 4.49155 14.1466 6.42039C10.5638 10.2023 8.40094 15.0264 7.93812 20.182C4.31851 16.6814 4.26275 10.865 7.82756 7.29657ZM22.3982 11.4385C22.6833 14.6722 22.9525 17.7266 20.6044 20.0744C18.9011 21.7794 16.6331 22.7184 14.218 22.7184C12.5956 22.7184 11.0392 22.294 9.67521 21.4991C9.86152 16.3182 11.8999 11.4331 15.4652 7.66954C17.1033 5.94038 19.0222 4.51238 21.0144 3.53994C21.9857 3.06579 22.9656 2.70385 23.9275 2.46057C23.2136 3.37477 22.7299 4.42041 22.466 5.61361C22.0504 7.49322 22.2272 9.4989 22.3982 11.4385Z" fill="#53D188"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="31" height="31" fill="white"/>
+</clipPath>
+</defs>
+</svg>

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 {
+span{
-    position: relative;
+    font-family: 'Poppins', sans-serif;
+    font-weight: bold;
+    font-size:3.2em;
+    color:#DADADA;
 }
-.map {
+.leaf{
-    position: absolute;
+    width:40px;
-    top: 0;
+}
-    left: 0;
+div{
-    width: 100%;
+    width:100%;
-    height: 100%;
+    height:10vh;
 }