DOCSP-9935 Navigation and Landing page updates for Data Lake

Author: kanchana-mongodb

src/html/cloud.html

@@ -14,6 +14,9 @@
           <li class="toc__item">
             <a class="toc__link" href="https://docs.atlas.mongodb.com/">MongoDB Atlas</a>
           </li>
+          <li class="toc__item">
+            <a class="toc__link" href="https://docs.mongodb.com/datalake/">MongoDB Atlas Data Lake</a>
+          </li>
           <li class="toc__item">
            <a class="toc__link" href="https://docs.mongodb.com/charts">MongoDB Charts</a>
          </li>
@@ -59,6 +62,15 @@ <h3 class="card__title">MongoDB Atlas</h3>
         </p>
       </a>
 
+      <a class="card" href="https://docs.mongodb.com/datalake/">
+        <span class="card__icon card__icon--document"></span>
+        <h3 class="card__title">MongoDB Atlas Data Lake</h3>
+        <p class="card__body">
+          Reference guide for MongoDB Atlas Data Lake. Learn how to quickly set up and manage
+          your Atlas Data Lake deployment through MongoDB Atlas.
+        </p>
+      </a>
+
       <a class="card" href="https://docs.mongodb.com/charts">
        <span class="card__icon card__icon--document"></span>
        <h3 class="card__title">MongoDB Charts</h3>
@@ -128,9 +140,24 @@ <h4 class="block__title">
             </h4>
           </div>
         </div>
-      </div>
+      </div>    
       <div class="row">
         <div class="col-3 no-left-gutter">
+          <div class="block">
+            <h3 class="block__header">MongoDB Atlas Data Lake</h3>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.mongodb.com/datalake/tutorial/getting-started/">Getting Started</a>
+            </h4>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.mongodb.com/datalake/config/config-data-lake/">Configuring a Data Lake</a>
+            </h4>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.mongodb.com/datalake/administration/">Administering a 
+              Data Lake</a>
+            </h4>
+          </div>
+        </div>
+        <div class="col-3 no-right-gutter">
          <div class="block">
            <h3 class="block__header">MongoDB Charts</h3>
            <h4 class="block__title">
@@ -147,25 +174,26 @@ <h4 class="block__title">
            </h4>
          </div>
        </div>
-       <div class="col-3 no-right-gutter">
-        <div class="block">
-          <h3 class="block__header">MongoDB Cloud Manager</h3>
-          <h4 class="block__title">
-            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/application/">Overview</a>
-          </h4>
-          <h4 class="block__title">
-            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/manage-hosts/">Create or Import Deployments</a>
-          </h4>
-          <h4 class="block__title">
-            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/backup-use/">Backup and Restore</a>
-          </h4>
-          <h4 class="block__title">
-            <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/security/">Security</a>
-          </h4>
-        </div>
       </div>
       <div class="row">
         <div class="col-3 no-left-gutter">
+          <div class="block">
+            <h3 class="block__header">MongoDB Cloud Manager</h3>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/application/">Overview</a>
+            </h4>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/manage-hosts/">Create or Import Deployments</a>
+            </h4>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/backup-use/">Backup and Restore</a>
+            </h4>
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.cloudmanager.mongodb.com/tutorial/nav/security/">Security</a>
+            </h4>
+          </div>
+        </div>
+        <div class="col-3 no-right-gutter">
           <div class="block">
             <h3 class="block__header">MongoDB Ops Manager</h3>
             <h4 class="block__title">

src/html/home.html

@@ -31,6 +31,9 @@
               <li class="toc__item">
                 <a class="toc__link" href="https://docs.atlas.mongodb.com/">MongoDB Atlas</a>
               </li>
+              <li class="toc__item">
+                <a class="toc__link" href="https://docs.mongodb.com/datalake/">MongoDB Atlas Data Lake</a>
+              </li>
               <li class="toc__item">
                 <a class="toc__link" href="https://docs.cloudmanager.mongodb.com/">MongoDB Cloud Manager</a>
               </li>
@@ -107,8 +110,7 @@ <h3 class="card__title">MongoDB Manual</h3>
         <span class="card__icon card__icon--code"></span>
         <h3 class="card__title">Cloud Products</h3>
         <p class="card__body">
-          MongoDB offers a variety of cloud products, including MongoDB Stitch, MongoDB Atlas, MongoDB Cloud Manager, and MongoDB Ops
-          Manager.
+          MongoDB offers a variety of cloud products, including MongoDB Stitch, MongoDB Atlas, MongoDB Atlas Data Lake, MongoDB Cloud Manager, and MongoDB Ops Manager.
         </p>
       </a>
 
@@ -134,6 +136,14 @@ <h4 class="block__title">
               Atlas provides MongoDB as a service from the people who build MongoDB.
             </p>
 
+            <h4 class="block__title">
+              <a class="block__link" href="https://docs.mongodb.com/datalake">MongoDB Atlas 
+              Data Lake</a>
+            </h4>
+            <p class="block__body">
+              Atlas Data Lake allows you to quickly query data stored in your AWS S3 buckets.
+            </p>
+
             <h4 class="block__title">
               <a class="block__link" href="https://docs.cloudmanager.mongodb.com/">MongoDB Cloud Manager</a>
             </h4>