diff --git a/package-lock.json b/package-lock.json
index f5328bd..cbb755d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19131,9 +19131,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
-      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
       "license": "Apache-2.0",
       "peer": true,
       "bin": {
@@ -19141,7 +19141,7 @@
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=4.2.0"
       }
     },
     "node_modules/unbox-primitive": {
diff --git a/src/componets/Navbar.css b/src/componets/Navbar.css
index 1e7e4e1..56081fe 100644
--- a/src/componets/Navbar.css
+++ b/src/componets/Navbar.css
@@ -119,6 +119,10 @@ body.menu-open {
   z-index: 1000; 
   padding: 10px 20px;
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); 
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 3rem;;
 }
 
 /*Highlighting current page*/
diff --git a/src/componets/footer.js b/src/componets/footer.js
index 3bd339a..952200d 100644
--- a/src/componets/footer.js
+++ b/src/componets/footer.js
@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { motion } from 'framer-motion';
 
+// Styled components for the footer
 const FooterContainer = styled.footer`
   background-color: #78350f;
   color: #fffbeb;
@@ -28,11 +29,49 @@ const FooterContent = styled.div`
   }
 `;
 
+const InfoSection = styled.div`
+  display: flex;
+  justify-content: space-between;
+  margin-top: 2rem;
+  text-align: left;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+    text-align: center;
+  }
+`;
+
+const InfoColumn = styled.div`
+  flex: 1;
+  margin: 0 1rem;
+
+  h3 {
+    font-size: 1.2rem;
+    margin-bottom: 1rem;
+  }
+
+  p, a {
+    font-size: 1rem;
+    color: #fffbeb;
+    text-decoration: none;
+    display: block;
+    margin-bottom: 0.5rem;
+  }
+
+  a:hover {
+    color: #fbbf24;
+  }
+`;
+
 const SocialIcons = styled.div`
   display: flex;
   justify-content: center;
   gap: 2rem;
   margin-top: 1.5rem;
+
+  @media (max-width: 768px) {
+    gap: 1.2rem;
+  }
 `;
 
 const SocialIcon = styled(motion.a)`
@@ -45,6 +84,11 @@ const SocialIcon = styled(motion.a)`
   
   &:hover {
     color: #fbbf24;
+    transform: scale(1.2);
+  }
+
+  @media (max-width: 768px) {
+    font-size: 1.3rem;
   }
 `;
 
@@ -54,6 +98,28 @@ function Footer() {
       <FooterContent>
         <p>&copy; {new Date().getFullYear()} MsCafe. All rights reserved.</p>
         <p>Made with ♥ by Mscoder</p>
+
+        {/* Informational Sections */}
+        <InfoSection>
+          <InfoColumn>
+            <h3>About Us</h3>
+            <p>Founded in 2010, MsCafe is dedicated to serving the finest coffee with passion and expertise. We source our beans from sustainable farms across the globe.</p>
+          </InfoColumn>
+
+          <InfoColumn>
+            <h3>Contact Us</h3>
+            <p>Email: contact@mscafe.com</p>
+            <p>Phone: (123) 456-7890</p>
+          </InfoColumn>
+
+          <InfoColumn>
+            <h3>Location</h3>
+            <p>123 Coffee St, Bean Town, USA</p>
+            <p><a href="https://www.google.com/maps" target="_blank" rel="noopener noreferrer">View on Map</a></p>
+          </InfoColumn>
+        </InfoSection>
+
+        {/* Social Icons */}
         <SocialIcons>
           <SocialIcon
             href="https://facebook.com"
@@ -61,6 +127,7 @@ function Footer() {
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
             aria-label="Facebook"
+            role="link"
           >
             <i className="fab fa-facebook-f"></i>
           </SocialIcon>
@@ -70,6 +137,7 @@ function Footer() {
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
             aria-label="Twitter"
+            role="link"
           >
             <i className="fab fa-twitter"></i>
           </SocialIcon>
@@ -79,6 +147,7 @@ function Footer() {
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
             aria-label="Instagram"
+            role="link"
           >
             <i className="fab fa-instagram"></i>
           </SocialIcon>
@@ -88,4 +157,4 @@ function Footer() {
   );
 }
 
-export default Footer;
\ No newline at end of file
+export default Footer;