From 9b888f313ae1603f7932ae62f58505ecb864cd0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Tue, 16 Nov 2021 17:07:31 +0100
Subject: [PATCH 01/10] Create new page 'Blog'

---
 src/pages/blog.tsx | 69 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 src/pages/blog.tsx

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
new file mode 100644
index 000000000..b6e5229e8
--- /dev/null
+++ b/src/pages/blog.tsx
@@ -0,0 +1,69 @@
+/**
+ * Copyright 2021 Bonitasoft S.A.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import Layout from '../theme/components/Layout';
+import Header from '../theme/components/Header';
+import Footer from '../theme/components/Footer';
+import Section from '../theme/components/Section';
+import { SECTION } from '../theme/utils/constants';
+import { Box, Heading } from 'rebass/styled-components';
+import Triangle from '../theme/components/Triangle';
+
+const BlogPage = (): JSX.Element => (
+  <Layout title={SECTION.blog}>
+    <Header />
+    <Section.Container id={SECTION.blog} Background={Background}>
+      <Heading
+        textAlign="center"
+        as="h1"
+        color="primary"
+        fontSize={[6, 8]}
+        /*mb={[3, 4, 5]}
+        mt={4}*/
+      >
+        {SECTION.blog}
+      </Heading>
+      <Box />
+      {/*    <Box height="70vh" />*/}
+    </Section.Container>
+    <Footer />
+  </Layout>
+);
+
+export default BlogPage;
+
+const Background = (): JSX.Element => (
+  <>
+    <Triangle
+      color="muted"
+      height={['15vh', '35vh']}
+      width={['95vw', '55vw']}
+    />
+
+    <Triangle
+      color="secondary"
+      height={['18vh', '35vh']}
+      width={['50vw', '35vw']}
+    />
+
+    <Triangle
+      color="primary"
+      height={['5vh', '15vh']}
+      width={['75vw', '60vw']}
+      position="top-right"
+    />
+  </>
+);

From cf613fa0a837d3acea7ea2118facec19220739df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Tue, 16 Nov 2021 17:28:50 +0100
Subject: [PATCH 02/10] Add cards

---
 src/pages/blog.tsx | 56 +++++++++++++++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 21 deletions(-)

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
index b6e5229e8..b0f3ac6bc 100644
--- a/src/pages/blog.tsx
+++ b/src/pages/blog.tsx
@@ -19,29 +19,43 @@ import Header from '../theme/components/Header';
 import Footer from '../theme/components/Footer';
 import Section from '../theme/components/Section';
 import { SECTION } from '../theme/utils/constants';
-import { Box, Heading } from 'rebass/styled-components';
+import { Heading } from 'rebass/styled-components';
 import Triangle from '../theme/components/Triangle';
+import { Fade } from 'react-awesome-reveal';
+import { Post } from '../theme/components/Post';
+import { CardContainer } from '../theme/components/Card';
+import { cardMinWidth } from '../theme/sections/Blog';
+import { postsContent } from '../content/PostsContent';
 
-const BlogPage = (): JSX.Element => (
-  <Layout title={SECTION.blog}>
-    <Header />
-    <Section.Container id={SECTION.blog} Background={Background}>
-      <Heading
-        textAlign="center"
-        as="h1"
-        color="primary"
-        fontSize={[6, 8]}
-        /*mb={[3, 4, 5]}
-        mt={4}*/
-      >
-        {SECTION.blog}
-      </Heading>
-      <Box />
-      {/*    <Box height="70vh" />*/}
-    </Section.Container>
-    <Footer />
-  </Layout>
-);
+const BlogPage = (): JSX.Element => {
+  const { posts } = postsContent;
+  return (
+    <Layout title={SECTION.blog}>
+      <Header />
+      <Section.Container id={SECTION.blog} Background={Background}>
+        <Heading
+          textAlign="center"
+          as="h1"
+          color="primary"
+          fontSize={[6, 8]}
+          mb={[3, 4, 5]}
+          mt={[3, 4, 5]}
+        >
+          {SECTION.blog}
+        </Heading>
+        <CardContainer minWidth={cardMinWidth}>
+          <Fade direction="down" triggerOnce cascade damping={0.5}>
+            {posts.map(p => (
+              <Post {...p} key={p.url} />
+            ))}
+          </Fade>
+        </CardContainer>
+        {/*    <Box height="70vh" />*/}
+      </Section.Container>
+      <Footer />
+    </Layout>
+  );
+};
 
 export default BlogPage;
 

