diff --git a/frontend/src/assets/ContactUs_Img.png b/frontend/src/assets/ContactUs_Img.png
new file mode 100644
index 0000000..55ab9c6
Binary files /dev/null and b/frontend/src/assets/ContactUs_Img.png differ
diff --git a/frontend/src/assets/facebook-brands-solid.svg b/frontend/src/assets/facebook-brands-solid.svg
new file mode 100644
index 0000000..1a9bb95
--- /dev/null
+++ b/frontend/src/assets/facebook-brands-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/instagram-brands-solid.svg b/frontend/src/assets/instagram-brands-solid.svg
new file mode 100644
index 0000000..e1b223b
--- /dev/null
+++ b/frontend/src/assets/instagram-brands-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/linkedin-brands-solid.svg b/frontend/src/assets/linkedin-brands-solid.svg
new file mode 100644
index 0000000..d38a080
--- /dev/null
+++ b/frontend/src/assets/linkedin-brands-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
\ No newline at end of file
diff --git a/frontend/src/assets/x-twitter-brands-solid.svg b/frontend/src/assets/x-twitter-brands-solid.svg
new file mode 100644
index 0000000..0bd9e7f
--- /dev/null
+++ b/frontend/src/assets/x-twitter-brands-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
\ No newline at end of file
diff --git a/frontend/src/components/ContactUs.jsx b/frontend/src/components/ContactUs.jsx
new file mode 100644
index 0000000..51376d7
--- /dev/null
+++ b/frontend/src/components/ContactUs.jsx
@@ -0,0 +1,62 @@
+import React from "react";
+import "../styles/ContactUs.css";
+import InstagramIcon from "../assets/instagram-brands-solid.svg";
+import FacebookIcon from "../assets/facebook-brands-solid.svg";
+import TwitterIcon from "../assets/x-twitter-brands-solid.svg";
+import LinkedInIcon from "../assets/linkedin-brands-solid.svg";
+import ContactUsImg from "../assets/ContactUs_Img.png";
+
+const ContactUs = () => {
+  return (
+    <div className="contact-wrapper">
+      <div className="contact-container">
+        <h1>Contact Us</h1>
+        <div className="title-line"></div>
+        <form action="#" method="post">
+          <label htmlFor="name">Name</label>
+          <input type="text" id="name" name="name" required />
+
+          <label htmlFor="email">Email</label>
+          <input type="email" id="email" name="email" required />
+
+          <label htmlFor="message">Message</label>
+          <textarea id="message" name="message" required></textarea>
+
+          <button className="btn" type="submit">Send </button>
+        </form>
+        <div className="form-line"></div>
+
+        {/* Social Media Icons */}
+        <ul className="social-icons">
+          <li>
+            <a href="https://www.instagram.com" target="_blank" rel="noreferrer">
+              <img src={InstagramIcon} alt="Instagram" />
+            </a>
+          </li>
+          <li>
+            <a href="https://www.facebook.com" target="_blank" rel="noreferrer">
+              <img src={FacebookIcon} alt="Facebook" />
+            </a>
+          </li>
+          <li>
+            <a href="https://x.com" target="_blank" rel="noreferrer">
+              <img src={TwitterIcon} alt="Twitter" />
+            </a>
+          </li>
+          <li>
+            <a href="https://www.linkedin.com" target="_blank" rel="noreferrer">
+              <img src={LinkedInIcon} alt="LinkedIn" />
+            </a>
+          </li>
+        </ul>
+      </div>
+
+      {/* ContactUs Image */}
+      <div className="contact-image">
+        <img src={ContactUsImg} alt="Contact Us Illustration" />
+      </div>
+    </div>
+  );
+};
+
+export default ContactUs;
diff --git a/frontend/src/pages/FAQPage.jsx b/frontend/src/pages/FAQPage.jsx
index 0e51840..28a39f6 100644
--- a/frontend/src/pages/FAQPage.jsx
+++ b/frontend/src/pages/FAQPage.jsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import Navbar from '../components/Navbar';
+import ContactUs from '../components/ContactUs';
 import FAQImage from '../assets/faq-image.png';
 import "../styles/faq.css";
 
@@ -88,6 +89,7 @@ const FAQPage = () => {
   return (
     <>
       <div className="min-h-screen p-8 bg-gray-50 dark:bg-slate-900">
+      <ContactUs />
         <div className="mx-auto flex flex-col lg:flex-row">
           <div className="lg:w-3/6 pr-8">
             <div className="text-center lg:text-left pt-6">
diff --git a/frontend/src/styles/ContactUs.css b/frontend/src/styles/ContactUs.css
new file mode 100644
index 0000000..b681207
--- /dev/null
+++ b/frontend/src/styles/ContactUs.css
@@ -0,0 +1,121 @@
+.contact-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 30px;
+    max-width: 1000px; 
+    margin: 0 auto;
+    margin-bottom: 100px;
+    padding: 40px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  }
+  
+  .contact-container {
+    flex: 1;
+    padding: 20px;
+  }
+  
+  .contact-container h1 {
+    font-size: 36px;
+    text-align: center;
+    font-family: 'Poppins', sans-serif;
+    font-weight: 700;
+    margin-bottom: 10px;
+    background: linear-gradient(to right, #3b82f6, #a855f7); /* Gradient colors */
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+  
+  .title-line {
+    width: 170px;
+    height: 4px;
+    background-color: #7787ae;
+    margin: 0 auto 30px;
+    border-radius: 40%;
+  }
+  
+  .contact-container form {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .contact-container label {
+    margin: 10px 0 5px;
+    font-weight: bold;
+    color: #6d6d6d;
+    font-family: 'Poppins', sans-serif;
+  }
+  
+  .contact-container input,
+  .contact-container textarea {
+    padding: 10px;
+    border-radius: 5px;
+    border: 1px solid #a5a5a5;
+    margin-bottom: 15px;
+    font-size: 16px;
+  }
+  
+  .contact-container textarea {
+    resize: vertical;
+    min-height: 100px;
+  }
+  
+  .contact-container .btn {
+    padding: 12px 20px;
+    background-color:#3153c5;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 18px;
+  }
+  
+  .contact-container .btn:hover {
+    background-color: #2e4cb0;
+    box-shadow: none;
+  }
+  
+  .form-line {
+    width: 100%;
+    height: 2px;
+    background-color: #b0b0b0;
+    margin: 30px 0;
+  }
+  
+  .social-icons {
+    display: flex;
+    justify-content: center;
+    list-style: none;
+    padding: 0;
+  }
+  
+  .social-icons li {
+    margin: 0 15px;
+  }
+  
+  .social-icons img {
+    width: 40px;
+    height: 40px;
+    filter: invert(0.3);
+    transition: transform 0.2s ease-in-out;
+  }
+  
+  .social-icons img:hover {
+    transform: translateY(-5px);
+  }
+ 
+  .contact-image {
+    flex: 0.8;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .contact-image img {
+    max-width: 100%;
+    height: auto;
+  }
+  
\ No newline at end of file