feat: first announcement

src/templates/blog-list.tsx

@@ -69,8 +69,7 @@ const BlogListTemplate: React.FC<PageProps<BlogListData, PageContext>> = ({
       heading="Data Controller’s Knowledge Base"
       desc="A section dedicated to news, updates and educational pieces."
     >
-      <Seo title="Blog" />
-      <Section color="black" bgColor="white" bottomArrow={false}>
+            <Section color="black" bgColor="white" bottomArrow={false}>
         <div className="row">
           <div className="col-md-7">
             <div className="row">
@@ -126,3 +125,5 @@ export const pageQuery = graphql`
     }
   }
 `
+
+export const Head = () => <Seo title="Blog" />

src/templates/blog-post.tsx

@@ -14,17 +14,9 @@ const BlogPostTemplate: React.FC<
   PageProps<{ post: PostNode }, PageContext>
 > = ({ data, location, pageContext }) => {
   const { post } = data
-  const { previewImg } = post.frontmatter
 
   return (
     <Layout location={location} heroSection={false}>
-      <Seo
-        title={post.frontmatter.title}
-        description={post.frontmatter.description}
-        previewImg={
-          previewImg?.childImageSharp?.gatsbyImageData?.images?.fallback?.src
-        }
-      />
       <Section color="black" bgColor="white" bottomArrow={false}>
         <div className="row">
           <div className="col-md-7">
@@ -41,6 +33,21 @@ const BlogPostTemplate: React.FC<
 
 export default BlogPostTemplate
 
+export const Head: React.FC<{ data: { post: PostNode } }> = ({ data }) => {
+  const { post } = data
+  const { previewImg } = post.frontmatter
+
+  return (
+    <Seo
+      title={post.frontmatter.title}
+      description={post.frontmatter.description}
+      previewImg={
+        previewImg?.childImageSharp?.gatsbyImageData?.images?.fallback?.src
+      }
+    />
+  )
+}
+
 export const pageQuery = graphql`
   query PostByPath($id: String!) {
     post: markdownRemark(id: { eq: $id }) {

src/templates/blog-search.tsx

@@ -71,8 +71,7 @@ const BlogSearchTemplate: React.FC<PageProps<SearchData, PageContext>> = ({
       heading="Data Controller’s Knowledge Base"
       desc="A section dedicated to news, updates and educational pieces."
     >
-      <Seo title="Blog" />
-      <Section color="black" bgColor="white" bottomArrow={false}>
+            <Section color="black" bgColor="white" bottomArrow={false}>
         <div className="row">
           <div className="col-md-7">
             <div className="row">
@@ -96,3 +95,5 @@ const BlogSearchTemplate: React.FC<PageProps<SearchData, PageContext>> = ({
 }
 
 export default BlogSearchTemplate
+
+export const Head = () => <Seo title="Blog" />

src/templates/feed-list.tsx

@@ -68,8 +68,7 @@ const FeedListTemplate: React.FC<PageProps<FeedListData, PageContext>> = ({
       heading="Data Controller’s Feed"
       desc="Announcements and social media style updates from the Data Controller team."
     >
-      <Seo title="Feed" />
-      <Section color="black" bgColor="white" bottomArrow={false}>
+            <Section color="black" bgColor="white" bottomArrow={false}>
         <div className="row">
           <div className="col-md-7">
             <div className="row">
@@ -129,3 +128,5 @@ export const pageQuery = graphql`
     }
   }
 `
+
+export const Head = () => <Seo title="Feed" />

src/templates/feed-post.tsx

@@ -14,17 +14,9 @@ const FeedPostTemplate: React.FC<
   PageProps<{ post: PostNode }, PageContext>
 > = ({ data, location, pageContext }) => {
   const { post } = data
-  const { previewImg } = post.frontmatter
 
   return (
     <Layout location={location} heroSection={false}>
-      <Seo
-        title={post.frontmatter.title}
-        description={post.frontmatter.description}
-        previewImg={
-          previewImg?.childImageSharp?.gatsbyImageData?.images?.fallback?.src
-        }
-      />
       <Section color="black" bgColor="white" bottomArrow={false}>
         <div className="row">
           <div className="col-md-7">
@@ -45,6 +37,21 @@ const FeedPostTemplate: React.FC<
 
 export default FeedPostTemplate
 
+export const Head: React.FC<{ data: { post: PostNode } }> = ({ data }) => {
+  const { post } = data
+  const { previewImg } = post.frontmatter
+
+  return (
+    <Seo
+      title={post.frontmatter.title}
+      description={post.frontmatter.description}
+      previewImg={
+        previewImg?.childImageSharp?.gatsbyImageData?.images?.fallback?.src
+      }
+    />
+  )
+}
+
 export const pageQuery = graphql`
   query FeedPostByPath($id: String!) {
     post: markdownRemark(id: { eq: $id }) {