diff --git a/README.md b/README.md
index 34aecbbd..92047587 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,9 @@
-# RowBoat
 <p align="center">
 <a href="https://www.rowboatlabs.com">
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://rowboatlabs.github.io/logo/dark-logo.png">
   <source media="(prefers-color-scheme: light)" srcset="https://rowboatlabs.github.io/logo/logo.png">
-  <img alt="Rowboat" src="https://rowboatlabs.github.io/logo/logo.png"  width="250">
+  <img alt="Rowboat" src="https://rowboatlabs.github.io/logo/logo.png"  width="350">
 </picture>
 </a>
 </p>   
@@ -13,6 +12,10 @@ A Cursor-like, AI-assisted, no-code IDE for building production-ready multi-agen
 
 Built on OpenAI's Agents SDK, RowBoat is the fastest way to build multi-agents.
 
+[![ui](/assets/ui_revamp_screenshot.png)](https://www.rowboatlabs.com/)
+
+# Quick start
+
 ## Prerequisites
 
 Before running RowBoat, ensure you have:
@@ -60,6 +63,8 @@ Before running RowBoat, ensure you have:
 4. **Access the App**
    - Visit [http://localhost:3000](http://localhost:3000).
 
+# Advanced 
+
 ## Enable RAG
 
 RowBoat supports RAG capabilities to enhance responses with your custom knowledge base. To enable RAG, you'll need:
diff --git a/assets/ui_revamp_screenshot.png b/assets/ui_revamp_screenshot.png
new file mode 100644
index 00000000..c069c9cc
Binary files /dev/null and b/assets/ui_revamp_screenshot.png differ