From b9c1953c79688fc3f536b7927692309c9780b5da Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 6 Jan 2022 17:55:24 +0100
Subject: refactor: reuse PostMeta components on single articles/pages

---
 src/pages/contact.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/pages/contact.tsx')
diff --git a/src/pages/contact.tsx b/src/pages/contact.tsx
index 3ce6098..ca82f5b 100644
--- a/src/pages/contact.tsx
+++ b/src/pages/contact.tsx
@@ -9,6 +9,7 @@ import { loadTranslation } from '@utils/helpers/i18n';
 import { GetStaticProps, GetStaticPropsContext } from 'next';
 import Head from 'next/head';
 import { FormEvent, useState } from 'react';
+import PostHeader from '@components/PostHeader/PostHeader';
 
 const ContactPage: NextPageWithLayout = () => {
   const [name, setName] = useState('');
@@ -48,6 +49,9 @@ const ContactPage: NextPageWithLayout = () => {
     }
   };
 
+  const title = t`Contact`;
+  const intro = t`Please fill the form to contact me.`;
+
   return (
     <>
       <Head>
@@ -55,9 +59,7 @@ const ContactPage: NextPageWithLayout = () => {
         <meta name="description" content={seo.contact.description} />
       </Head>
       <article>
-        <header>
-          <h1>{t`Contact`}</h1>
-        </header>
+        <PostHeader title={title} intro={intro} />
         <div>
           <p>{t`All fields marked with * are required.`}</p>
           {status && <p>{status}</p>}
-- 
cgit v1.2.3

