1st proposal for a description in the 'blog posts' page

Author: tbouffard

src/pages/blog.tsx

@@ -19,9 +19,13 @@ import PageHeader from '../theme/components/PageHeader';
 import Footer from '../theme/components/Footer';
 import Section from '../theme/components/Section';
 import { PAGE, SECTION } from '../theme/utils/constants';
-import { Heading } from 'rebass/styled-components';
+import { Heading, Text } from 'rebass/styled-components';
 import Triangle from '../theme/components/Triangle';
 import { PostContainer } from '../theme/sections/Blog';
+// import { Fade } from 'react-awesome-reveal';
+
+// TODO duplicated from Landing.tsx
+const centerHorizontally = { marginRight: 'auto', marginLeft: 'auto' };
 
 const BlogPage = (): JSX.Element => (
   <Layout title={PAGE.blog}>
@@ -37,6 +41,23 @@ const BlogPage = (): JSX.Element => (
       >
         {SECTION.blog}
       </Heading>
+      {/*TODO manage responsiveness (3 media instead of just 2)*/}
+      <Heading
+        as="h2"
+        color="primary"
+        fontSize={[2, 4]}
+        mb={[3, 5]}
+        textAlign="center"
+        style={centerHorizontally}
+      >
+        <Text width={[300, 700]} key="presentation">
+          {/*TODO move to content */}
+          Here you will find all the blog posts written about the Process
+          Analytics project. They are about how to use the libraries and tools
+          developed by the project, how we use some tools or external technical
+          components, ...
+        </Text>
+      </Heading>
       <PostContainer />
     </Section.Container>
     <Footer />