[WWW-93] Landing zone page

_data/landing-zone-features.yml

@@ -0,0 +1,50 @@
+
+- title: Create a Multi-Account AWS  Structure
+  description: Gruntwork Landing Zone gives you the ingredients to create a best-practices multi-account structure using AWS Organizations, all based on official AWS recommendations.
+  url: "/assets/img/landing-zone-features/features-0@3x.png"
+  description_assets: "/assets/img/landing-zone-features/landing-zone-chart@3x.png"
+  description_assets_mobile: "/assets/img/landing-zone-features/landing-zone-chart-mobile@3x.png"
+
+- title: Quickly create new AWS accounts
+  description: Gruntwork Landing Zone includes an opinionated way to create a new AWS account as part of your AWS Organization using just three lines of code, plusa Terraform apply.
+  url: "/assets/img/landing-zone-features/features-1@3x.png"
+  precode: |
+    <figure><figcaption>Variables.tf</figcaption>
+    <pre>
+      <code class="language-js">
+        // Create a new AWS account with just three lines of code and a Terraform apply 
+        child_accounts = {
+          dev = {
+            email = "dev@acme.com"
+          },
+          stage = {
+            email = "stage@acme.com"
+          },
+          prod = {
+            email = "prod@acme.com"
+          }
+        }
+      </code>
+    </pre>
+    <figure>
+
+
+- title: Apply a best-practices security baseline to each AWS account
+  description: We define security baselines for the "root", "security", and "app" AWS accounts that include best-practices configurations for AWS CloudTrail, AWS Config, AWS Config rules, AWS IAM user password policies, cross-account access, Amazon GuardDuty, and more.
+  url: "/assets/img/landing-zone-features/features-2@3x.png"
+
+- title: 100% Terraform-native
+  description: Manage your accounts and security baselines as Terraform code. Update to the latest Gruntwork Landing Zone baselines or make AWS Organization changes such as setting AWS Config Rules with simple changes to Terraform code.
+  url: "/assets/img/landing-zone-features/features-4@3x.png"
+
+- title: Customize your AWS account baseline
+  description: Extend or customize your AWS account baselines by adding or removing any set of services you want directly in the Terraform code.
+  url: "/assets/img/landing-zone-features/features-5@3x.png"
+
+- title: Automate account creation
+  description: Because Gruntwork Landing Zone is 100% Terraform-native, you can create new accounts as part of any pipeline that runs Terraform code. For a production-ready example, see Gruntwork Pipelines.
+  url: "/assets/img/landing-zone-features/features-6@3x.png"
+
+- title: Available off the shelf
+  description: Gruntwork Landing Zone is pre-written, commercially supported, production-grade code that is available right now. No consulting engagement needed.
+  url: "/assets/img/landing-zone-features/features-7@3x.png"

_data/sitemap.yml

@@ -3,6 +3,9 @@
     - title: Infrastructure Code Library
       url: /infrastructure-as-code-library/
 
+    - title: Gruntwork Landing Zone
+      url: /landing-zone-for-aws/
+
     - title: Reference Architecture
       url: /reference-architecture/
 

_includes/navbar.html

@@ -48,6 +48,14 @@
                   >Infrastructure as Code Library</a
                 >
               </li>
+              <li>
+                <a
+                  href="/landing-zone-for-aws/"
+                  ga-event-category="nav-{{ page.path | slugify }}"
+                  ga-event-action="landing-zone-for-aws"
+                  >Gruntwork Landing Zone</a
+                >
+              </li>
               <li>
                 <a
                   href="/training/"

assets/css/app.less

@@ -22,6 +22,7 @@
 @import "pages/library";
 @import "pages/pricing";
 @import "pages/checkout";
+@import "pages/landing-zone";
 
 // Import print styles
 @import "print";

assets/css/pages/landing-zone.less

@@ -0,0 +1,59 @@
+.gruntwork-landing-zone {
+  .row-features-group {
+    display: flex;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
+    .feature-description-assets {
+      margin: 40px 0;
+    }
+
+    .feature-precode {
+      position: relative;
+      margin-top: 50px;
+
+      figcaption {
+        position: absolute;
+        top: -15px;
+        left: 15px;
+        background-color: #ee4f5d;
+        border-radius: 4px;
+        color: white;
+        text-transform: uppercase;
+        font-size: 18px;
+        font-weight: bold;
+        line-height: 1.7;
+        letter-spacing: 1px;
+        padding: 0 10px; 
+      }
+    }
+
+    .feature-image {
+      width: 100%;
+      max-width: 120px;
+      margin-top: 30px;
+      margin-left: -25px;
+    }
+  }
+}
+
+@media only screen and (max-width: 767px) {
+  .gruntwork-landing-zone {
+    .row-features-group {
+      flex-direction: column;
+      margin-top: 30px;
+      margin-bottom: 50px;
+      padding-top: 30px;
+      border-top: 2px solid rgba(15, 192, 239, 0.25);
+    }
+
+    .row-features-group:first-of-type {
+      border-top: none;
+      padding-top: 0;
+
+      img {
+        margin-top: 0;
+      }
+    }
+  }
+}