docs: added table of contents and introduction document for Studio tool

docs/README.md

@@ -0,0 +1,9 @@
+Table of contents
+
+- [Introduction](introduction.md)
+- [Usage](usage.md)
+- Navigation
+- Editor
+- HTML Preview
+- Blocks visualizer
+- Studio Settings

docs/introduction.md

@@ -0,0 +1,18 @@
+Studio is a tool to develop AsyncAPI documentation. It allows you to visualize the flow, events, publishers, subscribers as you design your API.
+
+# Studio Use Cases
+
+- Create and visualize event-driven AsyncAPI on the go.
+- Realtime visualization and documentation for your APIs.
+
+
+# Studio Advantages 
+- User-friendly.
+- Straightforward and effortless in building APIs.
+- Interactive AsyncAPI documentation.
+
+# Process
+
+To start using Studio, [create an AsyncAPI file](https://www.asyncapi.com/docs/tutorials/streetlights#creating-the-asyncapi-file) for your API.
+
+Use the `Block visualizer` button to toggle the Event Visualizer window from the navigation panel. You will find the navigation panel to the extreme left your screen.