diff --git a/src/components/Footer.css b/src/components/Footer.css
index c92214f..642d34e 100644
--- a/src/components/Footer.css
+++ b/src/components/Footer.css
@@ -20,7 +20,7 @@ a:hover {
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: space-around;
+    justify-content:space-around;
     max-width: 1200px;
     margin: auto;
     animation: fadeIn 1s ease-in-out;
@@ -28,7 +28,7 @@ a:hover {
 
 .footer-section {
     flex: 1;
-    padding: 20px;
+    padding: 10px;
     text-align: center;
     opacity: 0;
     transform: translateY(20px);
@@ -51,12 +51,17 @@ a:hover {
     position: relative;
     transition: color 0.3s, transform 0.3s;
 }
-
+/* to make the all footer section in one row  */
+.footer-nav {
+    display: flex;
+    justify-content: space-evenly;
+    width: 100%;
+}
 /* Footer.css */
 .footer-section h4 {
     position: relative;
     display: inline-block;
-    padding: 0.5rem 1rem;
+    padding: 15x;
     color: #fff;
     text-decoration: none;
     overflow: hidden;
@@ -151,6 +156,29 @@ a:hover {
     text-decoration: none;
     transition: color 0.3s, transform 0.3s;
 }
+.contact-list {
+    margin: 20px;
+}
+
+.contact-list li, .nav-list li{
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px; /* Adjust as needed */
+}
+
+.contact-list li i, .nav-list li i{
+    margin-right: 10px; /* Adjust the spacing as needed */
+}
+.contact-list li a, .nav-list li a {
+    color: inherit; /* Ensure the text color matches the parent */
+    text-decoration: none;
+    transition: color 0.3s, transform 0.3s;
+}
+
+.contact-list li a:hover, .nav-list li a:hover {
+    color: #90a9bb; /* Adjust the hover color as needed */
+    transform: scale(1.1);
+}
 
 .footer-section ul li a:hover,
 .footer-section p a:hover {
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 8ef00a2..bbd8f14 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import React from 'react';
+// import React from 'react';
 import './Footer.css';
 
 const quotes = [
@@ -69,12 +69,16 @@ const Footer = () => {
   return (
     <footer className="footer" style={footerStyle}>
       <div className="footer-content">
+      <div className='footer-nav'>
         <div className="footer-section contact-details">
           <h4><strong style={footerStyle}>Contact Us</strong></h4>
           <ul className="contact-list">
             <li style={footerStyle}>
               <i className="fas fa-envelope"></i>&nbsp;&nbsp;
+              <a style={footerStyle}  href="mailto:akshatchaube22@gmail.com">akshatchaube22@gmail.com</a>
+
               <a style={footerStyle} href="mailto:akshatchaube22@gmail.com">akshatchaube22@gmail.com</a>
+
             </li>
             <li style={footerStyle}>
               <i className="fas fa-phone"></i>&nbsp;&nbsp;
@@ -142,6 +146,11 @@ const Footer = () => {
                 <i className="fab fa-linkedin-in"></i>&nbsp;&nbsp; LinkedIn
               </a>
             </li>
+            <li style={footerStyle}>
+              <a style={footerStyle} href="https://discord.com/" target="_blank" rel="noopener noreferrer">
+                <i className="fab fa-discord"></i>&nbsp;&nbsp; Discord
+              </a>
+            </li>
           </ul>
         </div>
         <div className="footer-section social-media">
@@ -182,6 +191,7 @@ const Footer = () => {
           </ul>
         </div>
       </div>
+      </div>
       <div className="footer-bottom">
         <p style={footerStyle}>© 2024 TimeWarp. All rights reserved.</p>
       </div>