Pushed the final changes Ruchira made.

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: #ffe609;
+    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,5 +1,13 @@
 .Navbar{
-    background-color: rgb(56, 55, 55);
+    background-color: #30475e;
     padding-top: 20px;
     padding-bottom: 24px;
 }
+
+.navbar-brand{
+
+    color: #5b83aa;
+    padding-left:20px; 
+
+}
+

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

@@ -1,14 +1,15 @@
 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 className="navbar navbar-expand-lg navbar-dark">
-        <img src="" alt="Logo&emsp;"></img>
-        <a href="/" className="navbar-brand">
+      <nav class="navbar navbar-expand-lg navbar-dark">
+        <img src={logo} width="40" height="40"></img>
+        <a href="/" class="navbar-brand">
           Kene's Cribs
         </a>
         <button