diff --git a/package-lock.json b/package-lock.json
index 7635a49..0bdbcba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,7 @@
         "my-portfolio": "file:",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
+        "react-icons": "^5.3.0",
         "react-router-dom": "^6.26.0",
         "react-tilt": "^1.0.2",
         "react-vertical-timeline-component": "^3.6.0",
@@ -5096,6 +5097,15 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
+      "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-intersection-observer": {
       "version": "8.34.0",
       "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-8.34.0.tgz",
diff --git a/package.json b/package.json
index 35ef4b4..65bf8fb 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "my-portfolio": "file:",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0",
     "react-router-dom": "^6.26.0",
     "react-tilt": "^1.0.2",
     "react-vertical-timeline-component": "^3.6.0",
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index a6cecbe..0cbada3 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -1,5 +1,6 @@
 import { motion } from "framer-motion";
 import { profile, resume } from "../assets";
+import { FaGithub, FaInstagram, FaLinkedin, FaWhatsapp } from "react-icons/fa";
 
 
 const Hero = () => {
@@ -15,9 +16,13 @@ const Hero = () => {
             />
       </div>
       <div className="absolute top-[75%] sm:top-[55%] left-[10%] flex gap-4 z-20">
-        <a href={resume} download className="bg-[#00ffccb3] px-4 py-2 sm:w-[200px] sm:h-[50px] flex items-center justify-center rounded-xl text-white hover:bg-[#00d9a7] cursor-pointer">
-          Download CV
-        </a>
+        <div className=" flex items-center justify-center gap-2 w-auto sm:h-[50px]">
+          <FaGithub onClick={()=>window.location.href="https://github.com/dipenbhat557"} className="cursor-pointer text-[#00ffccb3] text-3xl"/>
+          <FaLinkedin onClick={()=>window.location.href="https://www.linkedin.com/in/dipendra-bhatta-38ba32259/"} className="cursor-pointer text-[#00ffccb3] text-3xl"/>
+          <FaInstagram onClick={()=>window.location.href="https://www.instagram.com/dipenbhat557/"} className="cursor-pointer text-[#00ffccb3] text-3xl"/>
+           <FaWhatsapp onClick={()=>window.location.href="https://wa.me/+917054625762"} className="cursor-pointer text-[#00ffccb3] text-3xl"/>
+                 
+        </div>
         <a href={resume} download className="bg-[#00ffccb3] px-4 py-2 sm:w-[200px] sm:h-[50px] flex items-center justify-center rounded-xl text-white hover:bg-[#00d9a7] cursor-pointer">
           Download CV
         </a>