From 5fe6c13aebafd6d972890f0a69d787dfea0d50c6 Mon Sep 17 00:00:00 2001
From: Brandon Romano <brandon@hashicorp.com>
Date: Thu, 6 May 2021 16:26:26 -0700
Subject: [PATCH] Adjust order & remove titles on HashiStack section

---
 website/components/callout-blade/index.jsx |  2 +-
 website/pages/home/index.jsx               | 25 ++++++++++------------
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/website/components/callout-blade/index.jsx b/website/components/callout-blade/index.jsx
index 6874d27fc..104bea237 100644
--- a/website/components/callout-blade/index.jsx
+++ b/website/components/callout-blade/index.jsx
@@ -21,7 +21,7 @@ export default function CalloutBlade({ title, callouts }) {
                   <InlineSvg src={callout.icon} className={styles.icon} />
                   <div className={styles.flexWrapper}>
                     <div className={styles.infoWrapper}>
-                      <h5>{callout.title}</h5>
+                      {callout.title && <h5>{callout.title}</h5>}
                       <p>{callout.description}</p>
                     </div>
                     <div className={styles.linkWrapper}>
diff --git a/website/pages/home/index.jsx b/website/pages/home/index.jsx
index 3934a947c..acdfc7a40 100644
--- a/website/pages/home/index.jsx
+++ b/website/pages/home/index.jsx
@@ -71,21 +71,8 @@ export default function HomePage() {
       <CalloutBlade
         title="Consul with HashiCorp Stack"
         callouts={[
-          {
-            icon: require('./img/stack/consul-and-nomad.svg?include'),
-            title: 'Consul-Nomad Integration',
-            description:
-              'Secure Nomad jobs with Consul Service Mesh and use Traffic Splitting for zero-downtime, blue-green, canary deployments.',
-            eyebrow: 'Tutorials',
-            link: {
-              text: 'Nomad’s integration with Consul',
-              url:
-                'https://learn.hashicorp.com/collections/nomad/integrate-consul',
-            },
-          },
           {
             icon: require('./img/stack/consul-and-terraform.svg?include'),
-            title: 'Infrastructure Automation with Consul',
             description:
               'Use the Terraform provider ecosystem to drive relevant changes to your infrastructure based on Consul services.',
             eyebrow: 'Tutorials',
@@ -97,7 +84,6 @@ export default function HomePage() {
           },
           {
             icon: require('./img/stack/consul-and-vault.svg?include'),
-            title: 'Secure Consul with Vault',
             description:
               'Integrate Consul with Vault and consul-template to securely store and rotate your encryption key and certificates.',
             eyebrow: 'Tutorials',
@@ -107,6 +93,17 @@ export default function HomePage() {
                 'https://learn.hashicorp.com/collections/consul/vault-secure',
             },
           },
+          {
+            icon: require('./img/stack/consul-and-nomad.svg?include'),
+            description:
+              'Secure Nomad jobs with Consul Service Mesh and use Traffic Splitting for zero-downtime, blue-green, canary deployments.',
+            eyebrow: 'Tutorials',
+            link: {
+              text: 'Nomad’s integration with Consul',
+              url:
+                'https://learn.hashicorp.com/collections/nomad/integrate-consul',
+            },
+          },
         ]}
       />