1 files changed, 40 insertions, 62 deletions
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 6ed6eda..0de5523 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -10,13 +10,14 @@ import {
   Heading,
   LinksWidget,
   Notice,
-  PageLayout,
   PostsList,
   Pagination,
   type RenderPaginationLink,
   type RenderPaginationItemAriaLabel,
-  MetaList,
-  MetaItem,
+  Page,
+  PageHeader,
+  PageBody,
+  PageSidebar,
 } from '../../components';
 import {
   getArticles,
@@ -191,7 +192,7 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
   });
 
   return (
-    <>
+    <Page breadcrumbs={breadcrumbItems} isBodyLastChild>
       <Head>
         <title>{page.title}</title>
         {/*eslint-disable-next-line react/jsx-no-literals -- Name allowed */}
@@ -209,60 +210,14 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
         // eslint-disable-next-line react/no-danger -- Necessary for schema
         dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }}
       />
-      <PageLayout
-        title={title}
-        breadcrumb={breadcrumbItems}
-        breadcrumbSchema={breadcrumbSchema}
-        headerMeta={
-          <MetaList>
-            <MetaItem
-              isInline
-              label={intl.formatMessage({
-                defaultMessage: 'Total:',
-                description: 'Page: total label',
-                id: 'kNBXyK',
-              })}
-              value={intl.formatMessage(
-                {
-                  defaultMessage:
-                    '{postsCount, plural, =0 {No articles} one {# article} other {# articles}}',
-                  description: 'Page: posts count meta',
-                  id: 'RvGb2c',
-                },
-                { postsCount: totalArticles }
-              )}
-            />
-          </MetaList>
-        }
-        widgets={[
-          <LinksWidget
-            heading={
-              <Heading isFake level={3}>
-                {thematicsListTitle}
-              </Heading>
-            }
-            items={getLinksItemData(
-              thematicsList.map((thematic) =>
-                getPageLinkFromRawData(thematic, 'thematic')
-              )
-            )}
-            // eslint-disable-next-line react/jsx-no-literals -- Key allowed
-            key="thematics-list"
-          />,
-          <LinksWidget
-            heading={
-              <Heading isFake level={3}>
-                {topicsListTitle}
-              </Heading>
-            }
-            items={getLinksItemData(
-              topicsList.map((topic) => getPageLinkFromRawData(topic, 'topic'))
-            )}
-            // eslint-disable-next-line react/jsx-no-literals -- Key allowed
-            key="topics-list"
-          />,
-        ]}
-      >
+      <Script
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
+        // eslint-disable-next-line react/jsx-no-literals -- Id allowed
+        id="schema-breadcrumb"
+        type="application/ld+json"
+      />
+      <PageHeader heading={title} meta={{ total: totalArticles }} />
+      <PageBody className={styles.body}>
         {posts ? (
           <PostsList
             className={styles.list}
@@ -297,13 +252,36 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
             })}
           </Notice>
         ) : null}
-      </PageLayout>
-    </>
+      </PageBody>
+      <PageSidebar>
+        <LinksWidget
+          heading={
+            <Heading isFake level={3}>
+              {thematicsListTitle}
+            </Heading>
+          }
+          items={getLinksItemData(
+            thematicsList.map((thematic) =>
+              getPageLinkFromRawData(thematic, 'thematic')
+            )
+          )}
+        />
+        <LinksWidget
+          heading={
+            <Heading isFake level={3}>
+              {topicsListTitle}
+            </Heading>
+          }
+          items={getLinksItemData(
+            topicsList.map((topic) => getPageLinkFromRawData(topic, 'topic'))
+          )}
+        />
+      </PageSidebar>
+    </Page>
   );
 };
 
-BlogPage.getLayout = (page) =>
-  getLayout(page, { useGrid: true, withExtraPadding: true });
+BlogPage.getLayout = (page) => getLayout(page);
 
 export const getStaticProps: GetStaticProps<BlogPageProps> = async ({
   locale,