Index: imaps-frontend/src/pages/IMaps/components/Button.css
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Button.css	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Button.css	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -20,8 +20,9 @@
 
 .btn--outline {
-  background-color: transparent;
+  background-color: #ffffffc2;
 
-  color: #fff;
+  color: #252627;
   padding: 8px 20px;
+  border: 1px solid #252627 ;
   /* border: 1px solid var(--primary); */
   transition: all 0.3s ease-out;
@@ -37,4 +38,9 @@
   font-size: 24px;
 }
+.btn--outline:hover{
+  transition: all 0.3s ease-out;
+  background: #000000;
+  color:#ffffffc2;
+}
 
 .btn--large:hover,
@@ -43,4 +49,3 @@
   background: #ffffffc2;
   color: #000000;
-  transition: 250ms;
 }
Index: imaps-frontend/src/pages/IMaps/components/Cards.jsx
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Cards.jsx	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Cards.jsx	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -19,5 +19,5 @@
               text="Create intricate floor plans for your building with precision and ease."
               label="Create"
-              path="/services"
+              path="#"
             />
             <CardItem
@@ -25,5 +25,5 @@
               text="Explore and navigate through complex building layouts seamlessly."
               label="Explore"
-              path="/services"
+              path="#"
             />
           </ul>
@@ -33,5 +33,5 @@
               text="Add custom icons, labels, and markers to personalize your indoor maps."
               label="Customize"
-              path="/services"
+              path="#"
             />
             <CardItem
@@ -39,5 +39,5 @@
               text="Ensure accessibility by mapping out routes and facilities for all users."
               label="Accessibility"
-              path="/products"
+              path="#"
             />
             <CardItem
@@ -45,5 +45,5 @@
               text="Share your maps with others and collaborate in real-time for efficient space planning."
               label="Collaboration"
-              path="/sign-up"
+              path="#"
             />
           </ul>
Index: imaps-frontend/src/pages/IMaps/components/Footer.css
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Footer.css	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Footer.css	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -47,17 +47,19 @@
 .footer-links {
   width: 100%;
-  max-width: 1000px;
   display: flex;
-  justify-content: center;
+  justify-content: space-evenly;
+}
+.footer-link-wrapper a {
+  margin-top: 1em;
+}
+.footer-link-wrapper h2 {
+  width: 100%;
 }
 
-.footer-link-wrapper {
-  display: flex;
-}
 
 .footer-link-items {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: center;
   margin: 16px;
   text-align: left;
@@ -100,15 +102,10 @@
 
 .social-media {
-  max-width: 1000px;
-  width: 100%;
 }
 
 .social-media-wrap {
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
   align-items: center;
-  width: 90%;
-  max-width: 1000px;
-  margin: 40px auto 0 auto;
 }
 
@@ -123,5 +120,4 @@
   color: #fff;
   justify-self: start;
-  margin-left: 20px;
   cursor: pointer;
   text-decoration: none;
@@ -131,8 +127,13 @@
   margin-bottom: 16px;
 }
+.social-media-wrap img {
+  width: 25%;
+}
 
 .website-rights {
   color: #fff;
-  margin-bottom: 16px;
+  align-content: flex-end;
+  width: 50%;
+  margin-top: 2em;
 }
 
Index: imaps-frontend/src/pages/IMaps/components/Footer.jsx
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Footer.jsx	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Footer.jsx	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -2,10 +2,11 @@
 import "./Footer.css";
 import { Button } from "./Button";
