Improvement in the homepage, updating README.md

README.md

@@ -1 +1,60 @@
-COMING SOON
+
+<p align="center">
+  <img src="/public/calcforcardiac_logo.png" />
+</p>
+
+<a href="https://calcforcardiac.online/" ><h1 align="center">CalcForCardiac</h1></a>
+<h3 align="center">A minimal friction and zero login clinical calculator made especially for cardiologists!</h3>
+
+## ✨ Features
+
+- ⚡ Zero login, instant access  
+- 🫀 Multiple medical calculators all in one place
+- 📱 Mobile-first responsive design  
+- 💾 Local storage support (stores past results and bookmarks)  
+- 🧠 Clinically relevant interpretations  
+
+## Preview
+<p align="center">
+    <img src="./public/website_homepage.gif" width="800" />
+    <img src="./public/website_calculators.gif" width="800" />
+</p>
+
+## 📝 Section documentation
+- [🫀 General Cardiology](#-general-cardiology)
+- [🚨 Emergency](#-emergency)
+- [🧬 Transplantation](#-transplantation)
+- [🛠️ Utilities](#️-utilities)
+## 🧮 Calculators
+All of the calculators are accessible in the website. The below list contains the documentation written by me of the calculators that have been made
+### Note:- Documents of some of the calculators may be missing from the repository, they will be made soon
+
+## 🫀 General Cardiology
+<a id="risk"></a>
+
+- [MAP](./docs/General%20Cardiology/MAP.md)  
+
+## 🚨 Emergency
+<a id="emergency"></a>
+
+- [TIMI Score](docs/Emergency/TIMI.md)
+
+## 🧬 Transplantation
+<a id="transplantation"></a>
+- [IMPACT Score](docs/Transplantation/IMPACT.md)
+
+## 🛠️ Utilities
+<a id="utilities"></a>
+- [Cockcroft gault Equation](docs/Utilities/cockcroft-gault-eq.md)
+- [MELD Score](docs/Utilities/MELD.md)
+
+## 🧠 Why CalcForCardiac?
+
+Most existing clinical calculators:
+- Require <b>login  </b>
+- Are <b>cluttered and slow</b>
+
+CalcForCardiac is built to:
+- ⚡ Provide <b>instant access</b>
+- 🧼 Keep UI <b>minimal and fast</b>
+- 🩺 Deliver <b>clinically meaningful</b> outputs 

src/app/page.tsx

@@ -59,7 +59,10 @@ export default function Home(){
               </div>
             </div>
           </div>
-          <div className="max-w-6xl mx-auto px-4 mt-1">
+          <div className="flex gap-4 justify-center overflow-hidden">
+            <img src="./website_calculators.gif" width={800}/>
+          </div>
+          <div className="max-w-6xl mx-auto px-4 mt-20">
             <h2 className="text-2xl sm:text-3xl font-bold text-center mb-2 tracking-tight text-white">
               Start with What You Need
             </h2>