Update README.md

README.md

@@ -1,10 +1,131 @@
----
-title: README
-emoji: 🔥
-colorFrom: red
-colorTo: blue
-sdk: static
-pinned: false
----
-
-Edit this `README.md` markdown file to author your organization card.
+![header](https://capsule-render.vercel.app/api?type=waving&color=timeGradient&height=200&section=header&text=Hi%2C%20I%27m%20What%20Is%20My%20Face%20Shape%20👋&fontSize=50&animation=scaleIn&fontAlignY=35&desc=Face%20Shape%20Detector%20Try%20our%20Advanced%20AI-Powered%20Face%20Shape%20Detector&descSize=20&descAlignY=55&descAlign=50)
+
+<div align="center">
+
+  [![Portfolio](https://img.shields.io/badge/Portfolio-000?style=for-the-badge&logo=vercel&logoColor=yellow)](https://whatismyfaceshape.net/)
+  [![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/company/what-is-my-face-shape)
+
+</div>
+
+<details>
+<summary><h2>🤞 My Promise</h2></summary>
+
+```java
+while (isAwake) {
+    code();
+    learn();
+    create();
+    repeat();
+}
+```
+</details>
+
+![](https://capsule-render.vercel.app/api?type=venom&height=150&text=🚀%20Featured%20Projects&fontSize=40&color=0:8871e5,100:b678c4&stroke=b678c4)
+
+<!-- Featured Projects Section -->
+<table>
+<tr>
+<td width="50%">
+<h3 align="center">What Is My Face Shape</h3>
+<div align="center">  
+<a href="https://whatismyfaceshape.net/" target="_blank">
+<img src="https://whatismyfaceshape.net/one-person-per-photo.webp" width="50%" alt="What Is My Face Shape"/>
+</a>
+<br>
+<br>
+<p>
+<a href="#" target="_blank">
+<img src="https://img.shields.io/badge/View_on_GitHub-2ea44f?style=for-the-badge&logo=github"/>
+</a>
+<a href="https://whatismyfaceshape.net/" target="_blank">
+<img src="https://img.shields.io/badge/Live_Demo-brightgreen?style=for-the-badge&logo=vercel"/>
+</a>
+</p>
+<p align="left">
+• Face Shape Detection<br>
+• Nose Shape Detector<br>
+• Eye Shape Detector
+</p>
+</div>
+</td>
+<td width="50%">
+<h3 align="center">Face Type Detecto</h3>
+<div align="center">  
+<a href="https://facetypedetector.org/" target="_blank">
+<img src="/path/to/project.png" width="50%" alt="Face Type Detecto"/>
+</a>
+<br>
+<br>
+<p>
+<a href="#" target="_blank">
+<img src="https://img.shields.io/badge/View_on_GitHub-2ea44f?style=for-the-badge&logo=github"/>
+</a>
+<a href="#" target="_blank">
+<img src="https://img.shields.io/badge/Live_Demo-brightgreen?style=for-the-badge&logo=vercel"/>
+</a>
+</p>
+<p align="left">
+• Face Shape Detection<br>
+• Nose Shape Detector<br>
+• Eye Shape Detector
+</p>
+</div>
+</td>
+</tr>
+</table>
+
+![](https://capsule-render.vercel.app/api?type=venom&height=150&text=💻%20Tech%20Stack&fontSize=40&color=0:00FFFF,100:1E90FF&stroke=1E90FF)
+
+<details open>
+  <summary><h3>🎯 Core Skills</h3></summary>
+
+  ![React](https://img.shields.io/badge/-React-blue?style=for-the-badge&logo=react&logoColor=white) ![Python](https://img.shields.io/badge/-Python-blue?style=for-the-badge&logo=python&logoColor=white) ![TypeScript](https://img.shields.io/badge/-TypeScript-blue?style=for-the-badge&logo=typescript&logoColor=white) ![Machine Learning](https://img.shields.io/badge/-Machine_Learning-blue?style=for-the-badge&logo=machine-learning&logoColor=white)
+
+</details>
+
+<details>
+  <summary><h3>🌐 Frontend Development</h3></summary>
+
+  ![HTML5](https://img.shields.io/badge/-HTML5-blue?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/-CSS3-blue?style=for-the-badge&logo=css3&logoColor=white) ![JavaScript](https://img.shields.io/badge/-JavaScript-blue?style=for-the-badge&logo=javascript&logoColor=white) ![React Native](https://img.shields.io/badge/-React_Native-blue?style=for-the-badge&logo=react-native&logoColor=white)
+
+</details>
+
+<details>
+  <summary><h3>🔙 Backend Development</h3></summary>
+
+  ![Node.js](https://img.shields.io/badge/-Node.js-blue?style=for-the-badge&logo=node.js&logoColor=white) ![MySQL](https://img.shields.io/badge/-MySQL-blue?style=for-the-badge&logo=mysql&logoColor=white) ![MongoDB](https://img.shields.io/badge/-MongoDB-blue?style=for-the-badge&logo=mongodb&logoColor=white)
+
+</details>
+
+![](https://capsule-render.vercel.app/api?type=venom&height=150&text=📊%20GitHub%20Stats&fontSize=40&color=0:32CD32,100:006400&stroke=006400)
+
+<div align="center">
+  <img src="https://github-readme-stats.vercel.app/api?username=adil512&show_icons=true&theme=graywhite" alt="GitHub Stats" height="170"/>
+  <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=adil512&layout=compact&theme=graywhite" alt="Top Languages" height="170"/>
+</div>
+
+<div align="center">
+  <img src="https://github-readme-streak-stats.herokuapp.com/?user=adil512&theme=graywhite" alt="GitHub Streak" height="170"/>
+</div>
+
+<h2 align="center">💡 Random Dev Quote</h2>
+
+<div align="center">
+  <img src="https://quotes-github-readme.vercel.app/api?type=horizontal&theme=light" alt="Random Dev Quote"/>
+</div>
+
+![](https://capsule-render.vercel.app/api?type=transparent&height=100&text=👩‍💻%20What%20Is%20My%20Face%20Shape&fontSize=50&fontColor=9370DB&desc=Face%20Shape%20Detector%20Try%20our%20Advanced%20AI-Powered%20Face%20Shape%20Detector&descSize=20&descAlignY=75&descAlign=60)
+
+<div align="center">
+  <p><i>Thanks for visiting our organizatio page! Feel free to connect or check out my projects.</i></p>
+  <br>
+</div>
+
+<div align="center">
+
+  [![Portfolio](https://img.shields.io/badge/Portfolio-000?style=for-the-badge&logo=vercel&logoColor=yellow)](https://whatismyfaceshape.net/)
+  [![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/company/what-is-my-face-shape)
+
+</div>
+
+![footer](https://capsule-render.vercel.app/api?type=waving&color=timeGradient&height=100&section=footer)