diff --git a/frontend/src/assets/facebook.png b/frontend/src/assets/facebook.png
new file mode 100644
index 00000000..2a7ae3ed
Binary files /dev/null and b/frontend/src/assets/facebook.png differ
diff --git a/frontend/src/assets/instagram.png b/frontend/src/assets/instagram.png
new file mode 100644
index 00000000..7113f2c1
Binary files /dev/null and b/frontend/src/assets/instagram.png differ
diff --git a/frontend/src/assets/linkedin.png b/frontend/src/assets/linkedin.png
new file mode 100644
index 00000000..eac6de86
Binary files /dev/null and b/frontend/src/assets/linkedin.png differ
diff --git a/frontend/src/assets/twitter.png b/frontend/src/assets/twitter.png
new file mode 100644
index 00000000..d4a27606
Binary files /dev/null and b/frontend/src/assets/twitter.png differ
diff --git a/frontend/src/components/App/App.js b/frontend/src/components/App/App.js
index 87593873..43366eb3 100644
--- a/frontend/src/components/App/App.js
+++ b/frontend/src/components/App/App.js
@@ -1,9 +1,15 @@
 import React from 'react';
 import Dashboard from '../Dashboard';
+import Footer from '../Footer/Footer';
+
 
 function App(props) {
   return (
-    <Dashboard {...props}/>
+   
+   <> 
+   <Dashboard {...props}/>
+    <Footer/>
+    </>
   );
 }
 
diff --git a/frontend/src/components/Footer/Footer.css b/frontend/src/components/Footer/Footer.css
new file mode 100644
index 00000000..70951e51
--- /dev/null
+++ b/frontend/src/components/Footer/Footer.css
@@ -0,0 +1,118 @@
+.sb-footer-section-padding{
+    padding: 2rem 2rem;
+}
+.footer{
+    background-color: rgb(255, 255, 255);
+}
+
+.sb-footer{
+    display: flex;
+    flex-direction: column;
+}
+.sb-footer-links{
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    flex-direction: row;
+    flex-wrap: wrap;
+    width: 100%;
+    text-align: left;
+    margin-bottom: 2rem;
+}
+.sb-footer-links-div{
+    width: 150px;
+    margin: 1rem;
+    display: flex;
+    justify-content: flex-start;
+    font:bold;
+    flex-direction: column;
+    color: rgb(255, 0, 0);
+}
+a{
+    color: rgb(0, 0, 0);
+    text-decoration: none;
+}
+.socialmedia{
+    display: flex;
+    flex-direction: row;
+}
+
+.socialmedia img{
+    width: 80%;
+}
+
+.sb-footer-links-div h4{
+    font-size: 16px;
+    line-height: 17px;
+    margin-bottom: 0.9rem;
+}
+.sb-footer-links-div p{
+    font-size: 14px;
+    line-height: 15px;
+    margin: 0.9rem 0;
+    cursor: pointer;
+}
+.sb-footer-below{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 0.2rem;
+}
+.sb-footer-below-links{
+    display: flex;
+    flex-direction: row;
+}
+.sb-footer-below-links p{
+    font-size: 13px;
+    line-height: 15px;
+    margin-left: 2rem;
+    color: white;
+    font-weight: 600;
+}
+.hr{
+    color: white !important;
+    width: 100%;
+}
+.sb-footer-copyright p{
+    font-size: 13px;
+    line-height: 15px;
+    color: white;
+    font-weight: 600;
+}
+@media screen and (max-width: 768px){
+    .sb-footer-heading h1{
+        font-size: 44px;
+        line-height: 50px;
+    } 
+}
+@media screen and (max-width: 768px){
+    .sb-footer-heading h1{
+        font-size: 34px;
+        line-height: 42px;
+    }
+    .sb-footer-links div{
+        margin: 1rem 0;
+    }
+    .sb-footer-btn p{
+        font-size: 14px;
+        line-height: 20px;
+    }
+    .sb-footer-below{
+        flex-direction: column;
+        justify-content: left;
+    }
+    .sb-footer-below-links{
+        flex-direction: column;
+    }
+    .sb-footer-below-links p{
+        margin-left: 0rem;
+        margin-top: 1rem;
+    }
+}
+
+@media screen and (max-width: 400px){
+    .sb-footer-heading h1{
+        font-size: 27px;
+        line-height: 38px;
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/components/Footer/Footer.js b/frontend/src/components/Footer/Footer.js
new file mode 100644
index 00000000..a13aa71b
--- /dev/null
+++ b/frontend/src/components/Footer/Footer.js
@@ -0,0 +1,102 @@
+import React from 'react'
+import './Footer.css'
+import fb from '../../assets/facebook.png'
+import twitter from '../../assets/twitter.png'
+import LinkedIn from '../../assets/linkedin.png'
+import inst from '../../assets/instagram.png'
+
+function Footer() {
+  return (
+    <div className='footer'>
+        <div className="sb-footer-section-padding">
+            <div className="sb-footer-links">
+                <div className="sb-footer-links-div">
+                    <h4>For Business</h4>
+                    <a href="/employer">
+                        <p>Employer</p>
+                    </a>
+                    <a href="/healthplan">
+                        <p>Health Plan</p>
+                    </a>
+                    <a href="/individual">
+                        <p>Individual</p>
+                    </a>
+                </div>
+                <div className="sb-footer-links-div">
+                    <h4>Resources</h4>
+                    <a href="/employer">
+                        <p>Resources Center</p>
+                    </a>
+                    <a href="/healthplan">
+                        <p>Testimonials</p>
+                    </a>
+                    <a href="/individual">
+                        <p>STV</p>
+                    </a>
+                </div>
+                <div className="sb-footer-links-div">
+                    <h4>Partners</h4>
+                    <a href="/employer">
+                        <p>Product Hunt</p>
+                    </a>
+                </div>
+                <div className="sb-footer-links-div">
+                    <h4>Company</h4>
+                    <a href="/about">
+                        <p>About</p>
+                    </a>
+                    <a href="/https://discord.com/invite/2nN2VqwNaK">
+                        <p>Discord</p>
+                    </a>
+                    <a href="/career">
+                        <p>career</p>
+                    </a>
+                    <a href="/contact">
+                        <p>Contact</p>
+                    </a>
+                </div>
+                <div className="sb-footer-links-div">
+                    <h4>Coming soon on</h4>
+                    <div className="socialmedia">
+                        <p><img src={fb} alt=''/></p>
+                        <p><img src={twitter} alt=''/></p>
+                        <p><img src={LinkedIn} alt=''/></p>
+                        <p><img src={inst} alt=''/></p>
+                    </div>
+                </div>
+            </div>
+            <hr></hr>
+
+                <div className="sb-footer-below">
+                    <div className="sb-footer-copyright">
+                        <p>@{new Date().getFullYear()} Minute Magic All right reserved</p>
+                    </div>
+                    <div className="sb-footer-below-links">
+                        <a href="/term">
+                            <div>
+                                <p>Term & Conditions</p>
+                            </div>
+                        </a>
+                        <a href="/privacy">
+                            <div>
+                                <p>Privacy</p>
+                            </div>
+                        </a>
+                        <a href="/security">
+                            <div>
+                                <p>Security</p>
+                            </div>
+                        </a>
+                        <a href="/cookie">
+                            <div>
+                                <p>Cookie Declaration</p>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+        </div>
+    </div>
+  )
+}
+
+export default Footer
\ No newline at end of file