Landing Page for "Monitor" page (#1483)

* Restructured indexing

* fixed links

* Update sidebars navigation

---------

Co-authored-by: Damián Parrino <bucanero@users.noreply.github.com>

docs/2.develop/monitor.md

@@ -0,0 +1,33 @@
+---
+id: monitor
+title: Monitor the Network
+sidebar_label: Home
+hide_table_of_contents: true
+---
+import {FeatureList, Column, Feature} from "@site/components/featurelist"
+import ContactUs from '@site/components/ContactUs.mdx';
+
+
+Welcome! Here you will find documentation on how to query past data and real time events from the NEAR network.
+
+<FeatureList>
+  <Column title="Realtime Tracking">
+    <Feature url="/tools/realtime" title="Events (Websocket)" subtitle="Simplest way to listen for events" image="smart-contracts.png" />
+    <Feature url="/tutorials/indexer/nft-indexer" title="Events (NEAR Lake)" subtitle="Use our Data Lake to listen for events" image="multiple.png" />
+  </Column>
+  <Column title="Data Analytics">
+    <Feature url="/bos/queryapi/big-query" title="Google BigQuery" subtitle="Query network data in a cost efficient way" image="experiment.png" />
+  </Column>
+  <Column title="NEAR Lake Framework">
+    <Feature url="/tools/near-lake" title="Overview" subtitle="Learn about our Data Lake" image="near-logo.png" />
+    <Feature url="/develop/lake/primitives" title="Primitives" subtitle="Data Lake Primitives" image="guest-book.png" />
+    <Feature url="/tutorials/indexer/js-lake-indexer" title="JS Tutorial" subtitle="Learn how to consume data from our Lake using JS" image="near-api-js.png" />
+
+  </Column>
+</FeatureList>
+
+<br/>
+
+---
+
+<ContactUs />

docs/3.tutorials/indexer/nft-indexer.md

@@ -1,5 +1,5 @@
 ---
-sidebar_label: NFT indexer
+sidebar_label: NFT Indexer
 ---
 
 # Building an NFT indexer

docs/4.tools/events.md

@@ -1,6 +1,6 @@
 ---
 id: realtime
-title: Track Real Time Events
+title: Real-time Events (WebSocket)
 ---
 
 While developing a decentralized app you might want track specific events in real time. For example, you could want

docs/4.tools/indexer4explorer.md

@@ -1,7 +1,6 @@
 ---
 id: indexer-for-explorer
-title: NEAR Indexer for Explorer
-sidebar_label: Indexer for Explorer
+title: Indexer for Explorer (Deprecated)
 ---
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';

website/docusaurus.config.js

@@ -117,7 +117,7 @@ module.exports = {
           items: [
             { label: "Smart Contracts", href: "/develop/contracts/welcome" },
             { label: "Web3 Applications", href: "/develop/integrate/welcome" },
-            { label: "Monitor the Chain", href: "/bos/queryapi/intro" },
+            { label: "Monitor the Chain", href: "/develop/monitor" },
             {
               type: 'html',
               value: '<hr/>',

website/sidebars.json

@@ -550,7 +550,7 @@
     "bos/tutorial/bos-gateway",
     {
       "type": "category",
-      "label": "Components",
+      "label": "Built-in Components",
       "link": {
         "type": "doc",
         "id": "bos/components"
@@ -568,7 +568,7 @@
       ]
     },
     {
-      "BOS API": [
+      "Component API": [
         "bos/api/home",
         "bos/api/cache",
         "bos/api/clipboard",
@@ -577,33 +577,33 @@
         "bos/api/primitives",
         "bos/api/social",
         "bos/api/state",
-        "bos/api/storage",
+        "bos/api/storage"
+      ]
+    },
+    {
+      "Indexing": [
+        "bos/queryapi/intro",
+        "bos/queryapi/index-functions",
+        "bos/community/indexers",
         {
-          "Indexing": [
-            "bos/queryapi/intro",
-            "bos/queryapi/index-functions",
-            "bos/community/indexers"
+          "Tutorials": [
+            "bos/tutorial/indexer-tutorials/posts-indexer",
+            "bos/tutorial/indexer-tutorials/hype-indexer",
+            "bos/tutorial/indexer-tutorials/feed-indexer"
           ]
         }
       ]
     },
     {
-      "Tutorials": [
+      "Examples & Tutorials": [
         "bos/tutorial/quickstart",
         "bos/dev/bos-loader",
         "bos/tutorial/interaction",
         "bos/tutorial/ds-components",
         "bos/tutorial/using-iframes",
         "bos/tutorial/bos-gateway",
         "bos/tutorial/ethers-js",
-        "bos/tutorial/lido",
-        {
-          "Indexer": [
-            "bos/tutorial/indexer-tutorials/posts-indexer",
-            "bos/tutorial/indexer-tutorials/hype-indexer",
-            "bos/tutorial/indexer-tutorials/feed-indexer"
-          ]
-        }
+        "bos/tutorial/lido"
       ]
     },
     {
@@ -645,7 +645,7 @@
     {
       "type": "link",
       "label": "Wallet Selector ↗",
-      "href": "tools/wallet-selector"
+      "href": "/tools/wallet-selector"
     },
     {
       "type": "link",
@@ -655,35 +655,31 @@
     "bos/dev/vscode"
   ],
   "indexers": [
-    "tools/realtime",
+    "develop/monitor",
     {
       "type": "html",
       "value": "<hr/>"
     },
     {
       "type": "html",
-      "value": "<span class='menu__link'><b><small> Data Analytics </small></b></span>"
+      "value": "<span class='menu__link'><b><small> Track Real-time Events </small></b></span>"
     },
-    "bos/queryapi/big-query",
-    "tools/indexer-for-explorer",
+    "tools/realtime",
     {
-      "type": "html",
-      "value": "<hr/>"
+      "type": "link",
+      "label": "Real-time Events (Lake)",
+      "href": "/tutorials/indexer/nft-indexer"
     },
     {
       "type": "html",
-      "value": "<span class='menu__link'><b><small> QueryAPI Indexing </small></b></span>"
+      "value": "<hr/>"
     },
-    "bos/queryapi/intro",
-    "bos/queryapi/index-functions",
-    "bos/community/indexers",
     {
-      "Examples": [
-        "bos/tutorial/indexer-tutorials/posts-indexer",
-        "bos/tutorial/indexer-tutorials/hype-indexer",
-        "bos/tutorial/indexer-tutorials/feed-indexer"
-      ]
+      "type": "html",
+      "value": "<span class='menu__link'><b><small> Data Analytics </small></b></span>"
     },
+    "bos/queryapi/big-query",
+    "tools/indexer-for-explorer",
     {
       "type": "html",
       "value": "<hr/>"