diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 68082cd0..3c791282 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -25,6 +25,7 @@
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.21.1",
         "react-scroll": "^1.9.0",
+        "react-tabs": "^6.0.2",
         "react-toggle-dark-mode": "^1.1.1",
         "typed.js": "^2.1.0"
       },
@@ -15700,6 +15701,19 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-tabs": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-6.0.2.tgz",
+      "integrity": "sha512-aQXTKolnM28k3KguGDBSAbJvcowOQr23A+CUJdzJtOSDOtTwzEaJA+1U4KwhNL9+Obe+jFS7geuvA7ICQPXOnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.0.0",
+        "prop-types": "^15.5.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0"
+      }
+    },
     "node_modules/react-toggle-dark-mode": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/react-toggle-dark-mode/-/react-toggle-dark-mode-1.1.1.tgz",
diff --git a/frontend/public/png/profile-pic.png b/frontend/public/png/profile-pic.png
new file mode 100644
index 00000000..11159ee3
Binary files /dev/null and b/frontend/public/png/profile-pic.png differ
diff --git a/frontend/src/pages/Home/index.tsx b/frontend/src/pages/Home/index.tsx
index 89ec6bb5..fd04fd1d 100644
--- a/frontend/src/pages/Home/index.tsx
+++ b/frontend/src/pages/Home/index.tsx
@@ -4,7 +4,7 @@ import { typeAttributes } from '../../services/mocks/mocks';
 import { HERO_SECTION_IMAGE, HIRE_ME_HREF, RESUME_LINK } from '../../utils/constants';
 import { ButtonHomeDiv, CapsuleButton, GreetHomeDiv, HomeDiv, IntroDiv, LeftHomeDiv, RightHomeDiv, TypedHomeDiv } from '../../utils/styled';
 import SocialMediaIcons from '../../components/molecules/SocialMediaIcons';
-import HeroSectionImage from '../../../public/gif/Video-Call.gif'
+import HeroSectionImage from '../../../public/png/profile-pic.png'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faDownload, faUser } from '@fortawesome/free-solid-svg-icons';
 import AnimatedName from '../../components/molecules/AnimatedName';
diff --git a/frontend/src/services/mocks/mocks.ts b/frontend/src/services/mocks/mocks.ts
index 36352e8a..38f5d65d 100644
--- a/frontend/src/services/mocks/mocks.ts
+++ b/frontend/src/services/mocks/mocks.ts
@@ -43,7 +43,7 @@ export const socialMediaData = [
   { platform: 'twitter', icon: faXTwitter, color: '#000', link: 'https://twitter.com/devMadhurendra' },
   { platform: 'linkedin', icon: faLinkedinIn, color: '#0077b5', link: 'https://www.linkedin.com/in/dev-madhurendra' },
   { platform: 'quora', icon: faQuora, color: '#a82400', link: 'https://www.quora.com/profile/dev.madhurendra' },
-  { platform: 'youtube', icon: faYoutube, color: '#ff0000', link: 'https://www.youtube.com/@dev.madhurendra' },
+  { platform: 'youtube', icon: faYoutube, color: '#ff0000', link: 'https://www.youtube.com/@InterviewPrepWithMe' },
   { platform: 'discord', icon: faDiscord, color: '#7289da', link: 'https://discord.gg/dev-madhurendra' },
   { platform: 'codepen', icon: faCodepen, color: '#000000', link: 'https://codepen.io/devMadhurendra' },
   { platform: 'snapchat', icon: faSnapchat, color: '#fffc00', link: 'https://www.snapchat.com/add/dev-madhurendra' },
diff --git a/frontend/src/utils/styled.ts b/frontend/src/utils/styled.ts
index b61c606f..e4425686 100644
--- a/frontend/src/utils/styled.ts
+++ b/frontend/src/utils/styled.ts
@@ -198,7 +198,7 @@ export const RightHomeDiv = styled('div')({
   '& img': {
     animation: `${floatAnimation} 3s ease-in-out infinite, ${slideInFromRight} 3s ease-in-out`,
     width: "31.25rem",
-    height:"25rem"
+    height:"31.25rem"
   },
   '@media (max-width: 900px)': {
     '& img': {