From 227177801ddf67befb175b1d398c499a81bea9dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Tue, 16 Nov 2021 17:35:21 +0100
Subject: [PATCH 03/10] Create a different header for pages

---
 src/pages/blog.tsx                  |  5 +-
 src/theme/components/PageHeader.tsx | 83 +++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+), 3 deletions(-)
 create mode 100644 src/theme/components/PageHeader.tsx

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
index b0f3ac6bc..3a6696d3a 100644
--- a/src/pages/blog.tsx
+++ b/src/pages/blog.tsx
@@ -15,7 +15,7 @@
  */
 import * as React from 'react';
 import Layout from '../theme/components/Layout';
-import Header from '../theme/components/Header';
+import PageHeader from '../theme/components/PageHeader';
 import Footer from '../theme/components/Footer';
 import Section from '../theme/components/Section';
 import { SECTION } from '../theme/utils/constants';
@@ -31,7 +31,7 @@ const BlogPage = (): JSX.Element => {
   const { posts } = postsContent;
   return (
     <Layout title={SECTION.blog}>
-      <Header />
+      <PageHeader />
       <Section.Container id={SECTION.blog} Background={Background}>
         <Heading
           textAlign="center"
@@ -50,7 +50,6 @@ const BlogPage = (): JSX.Element => {
             ))}
           </Fade>
         </CardContainer>
-        {/*    <Box height="70vh" />*/}
       </Section.Container>
       <Footer />
     </Layout>
