(DOCSP-22148) Updates AtlasCLI landing page (#20)

* (DOCSP-22148) Updates AtlasCLI landing page

* Includes changes from Figma

* Updates card icons

* Includes changes from Jakub's review

* Includes changes from copy review

Author: sarahsimpers

snooty.toml

@@ -14,6 +14,7 @@ toc_landing_pages = [
   "/atlas-cli-quickstart",
   "/atlas-cli-tutorials",
   "/command/atlas",
+  "/compatibility",
   "/connect-atlas-cli",
   "/install-atlas-cli",
   "/migrate-to-atlas-cli",

source/compatibility.txt

@@ -0,0 +1,45 @@
+.. _compatibility-atlas-cli:
+
+===================
+Check Compatibility
+===================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 1
+   :class: singlecol
+
+The {+atlas-cli+} supports the following operating 
+systems:
+
+.. list-table::
+   :header-rows: 1
+
+   * - Operating System
+     - Operating System Version
+     - Architecture
+   * - Amazon Linux
+     - 2
+     - ``x86-64``, ``ARM``
+   * - Debian
+     - 9, 10
+     - ``x86-64``, ``ARM``
+   * - MacOS
+     - 10.0 and later
+     - ``x86-64``, ``ARM``
+   * - Microsoft Windows
+     - 10
+     - ``x86-64``
+   * - Microsoft Windows Server
+     - 2012, 2012R2, 2016, 2019
+     - ``x86-64``
+   * - Red Hat Enterprise Linux / CentOS
+     - 6, 7, 8
+     - ``x86-64``, ``ARM``
+   * - SUSE Linux Enterprise Server
+     - 12, 15
+     - ``x86-64``, ``ARM``
+   * - Ubuntu
+     - 18.04, 20.04
+     - ``x86-64``, ``ARM``

source/images/hero.png

@@ -1,35 +1,111 @@
+:template: product-landing
+:hidefeedback: header
 :noprevnext:
 
 .. _atlascli:
 
-============
-{+atlas-cli+}
-============
+==========================
+What is the {+atlas-cli+}?
+==========================
 
-.. contents:: On this page
-   :local:
-   :backlinks: none
-   :depth: 2
-   :class: singlecol
+.. introduction::
 
-The {+atlas-cli+} is a command line interface built specifically for |service|. 
-After you install and configure the {+atlas-cli+}, you can manage |service|
-{+database-deployments+} from the terminal with:
+   The {+atlas-cli+} is a command line interface built specifically for 
+   |service-fullname|. Interact with your |service| 
+   {+database-deployments+} and Atlas Search from the terminal with
+   short, intuitive commands, so you can accomplish complex database management tasks in seconds.
 
-- Short, intuitive commands. While you can use ``curl`` commands to access the
-  |service| APIs from the terminal, {+atlas-cli+} commands are much shorter.
-- Fewer system resources. Managing |service| from the terminal requires less
-  available random access memory (RAM) and CPU processing time than the |service| UI.
+   .. button:: Install the {+atlas-cli+}
+      :uri: https://www.mongodb.com/docs/atlas/cli/stable/install-atlas-cli/
 
-.. include:: /includes/fact-use-mongocli-for-om-cm.rst
+   Then, run ``atlas setup``
 
-Follow these steps to get started using the {+atlas-cli+}:
+.. image:: /images/hero.png
+   :alt: Homepage hero image
 
-1. :ref:`Install the {+atlas-cli+} <install-atlas-cli>`
-2. :ref:`Connect from the {+atlas-cli+} <connect-atlas-cli>`
-3. :ref:`See tutorials to manage Atlas from the {+atlas-cli+}
-   <atlas-cli-tutorials>` or 
-   :doc:`Go straight to the {+atlas-cli+} commands </command/atlas>`
+.. kicker:: What You Can Do
+
+Manage Atlas from the Command Line
+----------------------------------
+
+Get started quickly with two commands:
+
+.. tabs::
+
+   .. tab:: Install the {+atlas-cli+}
+      :tabid: install
+
+      .. procedure::
+
+         .. step:: Run ``brew install mongodb-atlas-cli``
+            
+            See our :ref:`documentation <install-atlas-cli>` for more
+            ways to install the {+atlas-cli+}.
+
+      .. image:: /images/install.gif
+         :alt: brew install mongodb-atlas-cli command
+
+   .. tab:: Set Up Atlas
+      :tabid: setup
+
+      .. procedure::
+
+         .. step:: Run ``atlas setup``
+
+            ``atlas setup`` does all of the following with one command:
+
+            1. Signs up for an |service| account.
+            #. Authenticates with the new |service| account.
+            #. Creates one free database.
+            #. Loads :atlas:`sample data 
+               </sample-data/available-sample-datasets/>` 
+               into your |service| database.
+            #. Adds your IP address to your project's IP access list.
+            #. Creates a MongoDB user for your |service| 
+               {+database-deployment+}.
+            #. Connect to your new {+database-deployment+} using the
+               MongoDB Shell, {+mongosh+}.
+
+            To learn more, see the :doc:`atlas setup documentation </command/atlas-setup>`.
+
+      .. image:: /images/setup.gif
+         :alt: atlas setup command
+
+
+.. kicker:: Related Products & Resources
+
+Go Further with the {+atlas-cli+}
+---------------------------------
+
+Learn the {+atlas-cli+} commands and optimize your workflow with advanced tutorials and more.
+
+.. card-group::
+   :columns: 3
+   :style: compact
+
+   .. card::
+      :cta: See All Commands
+      :url: https://www.mongodb.com/docs/atlas/cli/stable/command/atlas/
+      :icon: /images/icons/card1.svg
+      :icon-alt: AtlasCLI Commands Icon
+
+      Discover new {+atlas-cli+} commands
+
+   .. card::
+      :cta: View All Tutorials
+      :url: https://www.mongodb.com/docs/atlas/cli/stable/atlas-cli-tutorials/
+      :icon: /images/icons/card2.svg
+      :icon-alt: Tutorials Icon
+
+      Explore {+atlas-cli+} workflows with guided tutorials
+
+   .. card::
+      :cta: Read Release Notes
+      :url: https://www.mongodb.com/docs/atlas/cli/stable/atlas-cli-changelog/
+      :icon: /images/icons/card3.svg
+      :icon-alt: Atlas Icon
+
+      Learn what's new in the {+atlas-cli+}
 
 .. toctree::
    :titlesonly:

source/images/icons/card1.svg

@@ -13,50 +13,15 @@ Install or Update the {+atlas-cli+}
 Install the {+atlas-cli+} to quickly provision and manage |service|
 {+database-deployments+} from the terminal.
 
-Check Compatibility
--------------------
-
-The {+atlas-cli+} supports the following operating 
-systems:
-
-.. list-table::
-   :header-rows: 1
-
-   * - Operating System
-     - Operating System Version
-     - Architecture
-   * - Amazon Linux
-     - 2
-     - ``x86-64``, ``ARM``
-   * - Debian
-     - 9, 10
-     - ``x86-64``, ``ARM``
-   * - MacOS
-     - 10.0 and later
-     - ``x86-64``, ``ARM``
-   * - Microsoft Windows
-     - 10
-     - ``x86-64``
-   * - Microsoft Windows Server
-     - 2012, 2012R2, 2016, 2019
-     - ``x86-64``
-   * - Red Hat Enterprise Linux / CentOS
-     - 6, 7, 8
-     - ``x86-64``, ``ARM``
-   * - SUSE Linux Enterprise Server
-     - 12, 15
-     - ``x86-64``, ``ARM``
-   * - Ubuntu
-     - 18.04, 20.04
-     - ``x86-64``, ``ARM``
-
-
 Install the {+atlas-cli+}
 -------------------------
 
 Select an installation method below and follow the steps to install the
 {+atlas-cli+}.
 
+To check whether your operating system is compatible with the 
+{+atlas-cli+}, see :ref:`compatibility-atlas-cli`.
+
 .. _atlas-cli-install-prereqs:
 
 .. tabs::
@@ -459,4 +424,7 @@ Take the Next Steps
 :ref:`<connect-atlas-cli>` to start using the 
 :doc:`{+atlas-cli+} commands </command/atlas>`.
 
+.. toctree::
+   :titlesonly:
 
+   /compatibility