refactor(components): replace PageLayout template with Page

* split pages in smaller components (it is both easier to maintain and
more readable, we avoid the use of fragments in pages directory)
* extract breadcrumbs from article tag (the navigation is not related
to the page contents)
* remove useReadingTime hook
* remove layout options except `isHome`

1 files changed, 41 insertions, 0 deletions

diff --git a/src/components/templates/page/page-footer.stories.tsx b/src/components/templates/page/page-footer.stories.tsx
new file mode 100644
index 0000000..aee8979
--- /dev/null
+++ b/src/components/templates/page/page-footer.stories.tsx
@@ -0,0 +1,41 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Page } from './page';
+import { PageFooter } from './page-footer';
+
+/**
+ * PageFooter - Storybook Meta
+ */
+export default {
+  title: 'Templates/Page/Footer',
+  component: PageFooter,
+  argTypes: {
+    readMoreAbout: {
+      control: {
+        type: null,
+      },
+      description: 'An array of page links.',
+      type: {
+        name: 'object',
+        required: true,
+        value: {},
+      },
+    },
+  },
+} as ComponentMeta<typeof PageFooter>;
+
+const Template: ComponentStory<typeof PageFooter> = (args) => (
+  <Page>
+    <PageFooter {...args} />
+  </Page>
+);
+
+/**
+ * PageFooter Stories - Footer
+ */
+export const Footer = Template.bind({});
+Footer.args = {
+  readMoreAbout: [
+    { id: 1, name: 'Topic 1', url: '#topic1' },
+    { id: 2, name: 'Topic 2', url: '#topic2' },
+  ],
+};