Add roadmap page

components/page-header.tsx

@@ -1,12 +1,14 @@
 import { Box, Container, Heading, Text } from '@chakra-ui/react';
+import React from 'react';
 
 type PageHeaderProps = {
   title: string;
   subtitle: string;
+  children?: React.ReactNode;
 };
 
 export function PageHeader(props: PageHeaderProps) {
-  const { title, subtitle } = props;
+  const { title, subtitle, children } = props;
 
   return (
     <Box pt='45px' pb='30px' borderBottomWidth={1} mb='30px'>
@@ -14,6 +16,12 @@ export function PageHeader(props: PageHeaderProps) {
         <Heading as='h1' color='black' fontSize='35px' fontWeight={700} mb='5px'>{title}</Heading>
         <Text fontSize='15px'>{subtitle}</Text>
       </Container>
+
+      {children && (
+        <Container maxW='container.md'>
+          {children}
+        </Container>
+      )}
     </Box>
   );
 }