💄 feat : improved styling

dev-madhurendra · Aug 6, 2024 · 1e509e5 · 1e509e5
1 parent 1bd33f7
commit 1e509e5
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 3 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/public/png/profile-pic.png b/frontend/public/png/profile-pic.png
diff --git 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
@@ -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
@@ -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': {