diff --git a/README.md b/README.md
index 3686a98..8419e8c 100644
--- a/README.md
+++ b/README.md
@@ -1,36 +1,54 @@
-<h1>👋 Hi , Muhammad Umar</h1>
+<!-- <p align="center">
+  <img src="photes.png" width="100%" alt="Umar's Animation">
+</p>  -->
 
-💻 **Frontend Developer** | 2️⃣ years of experience  
-🛠️ Currently learning **Backend Development**  
-📂 Passionate about **coding, building projects, and learning new technologies**
 
+# <samp><span><img src="https://i.ibb.co/FLs3HL9K/giphy.gif" height="30px" width="30px"> hi</span>, <span style="color:#22c55e;">I</span>'m <sub style="color: #3b82f6; animation: wiggle 2s infinite;">Muhammad Umar</sub></samp>
+> <samp><b>💻 Frontend Developer</b> | 1 years of experience</samp>  
+> <samp><b>🛠️ Currently learning</b> | <kbd>Backend Development</kbd></samp>  
+> <samp><b>📂 Passionate about</b> | coding, building projects, and learning new tech</samp>
 
-<a href="https://x.com/Shahkweb" target="_blank" style="text-decoration: none; display: inline-block;">
-    <img src="https://cdn-icons-png.flaticon.com/512/733/733579.png" width="30px" style="vertical-align: middle;">
-    <img alt="X Followers" src="https://img.shields.io/badge/X-Follow-blue?style=for-the-badge&logo=x" style="vertical-align: middle;">
-</a>
 
-<a href="https://www.instagram.com/codeby.umar/_" target="_blank" style="text-decoration: none; display: inline-block;">
-    <img src="https://cdn-icons-png.flaticon.com/512/2111/2111463.png" width="30px" style="vertical-align: middle;">
-    <img alt="Instagram Followers" src="https://img.shields.io/badge/Instagram-Follow-blue?style=for-the-badge&logo=instagram" style="vertical-align: middle;">
-</a>
-
-
-### 💻 Languages & Tools I Work With
+<p align="left">
+  <a href="https://t.me/byumardev"><img src="https://img.shields.io/badge/Telegram-1D1D1D?style=for-the-badge&logo=telegram&logoColor=26A5E4" height="35" /></a>&nbsp;
+  <a href="https://www.youtube.com/@codeby-umar"><img src="https://img.shields.io/badge/YouTube-1D1D1D?style=for-the-badge&logo=youtube&logoColor=FF0000" height="35" /></a>&nbsp;
+   <a href="https://t.me/Codewithbyumar"><img src="https://img.shields.io/badge/Channel-1D1D1D?style=for-the-badge&logo=telegram&logoColor=26A5E4" height="35" /></a>&nbsp;
+  <a href="https://www.instagram.com/codeby.umar/"><img src="https://img.shields.io/badge/Instagram-1D1D1D?style=for-the-badge&logo=instagram&logoColor=E4405F" height="35" /></a>
+</p>
 
+### 🛠️ Tech Stack
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg" width="30px" title="HTML5"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg" width="30px" title="CSS3"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/sass/sass-original.svg" width="30px" title="Sass"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-original.svg" width="30px" title="Bootstrap"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" width="30px" title="JavaScript"></code>
+<code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg" width="30px" title="TypeScript"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original.svg" width="30px" title="React"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" width="30px" title="Redux"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/materialui/materialui-original.svg" width="30px" title="Material-UI"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nextjs/nextjs-original.svg" width="30px" title="Next.js"></code>
+<code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original.svg" width="30px" title="Node.js"></code>
+<code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original.svg" width="30px" title="Express.js"></code>
+<code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original.svg" width="30px" title="MongoDB"></code>
+<code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original.svg" width="30px" title="Docker"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/graphql/graphql-plain.svg" width="30px" title="GraphQL"></code>
 <code><img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" width="30px" title="Python"></code>
 <code><img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/figma/figma-original.svg" width="30px" title="Figma"></code>
 
-![codeby.umar](https://raw.githubusercontent.com/Platane/snk/output/github-contribution-grid-snake.svg)
+<p align="start">
+  <img src="https://github-profile-summary-cards.vercel.app/api/cards/stats?username=codeby-umar&theme=tokyonight" height="160" />
+  <img src="https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=codeby-umar&theme=tokyonight" height="160" />
+  <img src="https://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=codeby-umar&theme=tokyonight&utcOffset=5" height="160" />
+</p>
+
+<br/>
+
+<div align="center">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/abozanona/abozanona/output/pacman-contribution-graph-dark.svg">
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/abozanona/abozanona/output/pacman-contribution-graph.svg">
+  <img alt="pacman contribution graph" src="https://raw.githubusercontent.com/abozanona/abozanona/output/pacman-contribution-graph.svg">
+</picture>
+</div> 
 
 
diff --git a/SVG b/SVG
new file mode 100644
index 0000000..4f5f0b9
--- /dev/null
+++ b/SVG
@@ -0,0 +1,2 @@
+- name: Monkeytype Readme
+  uses: monkeytype-hub/monkeytype-readme@v1.0.0
diff --git a/monkeytype.yml b/monkeytype.yml
new file mode 100644
index 0000000..083efdc
--- /dev/null
+++ b/monkeytype.yml
@@ -0,0 +1,18 @@
+name: generate monkeytype readme svg
+
+on:
+  schedule:
+    - cron: "0 */6 * * *"
+  workflow_dispatch:
+
+jobs:
+  download-svg:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Generate Monkeytype Readme SVG
+        uses: monkeytype-hub/monkeytype-readme@v1.0.0
+        with:
+          username: codebyumar
+          themes: midnight
+          target-branch: monkeytype-readme
+          github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/name-animation.gif b/name-animation.gif
new file mode 100644
index 0000000..3199d72
Binary files /dev/null and b/name-animation.gif differ
diff --git a/phote.png b/phote.png
new file mode 100644
index 0000000..a1f8441
Binary files /dev/null and b/phote.png differ
diff --git a/photes.png b/photes.png
new file mode 100644
index 0000000..7ab95f7
Binary files /dev/null and b/photes.png differ
diff --git a/photo.png b/photo.png
new file mode 100644
index 0000000..c3aa24f
Binary files /dev/null and b/photo.png differ
diff --git a/video.mp4 b/video.mp4
new file mode 100644
index 0000000..7b91e29
Binary files /dev/null and b/video.mp4 differ