Adds page specific metadata to use case pages

website/layouts/use-cases/index.jsx

@@ -1,9 +1,17 @@
 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 (
+    <>
+      <HashiHead
+        is={Head}
+        title={`Consul ${title}`}
+        description={description}
+      />
       <div id="p-use-case">
         <BasicHero
           heading={title}
@@ -29,5 +37,6 @@ export default function UseCaseLayout({ title, description, children }) {
         <ConsulEnterpriseComparison />
         <PrefooterCTA />
       </div>
+    </>
   )
 }