From 0dcbebfb7c04f1f4085ddce5ea76f8009bcfc0df Mon Sep 17 00:00:00 2001
From: Brandon Romano <BrandonRRomano@gmail.com>
Date: Wed, 13 May 2020 22:34:25 -0700
Subject: [PATCH] Adds page specific metadata to use case pages

---
 website/layouts/use-cases/index.jsx | 55 +++++++++++++++++------------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/website/layouts/use-cases/index.jsx b/website/layouts/use-cases/index.jsx
index ef2ce7d94d..ebe71439b3 100644
--- a/website/layouts/use-cases/index.jsx
+++ b/website/layouts/use-cases/index.jsx
@@ -1,33 +1,42 @@
 import BasicHero from '../../components/basic-hero'
 import PrefooterCTA from '../../components/prefooter-cta'
 import ConsulEnterpriseComparison from '../../components/enterprise-comparison/consul'
+import Head from 'next/head'
+import HashiHead from '@hashicorp/react-head'
 
 export default function UseCaseLayout({ title, description, children }) {
   return (
-    <div id="p-use-case">
-      <BasicHero
-        heading={title}
-        content={description}
-        brand="consul"
-        links={[
-          {
-            text: 'Explore HashiCorp Learn',
-            url: 'https://learn.hashicorp.com/consul',
-            type: 'outbound',
-          },
-          {
-            text: 'Explore Documentation',
-            url: '/docs',
-            type: 'inbound',
-          },
-        ]}
+    <>
+      <HashiHead
+        is={Head}
+        title={`Consul ${title}`}
+        description={description}
       />
-      <div className="g-grid-container">
-        <h2 className="g-type-display-2 features-header">Features</h2>
+      <div id="p-use-case">
+        <BasicHero
+          heading={title}
+          content={description}
+          brand="consul"
+          links={[
+            {
+              text: 'Explore HashiCorp Learn',
+              url: 'https://learn.hashicorp.com/consul',
+              type: 'outbound',
+            },
+            {
+              text: 'Explore Documentation',
+              url: '/docs',
+              type: 'inbound',
+            },
+          ]}
+        />
+        <div className="g-grid-container">
+          <h2 className="g-type-display-2 features-header">Features</h2>
+        </div>
+        {children}
+        <ConsulEnterpriseComparison />
+        <PrefooterCTA />
       </div>
-      {children}
-      <ConsulEnterpriseComparison />
-      <PrefooterCTA />
-    </div>
+    </>
   )
 }