From d9ac98dd38ae95b446b100f2d629f410338634ff Mon Sep 17 00:00:00 2001 From: mhshujon Date: Sat, 21 Dec 2024 13:05:21 +0600 Subject: [PATCH] Update hero section and add new social button WhatsApp --- index.html | 10 +- .../assets}/favicon/apple-touch-icon.png | Bin .../assets}/favicon/favicon-96x96.png | Bin {assets => public/assets}/favicon/favicon.ico | Bin {assets => public/assets}/favicon/favicon.svg | 0 .../assets}/favicon/site.webmanifest | 0 .../favicon/web-app-manifest-192x192.png | Bin .../favicon/web-app-manifest-512x512.png | Bin {assets => public/resume}/resume.pdf | Bin src/components/Contact.tsx | 28 +++-- src/components/Footer.tsx | 15 ++- src/components/Hero.tsx | 100 +++++++++++++----- src/constants/social.js | 5 +- 13 files changed, 108 insertions(+), 50 deletions(-) rename {assets => public/assets}/favicon/apple-touch-icon.png (100%) rename {assets => public/assets}/favicon/favicon-96x96.png (100%) rename {assets => public/assets}/favicon/favicon.ico (100%) rename {assets => public/assets}/favicon/favicon.svg (100%) rename {assets => public/assets}/favicon/site.webmanifest (100%) rename {assets => public/assets}/favicon/web-app-manifest-192x192.png (100%) rename {assets => public/assets}/favicon/web-app-manifest-512x512.png (100%) rename {assets => public/resume}/resume.pdf (100%) diff --git a/index.html b/index.html index f91f8aa..05fce22 100644 --- a/index.html +++ b/index.html @@ -2,12 +2,12 @@ - - - - + + + + - + Codefolio - mhshujon diff --git a/assets/favicon/apple-touch-icon.png b/public/assets/favicon/apple-touch-icon.png similarity index 100% rename from assets/favicon/apple-touch-icon.png rename to public/assets/favicon/apple-touch-icon.png diff --git a/assets/favicon/favicon-96x96.png b/public/assets/favicon/favicon-96x96.png similarity index 100% rename from assets/favicon/favicon-96x96.png rename to public/assets/favicon/favicon-96x96.png diff --git a/assets/favicon/favicon.ico b/public/assets/favicon/favicon.ico similarity index 100% rename from assets/favicon/favicon.ico rename to public/assets/favicon/favicon.ico diff --git a/assets/favicon/favicon.svg b/public/assets/favicon/favicon.svg similarity index 100% rename from assets/favicon/favicon.svg rename to public/assets/favicon/favicon.svg diff --git a/assets/favicon/site.webmanifest b/public/assets/favicon/site.webmanifest similarity index 100% rename from assets/favicon/site.webmanifest rename to public/assets/favicon/site.webmanifest diff --git a/assets/favicon/web-app-manifest-192x192.png b/public/assets/favicon/web-app-manifest-192x192.png similarity index 100% rename from assets/favicon/web-app-manifest-192x192.png rename to public/assets/favicon/web-app-manifest-192x192.png diff --git a/assets/favicon/web-app-manifest-512x512.png b/public/assets/favicon/web-app-manifest-512x512.png similarity index 100% rename from assets/favicon/web-app-manifest-512x512.png rename to public/assets/favicon/web-app-manifest-512x512.png diff --git a/assets/resume.pdf b/public/resume/resume.pdf similarity index 100% rename from assets/resume.pdf rename to public/resume/resume.pdf diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx index 9ab0fbd..3a852a1 100644 --- a/src/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -1,5 +1,5 @@ -import { EMAIL_ID, GITHUB_URL, LINKEDIN_URL } from '../constants/social'; -import { MessageSquare, Mail, Github, Linkedin, MapPin, File } from 'lucide-react'; +import { MessageSquare, Mail, Github, Linkedin, MessageCircle, Download, MapPin } from 'lucide-react'; +import { GITHUB_URL, LINKEDIN_URL, WHATSAPP_URL, EMAIL_URL } from '../constants/social'; export default function Contact() { return ( @@ -10,7 +10,7 @@ export default function Contact() {

Let's Connect

-
+
@@ -46,7 +46,15 @@ export default function Contact() { + + + @@ -66,14 +74,12 @@ export default function Contact() { Open to Collaboration
- - Download Resume + + Download Resume
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index d6f3617..6263cd3 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,5 +1,6 @@ -import { EMAIL_ID, GITHUB_URL, LINKEDIN_URL } from '../constants/social'; -import { Github, Linkedin, Mail } from 'lucide-react'; +import React from 'react'; +import { Github, Linkedin, Mail, MessageCircle } from 'lucide-react'; +import { GITHUB_URL, LINKEDIN_URL, WHATSAPP_URL, EMAIL_URL } from '../constants/social'; export default function Footer() { return ( @@ -29,7 +30,15 @@ export default function Footer() { + + + diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 1787428..a8d47d3 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,10 +1,11 @@ -import { Github, Linkedin, Mail } from 'lucide-react'; -import { EMAIL_ID, GITHUB_URL, LINKEDIN_URL } from '../constants/social'; +import { Github, Linkedin, Mail, MessageCircle, ArrowRight } from 'lucide-react'; +import { GITHUB_URL, LINKEDIN_URL, WHATSAPP_URL, EMAIL_URL } from '../constants/social'; export default function Hero() { return ( -
+
+
Hero background
-
-
-

- Web Application Engineer -

-

- With over 4 years of experience crafting modern web applications. - Specialized in building scalable, user-centric solutions that drive business growth. -

-
- +
+
+
document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' })}> + Available for Projects + +
+ +
+

+ Web Application Engineer +

+

+ With over 4 years of experience crafting modern web applications. + Specialized in building scalable, user-centric solutions that drive business growth. +

+
+ + - -
-
- Profile + +
+
+
+
+ Profile +
diff --git a/src/constants/social.js b/src/constants/social.js index b6db05c..e135efe 100644 --- a/src/constants/social.js +++ b/src/constants/social.js @@ -1,3 +1,4 @@ -export const EMAIL_ID = 'mhshujon@gmail.com'; +export const EMAIL_URL = 'mailto:mhshujon@gmail.com'; export const GITHUB_URL = 'https://github.com/mhshujon/'; -export const LINKEDIN_URL = 'https://www.linkedin.com/in/mhshujon/'; \ No newline at end of file +export const LINKEDIN_URL = 'https://www.linkedin.com/in/mhshujon/'; +export const WHATSAPP_URL = 'https://wa.me/8801701029912'; \ No newline at end of file