Readme update

README.md

@@ -1,13 +1,10 @@
-     ____  _                       _       _
-    |  _ \| |                     (_)     | |
-    | |_) | |_   _  ___ _ __  _ __ _ _ __ | |_
-    |  _ <| | | | |/ _ \ '_ \| '__| | '_ \| __|
-    | |_) | | |_| |  __/ |_) | |  | | | | | |_
-    |____/|_|\__,_|\___| .__/|_|  |_|_| |_|\__|
-                        | |
-                        |_|
+![logo](./public/logo.png)
 
-### 🚀 Introducing the Ultimate Golang Blueprint Library 🚀
+<div style="text-align: center;">
+  <h1>
+    Introducing the Ultimate Golang Blueprint Library
+  </h1>
+</div>
 
 Go Blueprint is a CLI tool that allows users to spin up a Go project with the corresponding structure seamlessly. It also
 gives the option to integrate with one of the more popular Go frameworks (and the list is growing with new features)!
@@ -20,15 +17,23 @@ gives the option to integrate with one of the more popular Go frameworks (and th
 - Integrate with a popular frameworks
 - Focus on the actual code of your application
 
-### Install
+## Table of Contents
 
-- **Brew install :**
+- [Install](#install)
+- [Frameworks Supported](#frameworks-supported)
+- [Database Support](#database-support)
+- [Usage Example](#usage-example)
+- [GitHub Stats](#github-stats)
+- [License](#license)
 
-```sh
-brew install Melkeydev/melkey/go-blueprint
-```
+<a id="install"></a>
 
-- **Go install :**
+<h2>
+  <picture>
+    <img src="./public/install.gif?raw=true" width="60px" style="margin-right: 1px;">
+  </picture>
+  Install
+</h2>
 
 ```sh
 go install github.com/melkeydev/go-blueprint@latest
@@ -50,10 +55,14 @@ go-blueprint create --name my-project --framework gin
 
 See `go-blueprint create -h` for all the options and shorthands.
 
-![Starter Image](./public/blueprint_1.png)
-![Framework Image](./public/blueprint_2.png)
+<a id="frameworks-supported"></a>
 
-### Frameworks Supported
+<h2>
+  <picture>
+    <img src="./public/frameworks.gif?raw=true" width="60px" style="margin-right: 1px;">
+  </picture>
+  Frameworks Supported
+</h2>
 
 - [Chi](https://github.com/go-chi/chi)
 - [Gin](https://github.com/gin-gonic/gin)
@@ -62,7 +71,14 @@ See `go-blueprint create -h` for all the options and shorthands.
 - [Gorilla/mux](https://github.com/gorilla/mux)
 - [Echo](https://github.com/labstack/echo)
 
-## Database Support
+<a id="database-support"></a>
+
+<h2>
+  <picture>
+    <img src="./public/database.gif?raw=true" width="45px" style="margin-right: 15px;">
+  </picture>
+  Database Support
+</h2>
 
 Go Blueprint now offers enhanced database support, allowing you to choose your preferred database driver during project setup. Use the `--driver` or `-d` flag to specify the database driver you want to integrate into your project.
 
@@ -75,14 +91,45 @@ Choose from a variety of supported database drivers:
 - [Sqlite](https://github.com/mattn/go-sqlite3)
 - [Mongo](go.mongodb.org/mongo-driver)
 
-### Usage Example
+<a id="usage-example"></a>
+
+<h2>
+  <picture>
+    <img src="./public/example.gif?raw=true" width="60px" style="margin-right: 1px;">
+  </picture>
+  Usage Example
+</h2>
 
 Here's an example of setting up a project with a specific database driver:
 
 ```bash
 go-blueprint create --name my-project --framework gin --driver postgres
 ```
 
-### License
+<p align="center">
+  <img src="./public/blueprint_1.png" alt="Starter Image" width="800"/>
+</p>
+
+<a id="github-stats"></a>
+
+<h2>
+  <picture>
+    <img src="./public/stats.gif?raw=true" width="45px" style="margin-right: 10px;">
+  </picture>
+  Github Stats
+</h2>
+
+<p align="center">
+  <img alt="Alt" src="https://repobeats.axiom.co/api/embed/7c4be18864d441f961be61186ce49b5471a9e7bf.svg" title="Repobeats analytics image"/>
+</p>
+
+<a id="license"></a>
+
+<h2>
+  <picture>
+    <img src="./public/license.gif?raw=true" width="50px" style="margin-right: 1px;">
+  </picture>
+  Licence
+</h2>
 
 Licensed under [MIT License](./LICENSE)