colors

package.json

@@ -12,6 +12,7 @@
     "react-bootstrap-carousel": "^4.1.1",
     "react-dom": "^17.0.2",
     "react-google-maps": "^9.4.5",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "spectre.css": "^0.5.9",
     "web-vitals": "^1.1.1"

src/agent-page/agent-page.css

@@ -12,7 +12,7 @@
   }
   .center{
     height: 25vh; /* Magic here */
-    background-color: yellow;
+    background-color: #e7dec8;
     display: flex;
     justify-content: center;
     align-items: center;

src/homePage/homePage.css

@@ -1,5 +1,5 @@
 .colored-section {
-    background-color: #ffe609;
+    background-color: #e7dec8;
     color: #000000;
     white-space: nowrap;
 }

src/shared-components/navbar-component/Navbar.css

@@ -1,3 +1,11 @@
 .Navbar{
-    background-color: pink;
-}
+    background-color: #30475e;
+}
+
+.navbar-brand{
+
+    color: #5b83aa;
+    padding-left:20px; 
+
+}
+

src/shared-components/navbar-component/Navbar.js

@@ -1,13 +1,14 @@
 import React from "react";
 import { Link, withRouter } from "react-router-dom";
 import "./Navbar.css";
+import logo from './logo2.png';
 /* eslint-disable jsx-a11y/anchor-is-valid */
 const Navbar = () => {
   return (
     /* Nav Bar */
     <div className="Navbar">
       <nav class="navbar navbar-expand-lg navbar-dark">
-        <img src=""></img>
+        <img src={logo} width="40" height="40"></img>
         <a href="/" class="navbar-brand">
           Kene's Cribs
         </a>