Update readme

README.md

@@ -1,20 +1,26 @@
-<h3 align="center">
-    <img width="80" alt="drawdb logo" src="./src/assets/icon-dark.png">
-</h3>
-
-<h3 align="center">Free, simple, and intuitive database design tool and SQL generator.</h3>
-
-<p align="center">
-    <a href="https://drawdb.app/">drawDB</a>
-    ·  
-    <a href="https://discord.gg/BrjZgNrmR6">Discord</a>
-    ·  
-    <a href="https://x.com/drawDB_">X</a>
-</p>
-
-<h3 align="center"><img width="700" style="border-radius:5px;" alt="demo" src="drawdb.gif"></h3>
-
-## drawDB
+<div align="center">
+    <img width="64" alt="drawdb logo" src="./src/assets/icon-dark.png">
+    <h1>drawDB</h1>
+</div>
+
+<h3 align="center">Free, simple, and intuitive database schema editor and SQL generator.</h3>
+
+<div align="center" style="margin-bottom:12px;">
+    <a href="https://drawdb.app/" style="display: flex; align-items: center;">
+        <img src="https://img.shields.io/badge/Start%20building-grey" alt="drawDB"/>
+    </a>
+    <a href="https://discord.gg/BrjZgNrmR6" style="display: flex; align-items: center;">
+        <img src="https://img.shields.io/discord/1196658537208758412.svg?label=Join%20the%20Discord&logo=discord" alt="Discord"/>
+    </a>
+    <a href="https://x.com/drawDB_" style="display: flex; align-items: center;">
+        <img src="https://img.shields.io/badge/Follow%20us%20on%20X-blue?logo=X" alt="Follow us on X"/>
+    </a>
+    <a href="https://opencollective.com/drawdb" style="display: flex; align-items: center;">
+        <img src="https://img.shields.io/badge/Support%20us-grey?logo=buymeacoffee" alt="Support us"/>
+    </a>
+</div>
+
+<h3 align="center"><img width="700" style="border-radius:5px;" alt="demo" src="drawdb.png"></h3>
 
 DrawDB is a robust and user-friendly database entity relationship (DBER) editor right in your browser. Build diagrams with a few clicks, export sql scripts, customize your editor, and more without creating an account. See the full set of features [here](https://drawdb.app/).