Add Axiom tour (#250)

Author: tothmano

docs.json

@@ -19,6 +19,7 @@
             "pages": [
               "introduction",
               "getting-started-guide/getting-started",
+              "getting-started-guide/axiom-tour",
               {
                 "group": "Learn about Axiom",
                 "icon": "book-font",

getting-started-guide/axiom-tour.mdx

@@ -0,0 +1,8 @@
+---
+title: "Axiom tour"
+description: "Interactive demonstration of Axiom and its features"
+icon: plane-departure
+url: "https://axiom.navattic.com/d8e0yrj"
+---
+
+[Click here](https://axiom.navattic.com/d8e0yrj) to start the interactive demo in a new tab.

getting-started-guide/getting-started.mdx

@@ -37,7 +37,7 @@ The underlying data store of Axiom is a time series database. This means every e
 
 Axiom doesn’t sample your data on ingest or querying, unless you’ve expressly instructed it to.
 
-<Card title="Send data to Axiom" icon="paper-plane" href="/send-data/ingest"></Card>
+<Card title="Send data to Axiom" icon="paper-plane" href="/send-data/ingest" horizontal></Card>
 
 ## 2. Stream your data
 
@@ -47,7 +47,7 @@ From the Stream tab, you can easily add filters to narrow down the results as we
 
 Another useful feature of the Stream tab is to only show events in a particular time-window. This could be the last N minutes or a more-specific time range you specify manually. This feature is extremely useful when you need to closely inspect your data, allowing you to get an chronological view of every event in that time window.
 
-<Card title="Stream data" icon="screencast" href="/query-data/stream"></Card>
+<Card title="Stream data" icon="screencast" href="/query-data/stream" horizontal></Card>
 
 ## 3. Analyze your data
 
@@ -58,7 +58,7 @@ In Axiom, an individual piece of data is an event, and a dataset is a collection
 - Gain insights about the underlying data using quick charts.
 - Add virtual fields.
 
-<Card title="Analyze data" icon="server" href="/query-data/datasets"></Card>
+<Card title="Analyze data" icon="server" href="/query-data/datasets" horizontal></Card>
 
 ## 4. Explore your data
 
@@ -69,7 +69,7 @@ The Query tab gives you various tools to extract insights from your data:
 - Filter events.
 - Segment data with `group-by`.
 
-<Card title="Explore data" icon="magnifying-glass" href="/query-data/explore"></Card>
+<Card title="Explore data" icon="magnifying-glass" href="/query-data/explore" horizontal></Card>
 
 ## 5. Monitor for problems
 
@@ -79,13 +79,13 @@ Get alerted when there are problems with your data. For example:
 - Web containers take too long to respond.
 - A specific customer starts using a new feature.
 
-<Card title="Monitor data" icon="desktop" href="/monitor-data/monitors"></Card>
+<Card title="Monitor data" icon="desktop" href="/monitor-data/monitors" horizontal></Card>
 
 ## 6. Integrate with data shippers
 
 Integrations can be installed and configured using different third-party Data shippers to quickly get insights from your logs and services by setting up a background task that continuously synchronizes events into Axiom.
 
-<Card title="Integrate with data shippers" icon="ship" href="/send-data/ingest#data-shippers"></Card>
+<Card title="Integrate with data shippers" icon="ship" href="/send-data/ingest#data-shippers" horizontal></Card>
 
 ## 7. Customize your organization
 
@@ -96,4 +96,4 @@ As your use of Axiom widens, customize it for your organization’s needs. For e
 - Set up role-based access control.
 - Create and manage API tokens.
 
-<Card title="Customize your organization" icon="gear" href="/reference/settings"></Card>
+<Card title="Customize your organization" icon="gear" href="/reference/settings" horizontal></Card>

introduction.mdx

@@ -20,6 +20,8 @@ tags:
 
 To dive right in, read the [Get started guide](/getting-started-guide/getting-started).
 
+For an interactive demonstration of Axiom and its features, head to the [Axiom tour](https://axiom.navattic.com/d8e0yrj).
+
 The Axiom documentation enables you to gain a deeper understanding of what Axiom is, how to get it installed, and how best to use it for your organization’s use case. See below for a list of the most common use cases.
 
 <CardGroup cols={2}>