Add getting started and icons

Author: tothmano

.gitignore

@@ -1,4 +1,6 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+/node_modules
+
+.DS_Store

docs/getting-started/getting-started.mdx

@@ -0,0 +1,171 @@
+---
+title: 'Getting started'
+excerpt: 'This guide will introduce you to the concepts behind working with Axiom and give a short introduction to each of the high-level features.'
+tags:
+  ['axiom documentation', 'documentation', 'axiom', 'stream data', 'analyze data', 'explore data']
+---
+
+This guide will introduce you to the concepts behind working with Axiom and give a short introduction to each of the high-level features.
+
+![Axiom overview](/doc-assets/shots/getting-started-24.png 'Axiom overview')
+
+## 1. Get your data into Axiom
+
+[Axiom](https://app.axiom.co/) supports ingesting structured data which can be sent to it via a variety of means. Each individual piece of data is called an **Event**.
+
+Events can be emitted from internal or third-party services, cloud functions, containers, VMs, or even scripts. Events follow the [JSON specification](https://www.json.org/json-en.html) for which field types are supported, an event could look like this:
+
+```json copy
+{
+  "service": "api-http",
+  "severity": "error",
+  "duration": 231,
+  "customer_id": "ghj34g32poiu4",
+  "tags": ["aws-east-1", "zone-b"],
+  "metadata": {
+    "version": "3.1.2"
+  }
+}
+```
+
+An event must belong to a **Dataset**, which is a collection of similar events. You can have multiple datasets that help to segment your events to make them easier to query and visualize, and also aide in access control.
+
+Axiom stores **every event you send** and makes it available to you for querying either by streaming logs in real-time, or by analyzing events to produce visualizations.
+
+The underlying datastore of Axiom is a timeseries database, which means every event is indexed with an accompanying timestamp (which can be specified at ingress or automatically set).
+
+Axiom **does not sample** your data on ingest or querying, unless you've expressly instructed it to.
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4 bg-white py-4"
+  href="/docs/send-data/ingest"
+  title="Learn how to ingest"
+>
+  <Image src="/doc-assets/ingest.svg" width={24} height={24} alt="ingest icon" />
+  <span>Learn how to ingest</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>
+
+## 2. Stream your data
+
+Axiom makes it really easy to view your data as it's being ingested live. This is also referred to as "Live Stream" or "Live Tail", and the result is having a terminal-like feel of being able to view all your events in real-time:
+
+![Axiom stream page screenshot](/doc-assets/shots/getting-started-stream.png 'Axiom stream page screenshot')
+
+From the Stream page, you can easily add filters to narrow down the results as well as save popular searches and share them with your organization members. You can also hide/show specific fields
+
+Another useful feature of the stream page is to only show events in a particular time-window (this could be the last N minutes, or a more-specific time range you can input 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.
+
+<Link href="/docs/usage/stream" title="Learn how to stream">
+  <a className="flex items-center justify-around  shadow rounded border bg-white py-4">
+    <Image src="/doc-assets/stream.svg" width={24} height={24} alt="ingest icon" />
+    <span>Learn how to stream</span>
+    <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+  </a>
+</Link>
+
+## 3. Analyze your data
+
+While viewing individual events can be very useful, at scale and for general monitoring and observability, it is important to be able to quickly aggregate, filter, and segment your data. The Analytics page lets you do just that, and more:
+
+![Axiom analytics page screenshot](/doc-assets/shots/analyze-your-data-1.png 'Axiom analytics page screenshot')
+
+The Analyze page gives you various tools to extract insights from a dataset, including **visualizing aggregations** (count, min, max, average, percentiles, heatmaps, and more), **filtering events** (with and/or grouped filters containing one or more field filters), and segmentation via **group-by**.
+
+You can control the time range of your search, and even compare your results to a previous point-in-time using our **Against** functionality. Queries are rounded off with support for time resolution, ordering, and limits.
+
+Any query you create can be saved as well as easily sharable with your team.
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4"
+  href="/docs/usage/analyze"
+  title="Learn how to analyze"
+>
+  <Image src="/doc-assets/analyze.svg" width={24} height={24} alt="analyze icon" />
+  <span>Learn how to analyze</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>
+
+
+## 4. Explore your data
+
+Axiom Processing language enhanced data exploration capabilities allows users to write powerful queries to explore, analyze, and visualize large queries in real-time. 
+
+![Axiom explore page screenshot](/doc-assets/shots/explore-your-data-1.png 'Axiom analytics page screenshot')
+
+By writing targeted queries with APL, you can swiftly identify and diagnose issues, reducing downtime and minimizing the impact on your business operations. APL's ability to analyze logs and data in real-time allows you to stay on top of potential problems and address them before they escalate.  
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4"
+  href="/docs/apl/introduction"
+  title="Explore your data with APL"
+>
+  <Image src="/doc-assets/analyze.svg" width={24} height={24} alt="analyze icon" />
+  <span>Explore your data with APL</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>
+
+
+## 5. Monitor for problems
+
+Get alerted when there are problems with your data, such as
+
+- A queue size is larger than acceptable limits
+- Web containers are taking too long to respond
+- A specific customer has started using a new feature
+- etc, etc
+
+![Axiom alerts page screenshot](/doc-assets/shots/monitor-for-problems.png 'Axiom alerts page screenshot')
+
+Axiom alerting consists of two key concepts:
+
+1. **Monitors** that run in the background querying your data on a frequency and checking whether a threshold has been reached to _trigger_ the monitor, and
+2. **Notifiers** which encapsulate how to alert a person, a team, or a service that a monitor has been triggered.
+
+Monitors are configured with a query, a frequency (how often the monitor should run), interval (what is the time range of data that the monitor should query), a threshold (at what value should the monitor trigger), and one or more _notifiers_ (how to alert that the monitor is triggered).
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4"
+  href="/docs/usage/alerts"
+  title="Learn how to monitor"
+>
+  <Image src="/doc-assets/monitor.svg" width={24} height={24} alt="monitor icon" />
+  <span>Learn how to monitor</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>
+
+## 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.
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4"
+  href="/docs/send-data/ingest#data-shippers"
+  title="Learn about data shippers"
+>
+  <Image src="/doc-assets/integrate.svg" width={24} height={24} alt="integrations icon" />
+  <span>Learn about data shippers</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>
+
+## 7. Customize for your organization
+
+As your use of Axiom widens, you can customize it for your organization's needs:
+
+- Add more users
+- Setup third-party authentication providers
+- Create and manage teams
+- Setup Role-Base Access Control
+- Setup per-user/service API tokens
+
+![Axiom settings page screenshot](/doc-assets/shots/customize-your-organization.png 'Axiom settings page screenshot')
+
+<a
+  className="flex items-center justify-around w-96 shadow rounded border bg-white py-4"
+  href="/docs/reference/settings"
+  title="Learn about settings"
+>
+  <Image src="/doc-assets/settings.svg" width={24} height={24} alt="integrations icon" />
+  <span>Learn about settings</span>
+  <Image src="/doc-assets/chevron-right.svg" width={16} height={16} alt="go" />
+</a>