Add getting started page

Author: biancabuzea200

docs/Developers/start.md

@@ -0,0 +1,67 @@
+---
+sidebar_position: 1
+---
+import CallToActionButton from '@site/src/components/CallToActionButton';
+
+# Getting Started
+## How do I start?
+
+<div>
+  <CallToActionButton
+    style={{
+      display: 'inline-block !important',
+    }}
+    icon="material-symbols:counter-1"
+    color="black"
+    target="_blank"
+    link="Guides/whitelistAddress"
+    text="Explore Chronicle Oracles on Testnet"
+  />
+
+{' '}
+
+<div
+  style={{
+    display: 'flex',
+    justifyContent: 'center',
+    fontSize: '3em',
+  }}
+>
+  <p>↓</p>
+</div>
+
+{' '}
+
+<CallToActionButton
+  icon="material-symbols:counter-2"
+  color="black"
+  target="_blank"
+  link="https://chroniclelabs.org/dashboard"
+  text="Integrate Chronicle Oracles on Mainnet"
+/>
+
+  <div
+    style={{
+      display: 'flex',
+      justifyContent: 'center',
+      fontSize: '3em',
+    }}
+  >
+    <p>↓</p>
+  </div>
+</div>
+
+<CallToActionButton
+  icon="material-symbols:counter-3"
+  color="black"
+  target="_blank"
+  link="https://forms.gle/EANjn7THKKieSYaF7"
+  text="Request a New Oracle/Chain"
+/>
+Currently, Chronicle Oracles provide real-time data to smart contract applications on nine chains. More ecosystems are coming soon!
+
+To get started, check out the [Getting Read Access to Contracts](docs/Developers/Guides/whitelistAddress.md) guide to learn how to integrate Chronicle Oracles into your dApp.
+
+Once you become familiar with the Testnet, get in touch to request access to the Chronicle Oracles on Mainnet. Chronicle contracts use a whitelist for read protection, so the addresses used for consuming the Oracle data must be whitelisted first. On the Testnet, you can whitelist yourself.
+
+If you want to request an Oracle that is not yet integrated, you could do so using [this form](https://forms.gle/EANjn7THKKieSYaF7) or by writing us a message on [Discord](https://discord.com/invite/CjgvJ9EspJ) via the 🆘｜support channel. 

docs/Developers/testnet.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 1
+sidebar_position: 2
 ---
 
 # Testnet Addresses

docusaurus.config.js

@@ -8,6 +8,7 @@ import {themes as prismThemes} from 'prism-react-renderer';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
+  plugins: ['docusaurus-plugin-sass'],
   title: 'Chronicle Docs',
   tagline: 'Cost-efficient. Verifiable Data.',
   favicon: 'img/favicon.ico',