From 7ce2c77f443747f8f9afa3cd74cded0781499398 Mon Sep 17 00:00:00 2001
From: Matt Nigh <matt@mattnigh.com>
Date: Mon, 28 Oct 2024 11:33:24 -0400
Subject: [PATCH] Add SEO

---
 .../src/pages/DirectivePage/DirectivePage.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/pages/DirectivePage/DirectivePage.tsx b/apps/web/src/pages/DirectivePage/DirectivePage.tsx
index 5d96dbd3dcc..a1795658d40 100644
--- a/apps/web/src/pages/DirectivePage/DirectivePage.tsx
+++ b/apps/web/src/pages/DirectivePage/DirectivePage.tsx
@@ -25,6 +25,7 @@ import {
 import Hero from "~/components/HeroDeprecated";
 import useBreadcrumbs from "~/hooks/useBreadcrumbs";
 import useRoutes from "~/hooks/useRoutes";
+import SEO from "~/components/SEO/SEO";
 
 import Resources from "./Resources";
 
@@ -76,6 +77,13 @@ export const pageTitle = defineMessage({
   description: "Title for the digital talent directive page",
 });
 
+export const pageSubtitle = defineMessage({
+  defaultMessage:
+    "Learn more about how the Government of Canada is strengthening the talent base of the GC digital community.",
+  id: "c/u1K+",
+  description: "Subtitle for the digital talent directive page",
+});
+
 export const Component = () => {
   const intl = useIntl();
   const locale = getLocale(intl);
@@ -103,14 +111,13 @@ export const Component = () => {
 
   return (
     <>
+      <SEO
+        title={intl.formatMessage(pageTitle)}
+        description={intl.formatMessage(pageSubtitle)}
+      />
       <Hero
         title={intl.formatMessage(pageTitle)}
-        subtitle={intl.formatMessage({
-          defaultMessage:
-            "Learn more about how the Government of Canada is strengthening the talent base of the GC digital community.",
-          id: "c/u1K+",
-          description: "Subtitle for the digital talent directive page",
-        })}
+        subtitle={intl.formatMessage(pageSubtitle)}
         crumbs={crumbs}
         linkSlot={
           <>