Update README.md

README.md

@@ -1,37 +1,33 @@
-<div align="center">
+<center>
   <a href="https://jsonvisio.com">
-    <img width="512" alt="json visio logo" src="https://github.com/AykutSarac/jsonvisio.com/blob/main/public/logo.png">
+    <img width="1080" alt="jsonvisio" src="https://user-images.githubusercontent.com/47941171/182015412-f048058e-6e31-4cf6-bcfc-ab9ba3f6e005.png">
   </a>
-</div>
+</center>
 
-<div>
+<p>
     <p align="center">
-      <img alt="travis ci badge" src="https://img.shields.io/travis/com/AykutSarac/jsonvisio.com/main?style=flat-square" />
+        <img alt="travis ci badge" src="https://img.shields.io/travis/com/AykutSarac/jsonvisio.com/main?style=flat-square" />
       <a href="https://github.com/AykutSarac/jsonvisio.com/blob/main/LICENSE">
-      <img alt="license badge" src="https://img.shields.io/github/license/AykutSarac/jsonvisio.com?style=flat-square" />
+        <img alt="license badge" src="https://img.shields.io/github/license/AykutSarac/jsonvisio.com?style=flat-square" />
       </a>
       <a href="https://github.com/AykutSarac/jsonvisio.com/releases">
-      <img alt="version badge" src="https://img.shields.io/github/package-json/v/AykutSarac/jsonvisio.com?color=brightgreen&style=flat-square" />
+        <img alt="version badge" src="https://img.shields.io/github/package-json/v/AykutSarac/jsonvisio.com?color=brightgreen&style=flat-square" />
       </a>
-      <a href="https://opencollective.com/jsonvisio">
-      <img alt="open collective backers" src="https://img.shields.io/opencollective/backers/jsonvisio?style=flat-square" />
+      <a href="https://github.com/sponsors/AykutSarac">
+        <img alt="github sponsors" src="https://img.shields.io/github/sponsors/AykutSarac?style=flat-square" />
       </a>
   </p>
   <p align="center">
     <i>Simple json visualization tool for your data.</i>
+    <p align="center">
+    <a href="https://www.producthunt.com/posts/json-visio?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-json&#0045;visio" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON&#0032;Visio - Simple&#0032;visualization&#0032;tool&#0032;for&#0032;your&#0032;JSON&#0032;data&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+    </p>
   </p>
-  <img width="800" src="https://jsonvisio.com/jsonvisio-screenshot.png" alt="preview 1" />
 
   <p align="center">
-    <h2 align="center">Support JSON Visio<h2>
-    </p>
-  <p align="center">
-    <a href="https://www.producthunt.com/posts/json-visio?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-json&#0045;visio" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON&#0032;Visio - Simple&#0032;visualization&#0032;tool&#0032;for&#0032;your&#0032;JSON&#0032;data&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
-    <a href="https://opencollective.com/jsonvisio" target="_blank">
-    <img src="https://opencollective.com/webpack/donate/[email protected]?color=blue" width=300 />
-    </a>
+      <img width="800" src="https://jsonvisio.com/jsonvisio-screenshot.png" alt="preview 1" />
   </p>
-</div>
+
 
 # JSON Visio (jsonvisio.com)
 
@@ -52,13 +48,6 @@ JSON Visio is data visualization tool for your json data which seamlessly illust
 * Light/Dark Mode
 
 
-## 🧩 Preview
-
-<div align="center">
-  <img width="800" src="https://github.com/AykutSarac/jsonvisio.com/blob/main/public/preview_2.png" alt="preview 1" />
-</div>
-
-
 ## 🛠 Development Setup
 
 ```console