Menus, globals, vendor page

frontend/pages/[slug]/index.js

@@ -1,3 +1,5 @@
+import { Box, Button, Heading, Image, List, ListIcon, ListItem, SimpleGrid, Text } from '@chakra-ui/react'
+
 export const getStaticPaths = async () => {
   const url = new URL(`${process.env.NEXT_PUBLIC_DIRECTUS_API_URL}/items/pages`)
   url.searchParams.append('fields[]', 'slug')
@@ -29,9 +31,9 @@ export const getStaticProps = async ({ params: { slug } }) => {
 
 export default function Page(page) {
   return (
-    <div>
-      <h1>{page.title}</h1>
+    <Box>
+      <Heading>{page.title}</Heading>
       <div dangerouslySetInnerHTML={{ __html: page.content }}></div>
-    </div>
+    </Box>
   )
 }