(DOCSP-17242): BI Connector Landing Page (#314)

(DOCSP-17242): BI Connector Landing Page

Author: jwilliams-mongo

snooty.toml

@@ -10,6 +10,7 @@ toc_landing_pages = ["/installation", "/client-applications", "/connect/mysql",
 
 [constants]
 atlas = "MongoDB Atlas"
+atlas-short = "Atlas"
 bi-atlas-short = "BI Connector for Atlas"
 bi-full = "MongoDB Connector for Business Intelligence"
 bi-short = "BI Connector"

source/images/Tab1_illo.png

@@ -15,9 +15,8 @@ content: |
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
   
-  .. container:: nested-steps
 
-     .. include:: /includes/steps/create-system-dsn-auth-macos.rst
+  .. include:: /includes/steps/create-system-dsn-auth-macos.rst
 ---
 ref: start-tableau-macos
 level: 4

source/images/Tab2_illo.png

@@ -16,10 +16,8 @@ content: |
   To securely connect Tableau to the |bi-short|, a system
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
-  
-  .. container:: nested-steps
 
-     .. include:: /includes/steps/create-system-dsn-auth.rst
+  .. include:: /includes/steps/create-system-dsn-auth.rst
 
 ---
 ref: start-tableau-windows

source/images/Tab3_illo.png

@@ -13,10 +13,8 @@ content: |
   To securely connect Tableau to the |bi-short|, a system
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
-  
-  .. container:: nested-steps
 
-     .. include:: /includes/steps/create-system-dsn-auth-ssl-macos.rst
+  .. include:: /includes/steps/create-system-dsn-auth-ssl-macos.rst
 ---
 ref: start-tableau-ssl-macos
 level: 4

source/images/bi-connector/hero.png

@@ -16,9 +16,7 @@ content: |
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
   
-  .. container:: nested-steps
-
-     .. include:: /includes/steps/create-system-dsn-auth-ssl.rst
+  .. include:: /includes/steps/create-system-dsn-auth-ssl.rst
 
 ---
 ref: start-tableau-windows

source/images/charts-icon.svg

@@ -15,9 +15,7 @@ content: |
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
   
-  .. container:: nested-steps
-
-     .. include:: /includes/steps/create-system-dsn-no-auth-macos.rst
+  .. include:: /includes/steps/create-system-dsn-no-auth-macos.rst
 ---
 title: Start Tableau.
 ref: start-tdc-no-auth-macos

source/images/drivers-connectors-icon.svg

@@ -6,19 +6,17 @@ source:
   file: steps-connect-tableau-mongosql-plugin-windows.yaml
   ref: download-mongodb-odbc-driver-windows
 ---
-title: Create a system DSN.
+title: Create a system DSN. 
 ref: create-dsn-auth
 level: 4
 stepnum: 2
 content: |
-
+ 
   To securely connect Tableau to the |bi-short|, a system
   :abbr:`DSN (Data Source Name)` configured to use the MongoDB ODBC
   driver is required. To create a system DSN, follow the steps below:
   
-  .. container:: nested-steps
-
-     .. include:: /includes/steps/create-system-dsn-no-auth.rst
+  .. include:: /includes/steps/create-system-dsn-no-auth.rst
 ---
 title: Start Tableau.
 ref: start-tdc-no-auth-windows

source/images/hero.png

@@ -1,129 +1,145 @@
-.. _bi-connector:
+:template: product-landing
+:hidefeedback: header
+:noprevnext:
 
-========================
-MongoDB Connector for BI
-========================
+====================================
+What is the MongoDB Connector for BI
+====================================
 
-.. default-domain:: mongodb
+.. introduction::
 
-About the |bi|
---------------
+   Traditional business intelligence tools are designed to work with
+   tabular, row-and-column data. The MongoDB Connector for BI allows you
+   query MongoDB data with SQL using tools such as Tableau, Power BI, 
+   and Excel.
 
-.. include:: /includes/fact-bi-enterprise.rst
+   .. button:: Download the MongoDB Connector for BI
+      :uri: /local-quickstart
 
-The MongoDB Connector for Business Intelligence (BI) allows users to
-create queries with |sql| and visualize, graph, and report on their
-MongoDB Enterprise data using existing relational business intelligence
-tools such as :doc:`Tableau </connect/tableau>`,
-:doc:`MicroStrategy </connect/microstrategy>`, and
-:doc:`Qlik </connect/qlik>`.
+   :doc:`Get Started </local-quickstart>`
 
-.. note::
+.. image:: /images/hero.png
+   :alt: MongoDB Connector for BI homepage hero image
 
-   As an alternative to using third-party data visualization tools and
-   the |bi-short|, you can use :charts:`MongoDB Charts </>` to create
-   data visualizations directly from your MongoDB collections.
+.. kicker:: What You Can Do
 
-The |bi| acts as a layer that translates queries and data between a
-|mongod| or |mongos| instance and your reporting tool. The |bi-short|
-stores no data, and purely serves to bridge your MongoDB cluster with
-business intelligence tools.
+Use Your Favorite BI Tools with MongoDB Data
+--------------------------------------------
 
-.. figure:: /images/bi-connector/components-all.jpg
-   :figwidth: 700px
-   :align: center
-   :alt: Diagram showing that other BI tools communicate with the DSN, which communicates with MongoDB's BI Connector, which in turn communicates with the MongoDB database.
+|bi| makes it easy to create powerful visualizations of your MongoDB
+data with popular analysis tools.
 
-System Components
------------------
+.. tabs::
 
-A complete BI system includes the following components:
+   .. tab:: Run SQL queries against collections
+      :tabid: sql
 
-MongoDB database
-  Data storage.
+      .. procedure::
 
-BI Connector
-  Provides a relational schema and translates |sql|
-  queries between your BI tool and MongoDB.
+         .. step:: Enable |bi| for your {+atlas-short+} cluster
 
-ODBC data source name (DSN)
-  Holds authentication and connection configuration data.
+            Host the {+bi-full+} in {+atlas+}.
 
-BI Tool Data visualization and analysis.
+            To learn more, see :doc:`Enable the BI Connector in Atlas </atlas-bi-connector>`.
 
-Most BI tools can import data from a
-:doc:`DSN </tutorial/create-system-dsn>`. Configure a |dsn| to
-point to your |bi-short| instance. This provides you a wide range of
-BI tools and |sql| clients with a single data source configuration.
+         .. step:: Query MongoDB databases using SQL
 
-Your BI tool and your |dsn| always run on your local desktop, but your
-database and your |bi-short| instance may be local, on premises, or
-hosted. The following sections describe possible configurations for a
-BI system.
+            Use SQL to run queries against MongoDB collections,
+            including joins, subqueries, and aggregate functions.
 
-Hosted Database and |bi-short|
-------------------------------
+            To learn more, see :doc:`Connect from the MySQL Client
+            </connect/mysql>`.
 
-.. note::
+      .. image:: /images/Tab1_illo.png
+         :alt: Connect to a MongoDB database from the MySQL Client
 
-   If you don’t want to install and manage the |bi-short|, you can use
-   {+atlas+}, our fully-managed database-as-a-service. Databases hosted
-   on {+atlas+} natively support the |bi| and make it easy to start
-   analyzing your data with your preferred BI tools. To get started,
-   :website:`create an {+atlas+} cluster </cloud/atlas/lp/general>`.
+   .. tab:: Visualize MongoDB data with Tableau
+      :tabid: tableau
 
-In this scenario, the database and |bi-short| applications both run on
-{+atlas+}, and you set up your :doc:`DSN </tutorial/create-system-dsn>`
-with connection information that {+atlas+} provides.
+      .. procedure::
 
-.. figure:: /images/bi-connector/components-cloud.jpg
-   :alt: Hosted DB and BI Connector
-   :figwidth: 700px
-   :align: center
+         .. step:: Install |bi| for your platform
 
-Hosted Database and On Premises |bi-short|
-------------------------------------------
+            |bi| is available for Windows, macOS, and Linux.
 
-If you have an {+atlas+} deployment smaller than M10 (including the
-{+atlas+} :atlas:`free tier </getting-started/>`), or if your MongoDB
-instance is not hosted on {+atlas+}, you can run |bi-short| locally and
-specify a remote database address with the
-:option:`--mongo-uri <mongosqld --mongo-uri>` option when you start
-the BI Connector's :doc:`mongosqld process </reference/mongosqld>`.
+            :doc:`Download the MongoDB Connector for BI </installation>`
 
-.. figure:: /images/bi-connector/components-onprem-bi-atlas.jpg
-   :alt: On Premises DB and Local BI Connector
-   :figwidth: 700px
-   :align: center
+         .. step:: Create visualizations of MongoDB data with Tableau
 
-On Premises Database and |bi-short|
------------------------------------
+            Many business intelligence visualization tools can't
+            communicate with MongoDB databases using MongoDB Query
+            Language. |bi| translates MQL into SQL, enabling
+            communication with any BI tool that uses |jdbc| or |odbc|
+            connections.
 
-Your organization may have installations of both MongoDB and |bi-short|
-elsewhere on your network, in which case you can set up your
-:doc:`DSN </tutorial/create-system-dsn>` to point to the |bi-short|
-server address.
+            To learn more, see :ref:`connect-tableau-auth`.
 
-.. figure:: /images/bi-connector/components-onprem.jpg
-   :alt: On Premises DB and BI Connector
-   :figwidth: 700px
-   :align: center
+      .. image:: /images/Tab2_illo.png
+         :alt: Use Tableau with MongoDB Databases
 
-Local Database and |bi-short|
------------------------------
+   .. tab:: Analyze MongoDB data with Excel
+      :tabid: excel
 
-For testing and all-in-one-box local experimentation, you can run
-MongoDB and |bi-short| on your desktop. This is the simplest
-configuration, perfect for quickly looking over the possibilities for
-data visualization with |bi-short|.
+      .. procedure::
 
-Learn more about setting up a local |bi-short| test installation
-in the :doc:`Quick Start Guide </local-quickstart>`.
+         .. step:: Create a Data Source Name (DSN)
 
+            A DSN is a saved configuration with authentication
+            credentials and |odbc| driver information.
+
+            To learn more, see :doc:`Create a System DSN 
+            </tutorial/create-system-dsn>`.
+
+         .. step:: Analyze MongoDB data with Excel
+
+            Connect MongoDB with Excel via an |odbc| connector.
+
+            To learn more, see :doc:`Connect from Microsoft Excel 
+            </connect/excel>`.
+
+      .. image:: /images/Tab3_illo.png
+         :alt: Analyze MongoDB data with Excel
+
+.. kicker:: Related Products & Resources
+
+Go Further with the |bi|
+------------------------
+
+Explore |bi|\'s advanced features.
+
+.. card-group::
+   :columns: 3
+   :style: compact
+ 
+   .. card::
+      :cta: Learn about Schemas
+      :url: https://docs.mongodb.com/bi-connector/current/schema-configuration/
+      :icon: /images/drivers-connectors-icon.svg
+      :icon-alt: MongoDB BI Connector icon
+ 
+      Auto-generate a schema based on your data
+
+   .. card::
+      :cta: Learn about Views
+      :url: https://docs.mongodb.com/bi-connector/current/schema/use-views/
+      :icon: /images/drivers-connectors-icon.svg
+      :icon-alt: MongoDB BI Connector icon
+ 
+      Control data access with MongoDB Views
+
+   .. card::
+      :cta: View Charts Docs
+      :url: https://docs.mongodb.com/charts/saas/
+      :icon: /images/charts-icon.svg
+      :icon-alt: MongoDB Charts icon
+ 
+      Visually explore your data with MongoDB Charts.
 
 .. toctree::
    :titlesonly:
 
+   Overview </index>
+   </what-is-the-bi-connector>
    Quick Start Guide </local-quickstart>
    /atlas-bi-connector
    Install BI Connector</installation>