diff --git a/src/theme/components/PageHeader.tsx b/src/theme/components/PageHeader.tsx
new file mode 100644
index 000000000..dd28cf083
--- /dev/null
+++ b/src/theme/components/PageHeader.tsx
@@ -0,0 +1,83 @@
+/**
+ * Copyright 2021 Bonitasoft S.A.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import Headroom from 'react-headroom';
+import {
+  Box,
+  Link as RebassLink,
+  Flex,
+  Image,
+  Button,
+} from 'rebass/styled-components';
+import styled from 'styled-components';
+import { header } from '../../content/HeaderContent';
+
+const PageHeader = (): JSX.Element => {
+  const { logo } = header;
+
+  return (
+    <StyledHeadroom>
+      <Flex
+        flexWrap="wrap"
+        justifyContent="space-between"
+        alignItems="center"
+        px={3}
+      >
+        <RebassLink href="/" variant="empty">
+          <Flex justifyContent="center">
+            <Image
+              src={logo.src}
+              height={['60px', '80px']}
+              width={['60px', '80px']}
+              alt="Process Analytics Logo"
+              p={2}
+              css={{ borderRadius: '20px', cursor: 'pointer' }}
+            />
+          </Flex>
+        </RebassLink>
+        <Flex mr={[0, 3, 5]}>
+          <Box ml={[2, 3]} fontSize={[2, 3]}>
+            <Button variant="secondary">
+              <RebassLink
+                href="https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/master/examples/index.html"
+                target="_blank"
+                color="inherit"
+                style={{ textDecorationLine: 'inherit' }}
+              >
+                Demo
+              </RebassLink>
+            </Button>
+          </Box>
+        </Flex>
+      </Flex>
+    </StyledHeadroom>
+  );
+};
+
+const StyledHeadroom = styled(Headroom)`
+  * {
+    transition: background-color 0.1s ease;
+  }
+
+  .headroom--pinned {
+    background-color: ${({ theme }) => theme.colors.primary};
+  }
+
+  position: absolute;
+  width: 100%;
+`;
+
+export default PageHeader;

From 8f1396c864c0170c6ce963996777680e220d2bdf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 10:23:30 +0100
Subject: [PATCH 04/10] Introduce PAGE constant

---
 src/pages/404.tsx               | 3 ++-
 src/pages/blog.tsx              | 4 ++--
 src/pages/index.tsx             | 3 ++-
 src/theme/components/Layout.tsx | 5 +++--
 src/theme/utils/constants.ts    | 8 ++++++++
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index a53c6a7b1..65e4cea81 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -20,9 +20,10 @@ import Section from '../theme/components/Section';
 import Triangle from '../theme/components/Triangle';
 import { Link } from 'gatsby';
 import Img from '../images/404.png';
+import { PAGE } from '../theme/utils/constants';
 
 const NotFoundPage = (): JSX.Element => (
-  <Layout title="Page not found">
+  <Layout title={PAGE.notFound}>
     <Section.Container Background={Background}>
       <Box width={[320, 400, 600]} m="auto">
         <Image
diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
index 3a6696d3a..5cd5371e4 100644
--- a/src/pages/blog.tsx
+++ b/src/pages/blog.tsx
@@ -18,7 +18,7 @@ import Layout from '../theme/components/Layout';
 import PageHeader from '../theme/components/PageHeader';
 import Footer from '../theme/components/Footer';
 import Section from '../theme/components/Section';
-import { SECTION } from '../theme/utils/constants';
+import { PAGE, SECTION } from '../theme/utils/constants';
 import { Heading } from 'rebass/styled-components';
 import Triangle from '../theme/components/Triangle';
 import { Fade } from 'react-awesome-reveal';
@@ -30,7 +30,7 @@ import { postsContent } from '../content/PostsContent';
 const BlogPage = (): JSX.Element => {
   const { posts } = postsContent;
   return (
-    <Layout title={SECTION.blog}>
+    <Layout title={PAGE.blog}>
       <PageHeader />
       <Section.Container id={SECTION.blog} Background={Background}>
         <Heading
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3f4be6908..53342fb57 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -22,9 +22,10 @@ import Libraries from '../theme/sections/Libraries';
 import Blog from '../theme/sections/Blog';
 import Footer from '../theme/components/Footer';
 import News from '../theme/sections/News';
+import { PAGE } from '../theme/utils/constants';
 
 const HomePage = (): JSX.Element => (
-  <Layout title="Process Analytics">
+  <Layout title={PAGE.home}>
     <Header />
     <Landing />
     <About />
diff --git a/src/theme/components/Layout.tsx b/src/theme/components/Layout.tsx
index 935addc48..a6684c418 100644
--- a/src/theme/components/Layout.tsx
+++ b/src/theme/components/Layout.tsx
@@ -21,6 +21,7 @@ import { theme } from '../theme';
 import Helmet from './Helmet';
 import 'tippy.js/dist/tippy.css';
 import CookieConsent, { Cookies } from 'react-cookie-consent';
+import { PAGE } from '../utils/constants';
 
 declare module 'styled-components' {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -59,14 +60,14 @@ const GlobalStyle = createGlobalStyle`
 
 type Props = {
   children: ReactNode;
-  title: string;
+  title: PAGE;
 };
 
 const Layout = ({ children, title }: Props): JSX.Element => (
   <main>
     <ThemeProvider theme={theme}>
       <GlobalStyle />
-      <Helmet title={title} />
+      <Helmet title={`Process Analytics - ${title}`} />
       {children}
       {process.env.GATSBY_GA_MEASUREMENT_ID && (
         <CookieConsent
diff --git a/src/theme/utils/constants.ts b/src/theme/utils/constants.ts
index 3a6c54815..2d900f709 100644
--- a/src/theme/utils/constants.ts
+++ b/src/theme/utils/constants.ts
@@ -25,4 +25,12 @@ export enum SECTION {
   blog = 'Blog Posts',
 }
 
+// keys are used by the page header
+// values are used as page title
+export enum PAGE {
+  home = 'Home',
+  notFound = 'Page not found',
+  blog = 'Blog Posts',
+}
+
 export const MEDIA_QUERY_SMALL = '@media (max-width: 400px)';

From 7f7255ad1e55b71a52d63843c7d4fc934f7ab4dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 10:24:00 +0100
Subject: [PATCH 05/10] add pages in the PageHeader

---
 src/theme/components/PageHeader.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/theme/components/PageHeader.tsx b/src/theme/components/PageHeader.tsx
index dd28cf083..8caa344f4 100644
--- a/src/theme/components/PageHeader.tsx
+++ b/src/theme/components/PageHeader.tsx
@@ -24,6 +24,9 @@ import {
 } from 'rebass/styled-components';
 import styled from 'styled-components';
 import { header } from '../../content/HeaderContent';
+import { PAGE, SECTION } from '../utils/constants';
+import Link from './Link';
+import { capitalize } from '../utils/string';
 
 const PageHeader = (): JSX.Element => {
   const { logo } = header;
@@ -49,6 +52,22 @@ const PageHeader = (): JSX.Element => {
           </Flex>
         </RebassLink>
         <Flex mr={[0, 3, 5]}>
+          {Object.keys(PAGE)
+            .filter(id => id !== 'home' && id !== 'notFound')
+            .map(id => (
+              <Box
+                key={id}
+                ml={[2, 3]}
+                mt="auto"
+                mb="auto"
+                color="background"
+                fontSize={[2, 3]}
+              >
+                <Link href={`#${id}`} tabIndex={0}>
+                  {capitalize(id)}
+                </Link>
+              </Box>
+            ))}
           <Box ml={[2, 3]} fontSize={[2, 3]}>
             <Button variant="secondary">
               <RebassLink

From a4494e2b2cdbca1cbaaf6bfc6dd49d44d2f59c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 10:39:26 +0100
Subject: [PATCH 06/10] Refactor Blog page & Blog section

---
 src/pages/blog.tsx          | 55 ++++++++++++++-----------------------
 src/pages/index.tsx         |  2 +-
 src/theme/sections/Blog.tsx | 29 ++++++++++---------
 3 files changed, 38 insertions(+), 48 deletions(-)

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
index 5cd5371e4..50b98f435 100644
--- a/src/pages/blog.tsx
+++ b/src/pages/blog.tsx
@@ -21,40 +21,27 @@ import Section from '../theme/components/Section';
 import { PAGE, SECTION } from '../theme/utils/constants';
 import { Heading } from 'rebass/styled-components';
 import Triangle from '../theme/components/Triangle';
-import { Fade } from 'react-awesome-reveal';
-import { Post } from '../theme/components/Post';
-import { CardContainer } from '../theme/components/Card';
-import { cardMinWidth } from '../theme/sections/Blog';
-import { postsContent } from '../content/PostsContent';
+import { PostContainer } from '../theme/sections/Blog';
 
-const BlogPage = (): JSX.Element => {
-  const { posts } = postsContent;
-  return (
-    <Layout title={PAGE.blog}>
-      <PageHeader />
-      <Section.Container id={SECTION.blog} Background={Background}>
-        <Heading
-          textAlign="center"
-          as="h1"
-          color="primary"
-          fontSize={[6, 8]}
-          mb={[3, 4, 5]}
-          mt={[3, 4, 5]}
-        >
-          {SECTION.blog}
-        </Heading>
-        <CardContainer minWidth={cardMinWidth}>
-          <Fade direction="down" triggerOnce cascade damping={0.5}>
-            {posts.map(p => (
-              <Post {...p} key={p.url} />
-            ))}
-          </Fade>
-        </CardContainer>
-      </Section.Container>
-      <Footer />
-    </Layout>
-  );
-};
+const BlogPage = (): JSX.Element => (
+  <Layout title={PAGE.blog}>
+    <PageHeader />
+    <Section.Container id={SECTION.blog} Background={Background}>
+      <Heading
+        textAlign="center"
+        as="h1"
+        color="primary"
+        fontSize={[6, 8]}
+        mb={[4, 4, 5]}
+        mt={[4, 4, 5]}
+      >
+        {SECTION.blog}
+      </Heading>
+      <PostContainer />
+    </Section.Container>
+    <Footer />
+  </Layout>
+);
 
 export default BlogPage;
 
@@ -74,7 +61,7 @@ const Background = (): JSX.Element => (
 
     <Triangle
       color="primary"
-      height={['5vh', '15vh']}
+      height={['9vh', '15vh']}
       width={['75vw', '60vw']}
       position="top-right"
     />
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 53342fb57..a98265f6d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -19,7 +19,7 @@ import Header from '../theme/components/Header';
 import Landing from '../theme/sections/Landing';
 import About from '../theme/sections/About';
 import Libraries from '../theme/sections/Libraries';
-import Blog from '../theme/sections/Blog';
+import { Blog } from '../theme/sections/Blog';
 import Footer from '../theme/components/Footer';
 import News from '../theme/sections/News';
 import { PAGE } from '../theme/utils/constants';
diff --git a/src/theme/sections/Blog.tsx b/src/theme/sections/Blog.tsx
index b7913041d..0ceac3d07 100644
--- a/src/theme/sections/Blog.tsx
+++ b/src/theme/sections/Blog.tsx
@@ -24,20 +24,23 @@ import { postsContent } from '../../content/PostsContent';
 
 export const cardMinWidth = '350px';
 
-const Blog = (): JSX.Element => {
-  const { posts } = postsContent;
+const Blog = (): JSX.Element => (
+  <Section.Container id={SECTION.blog} Background={Background}>
+    <Section.Header name={SECTION.blog} />
+    <PostContainer />
+  </Section.Container>
+);
 
+const PostContainer = (): JSX.Element => {
+  const { posts } = postsContent;
   return (
-    <Section.Container id={SECTION.blog} Background={Background}>
-      <Section.Header name={SECTION.blog} />
-      <CardContainer minWidth={cardMinWidth}>
-        <Fade direction="down" triggerOnce cascade damping={0.5}>
-          {posts.map(p => (
-            <Post {...p} key={p.url} />
-          ))}
-        </Fade>
-      </CardContainer>
-    </Section.Container>
+    <CardContainer minWidth={cardMinWidth}>
+      <Fade direction="down" triggerOnce cascade damping={0.5}>
+        {posts.map(p => (
+          <Post {...p} key={p.url} />
+        ))}
+      </Fade>
+    </CardContainer>
   );
 };
 
@@ -66,4 +69,4 @@ const Background = (): JSX.Element => (
   </>
 );
 
-export default Blog;
+export { Blog, PostContainer };

From 5d368c26b1de17b03d8eb39592d79d3494f6fe58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 10:41:46 +0100
Subject: [PATCH 07/10] fix lint

---
 src/theme/components/PageHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/components/PageHeader.tsx b/src/theme/components/PageHeader.tsx
index 8caa344f4..df2172ea6 100644
--- a/src/theme/components/PageHeader.tsx
+++ b/src/theme/components/PageHeader.tsx
@@ -24,7 +24,7 @@ import {
 } from 'rebass/styled-components';
 import styled from 'styled-components';
 import { header } from '../../content/HeaderContent';
-import { PAGE, SECTION } from '../utils/constants';
+import { PAGE } from '../utils/constants';
 import Link from './Link';
 import { capitalize } from '../utils/string';
 

From b63b52d7ca4adbf3735cb9571efbfa004426cafb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 10:53:13 +0100
Subject: [PATCH 08/10] Update the margin (5 for mobile, 6 for desktop)

---
 src/pages/blog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx
index 50b98f435..fae6329a4 100644
--- a/src/pages/blog.tsx
+++ b/src/pages/blog.tsx
@@ -32,8 +32,8 @@ const BlogPage = (): JSX.Element => (
         as="h1"
         color="primary"
         fontSize={[6, 8]}
-        mb={[4, 4, 5]}
-        mt={[4, 4, 5]}
+        mb={[5, 5, 6]}
+        mt={[5, 5, 6]}
       >
         {SECTION.blog}
       </Heading>

From d8dfdea58fb6ac32c1d2bf99f96034c45162ac04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 12:21:28 +0100
Subject: [PATCH 09/10] Fix links in the page header

---
 src/theme/components/PageHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/theme/components/PageHeader.tsx b/src/theme/components/PageHeader.tsx
index df2172ea6..096283c53 100644
--- a/src/theme/components/PageHeader.tsx
+++ b/src/theme/components/PageHeader.tsx
@@ -63,7 +63,7 @@ const PageHeader = (): JSX.Element => {
                 color="background"
                 fontSize={[2, 3]}
               >
-                <Link href={`#${id}`} tabIndex={0}>
+                <Link href={`/${id}`} tabIndex={0}>
                   {capitalize(id)}
                 </Link>
               </Box>

From eb36b7ea8a0ff8c2a42bddeb19cf8d98d4b6c63e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souchet=20C=C3=A9line?= <celine.souchet@bonitasoft.com>
Date: Wed, 17 Nov 2021 12:28:29 +0100
Subject: [PATCH 10/10] Update page titles

---
 src/theme/components/Layout.tsx | 2 +-
 src/theme/utils/constants.ts    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/theme/components/Layout.tsx b/src/theme/components/Layout.tsx
index a6684c418..6cacaa0d6 100644
--- a/src/theme/components/Layout.tsx
+++ b/src/theme/components/Layout.tsx
@@ -67,7 +67,7 @@ const Layout = ({ children, title }: Props): JSX.Element => (
   <main>
     <ThemeProvider theme={theme}>
       <GlobalStyle />
-      <Helmet title={`Process Analytics - ${title}`} />
+      <Helmet title={title} />
       {children}
       {process.env.GATSBY_GA_MEASUREMENT_ID && (
         <CookieConsent
diff --git a/src/theme/utils/constants.ts b/src/theme/utils/constants.ts
index 2d900f709..1512869e5 100644
--- a/src/theme/utils/constants.ts
+++ b/src/theme/utils/constants.ts
@@ -28,9 +28,9 @@ export enum SECTION {
 // keys are used by the page header
 // values are used as page title
 export enum PAGE {
-  home = 'Home',
-  notFound = 'Page not found',
-  blog = 'Blog Posts',
+  home = 'Process Analytics',
+  notFound = 'Page not found - Process Analytics',
+  blog = 'Blog Posts - Process Analytics',
 }
 
 export const MEDIA_QUERY_SMALL = '@media (max-width: 400px)';
