diff --git a/src/containers/Footer/index.jsx b/src/containers/Footer/index.jsx
index f7917ff..e2bfcff 100644
--- a/src/containers/Footer/index.jsx
+++ b/src/containers/Footer/index.jsx
@@ -5,6 +5,12 @@ import { footerLinks } from "./index";
 import { imgAnim } from "../../animation/motion";
 import { motion } from "framer-motion";
 import { Link } from "react-router-dom";
+import GitHubIcon from "@mui/icons-material/GitHub";
+import TwitterIcon from "@mui/icons-material/Twitter";
+import MailIcon from "@mui/icons-material/Mail";
+import YouTubeIcon from "@mui/icons-material/YouTube";
+import InstagramIcon from "@mui/icons-material/Instagram";
+
 
 // btn
 const Button = ({ styles }) => {
@@ -98,6 +104,38 @@ function Footer() {
           </div> */}
         </div>
       </div>
+      <div className="container mx-auto flex items-center justify-center">
+        <ul className="social_icon flex space-x-3">
+          <li className="bg-transparent hover:bg-blue-500 transition duration-300 rounded-full p-2">
+            <a href="#" className="text-white hover:scale-110 transform transition">
+              <MailIcon className="text-white text-2xl hover:animate-pulse" />
+            </a>
+          </li>
+          <li className="bg-transparent hover:bg-blue-500 transition duration-300 rounded-full p-2">
+            <a
+              href="https://github.com/amanjaiman1/Product_3D"
+              className="text-white hover:scale-110 transform transition"
+            >
+              <GitHubIcon className="text-white text-2xl hover:animate-pulse" />
+            </a>
+          </li>
+          <li className="bg-transparent hover:bg-red-500 transition duration-300 rounded-full p-2">
+            <a href="#" className="text-white hover:scale-110 transform transition">
+              <YouTubeIcon className="text-white text-2xl hover:animate-pulse" />
+            </a>
+          </li>
+          <li className="bg-transparent hover:bg-pink-500 transition duration-300 rounded-full p-2">
+            <a href="#" className="text-white hover:scale-110 transform transition">
+              <InstagramIcon className="text-white text-2xl hover:animate-pulse" />
+            </a>
+          </li>
+          <li className="bg-transparent hover:bg-blue-500 transition duration-300 rounded-full p-2">
+            <a href="#" className="text-white hover:scale-110 transform transition">
+              <TwitterIcon className="text-white text-2xl hover:animate-pulse" />
+            </a>
+          </li>
+        </ul>
+      </div>
 
       {/* copyright */}
       <div className="w-full flex justify-between items-center md:flex-row flex-col pt-6 mb-[-35px]  border-t-[1px] border-t-[#BFC6F0]">