-import logo from "../../../assets/logo_icon.png";
+import logo from "../../../assets/novo_logo_nobg_cropped.png";
+import {Link} from "react-router-dom";
 
 function Footer() {
   return (
     <div className="footer-container">
-      {/* <div className="footer-links">
+      <div className="footer-links">
         <div className="footer-link-wrapper">
           <div className="footer-link-items">
@@ -13,45 +14,26 @@
             <a href="#">Contact</a>
             <a href="#">Support</a>
-            <a href="#">Destinations</a>
-            <a href="#">Sponsorships</a>
           </div>
         </div>
-        <div className="footer-link-wrapper">
-          <div className="footer-link-items">
-            <h2>Social Media</h2>
-            <a href="#">Instagram</a>
-            <a href="#">Facebook</a>
-            <a href="#">Youtube</a>
-            <a href="#">Twitter</a>
+          <div className="social-media-wrap">
+
+            <div className="footer-logo">
+              <img src={logo} alt={"logo"}/>
+            </div>
+            <small className="website-rights">iMaps © {2024}</small>
+          </div>
+        <div>
+          <div className="footer-link-wrapper">
+            <div className="footer-link-items">
+              <h2>Legal & Privacy</h2>
+              <Link to={"/privacy-policy"}>Privacy Policy</Link>
+              <Link to={"/terms-of-service"}>Terms Of Service</Link>
+
+            </div>
           </div>
         </div>
-      </div> */}
-      <section className="social-media">
-        <div className="social-media-wrap">
-          <div className="footer-logo">
-            <a href="#" className="social-logo">
-              iMaps
-            </a>
-          </div>
-          <small className="website-rights">iMaps © {2024}</small>
-          <div className="social-icons">
-            <a className="social-icon-link facebook" href="#" aria-label="Facebook">
-              <i className="fab fa-facebook-f" />
-            </a>
-            <a className="social-icon-link instagram" href="#" aria-label="Instagram">
-              <i className="fab fa-instagram" />
-            </a>
-            <a className="social-icon-link youtube" href="#" aria-label="Youtube">
-              <i className="fab fa-youtube" />
-            </a>
-            <a className="social-icon-link twitter" href="#" aria-label="Twitter">
-              <i className="fab fa-twitter" />
-            </a>
-            <a className="social-icon-link linkedin" href="#" aria-label="LinkedIn">
-              <i className="fab fa-linkedin" />
-            </a>
-          </div>
-        </div>
-      </section>
+
+      </div>
+
     </div>
   );
Index: imaps-frontend/src/pages/IMaps/components/Navbar.css
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Navbar.css	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Navbar.css	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -1,15 +1,4 @@
 .modern-navbar {
-  /*background-color: #ffffff;*/
-  /*background: linear-gradient(*/
-  /*        90deg,*/
-  /*        #fafafa 0%,*/
-  /*        #c07e7e 25%,*/
-  /*        #af2525 50%,*/
-  /*        #443a3a 75%,*/
-  /*        #8d1010 100%*/
-  /*);*/
-  /*background: linear-gradient(to right, #ffffff, #c12c2c);*/
-  /*background: linear-gradient(90deg, #3b3131, #ffffff);*/
-  background: linear-gradient(90deg, #9b1818, #efefef);
+  background: linear-gradient(90deg, #ffffff, #fffefe);
   color: #ffffff;
   /*color: #333333;*/
@@ -24,4 +13,6 @@
   border-radius: 8px;
   margin: 5px;
+  height: 70px;
+  overflow: hidden;
 }
 
Index: imaps-frontend/src/pages/IMaps/components/Navbar.jsx
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Navbar.jsx	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/Navbar.jsx	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -10,8 +10,4 @@
 function Navbar() {
   const [click, setClick] = useState(false);
-  const [button, setButton] = useState(true);
-
-  const handleClick = () => setClick(!click);
-  const closeMobileMenu = () => setClick(false);
 
   const { isAuthenticated } = useAppContext();
@@ -23,5 +19,4 @@
                 <div className="navbar-left">
                     <Logo position="relative"/>
-                    <h1 className="navbar-title">iMaps</h1>
                 </div>
 
Index: imaps-frontend/src/pages/IMaps/components/pages/Home.jsx
===================================================================
--- imaps-frontend/src/pages/IMaps/components/pages/Home.jsx	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/pages/Home.jsx	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -14,12 +14,12 @@
         <h2 className="description">Create and explore detailed indoor maps.</h2>
         <div className="hero-btns">
-          <Link to="/myMaps">
-            <Button className="btns" buttonSize="btn--large">
-              Create Maps
+          <Link to="/Maps">
+            <Button buttonSize="btn--large" >
+              Browse Maps <i className="far fa-play-circle" />
             </Button>
           </Link>
-          <Link to="/Maps">
-            <Button className="btns" buttonSize="btn--large">
-              Browse Maps <i className="far fa-play-circle" />
+          <Link to="/myMaps">
+            <Button buttonSize="btn--large" buttonStyle="btn--outline">
+              Create Maps
             </Button>
           </Link>
Index: imaps-frontend/src/pages/IMaps/components/pages/Home.scss
===================================================================
--- imaps-frontend/src/pages/IMaps/components/pages/Home.scss	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
+++ imaps-frontend/src/pages/IMaps/components/pages/Home.scss	(revision 79a03170cdde4e801d12257ee86723774970427b)
@@ -50,5 +50,8 @@
   width: 100vw;
   /* img size is 50x50 */
-  background: url($bg-url) repeat 0 0;
+  /* Set a base background color */
+  background: #87898d url($bg-url) repeat 0 0;
+
+  /* Apply hue rotation to the image */
 
   -webkit-animation: bg-scrolling-reverse .92s infinite; /* Safari 4+ */
@@ -98,6 +101,4 @@
 
   font-size: 6em;
-
-
 
 
