Commit wip

packages/web/pages/pathsandplaybooks.tsx

@@ -0,0 +1,60 @@
+import { Box, Center, Link, Text, VStack } from '@metafam/ds';
+import { PageContainer } from 'components/Container';
+import { HeadComponent } from 'components/Seo';
+import { QuestStatus_Enum } from 'graphql/autogen/types';
+import { getQuests } from 'graphql/getQuests';
+import { InferGetStaticPropsType } from 'next';
+import React from 'react';
+
+type Props = InferGetStaticPropsType<typeof getStaticProps>;
+
+export const getStaticProps = async () => ({
+  props: {
+    quests: await getQuests({status: QuestStatus_Enum.Open}),
+    // playbooks: await getPlaybooks()
+  },
+  revalidate: 1,
+});
+
+const PathsAndPlaybooksPage: React.FC<Props> = ({ quests }) => {
+  console.log({quests});
+
+  return (
+    <PageContainer>
+      <HeadComponent
+        title="Paths & Playbooks"
+        description="MetaGame is a Massive Online Coordination Game! Guilds participating in MetaGame…"
+        url="https://metagame.wtf/guilds"
+      />
+
+      {/* VStack is used to make a consistent gap between the Join CTA and the Guilds list */}
+      <VStack maxW="7xl" w="100%" spacing={{ base: 6, md: 8 }} pb={8}>
+        <Center
+          fontSize={{ base: 'sm', md: 'md' }}
+          fontWeight={{ base: '400', md: '700' }}
+          marginTop={{ base: 3, sm: 0 }}
+          w="100%"
+          maxW="4xl"
+        >
+          <Text as="p" textAlign="center">
+            Paths and playbooks.
+          </Text>
+        </Center>
+
+        <Box>
+          {/* {quests && quests.length > 0 && (
+
+            quests.map((quest) => {
+              return (
+              <Box>{quest.title}</Box>
+              )
+
+          })
+        )} */}
+        </Box>
+      </VStack>
+    </PageContainer>
+  );
+}
+
+export default PathsAndPlaybooksPage;

packages/web/utils/menuLinks.ts

@@ -43,31 +43,36 @@ export const MenuSectionLinks: MenuLinkSet[] = [
     type: 'internal-link',
     url: '/community',
   },
+  // {
+  //   label: 'learn',
+  //   type: 'menu',
+  //   menuItems: [
+  //     {
+  //       title: 'Roles',
+  //       explainerText:
+  //         'Find about all roles in MetaGame, see which ones are open & how to play them',
+  //       // url: 'https://meta-game.notion.site/Internal-Roles-Guilds-bec3a0437f684322b650dbb7aca616e8',
+  //       url: '/roles',
+  //       icon: 'roles',
+  //     },
+  //     {
+  //       title: 'Playbooks',
+  //       explainerText: descriptions.playbooks,
+  //       url: '/learn/playbooks',
+  //       icon: 'playbooks',
+  //     },
+  //     {
+  //       title: 'The Great Houses',
+  //       explainerText: descriptions.thegreathouses,
+  //       url: '/learn/thegreathouses',
+  //       icon: 'thegreathouses',
+  //     },
+  //   ],
+  // },
   {
-    label: 'learn',
-    type: 'menu',
-    menuItems: [
-      {
-        title: 'Roles',
-        explainerText:
-          'Find about all roles in MetaGame, see which ones are open & how to play them',
-        // url: 'https://meta-game.notion.site/Internal-Roles-Guilds-bec3a0437f684322b650dbb7aca616e8',
-        url: '/roles',
-        icon: 'roles',
-      },
-      {
-        title: 'Playbooks',
-        explainerText: descriptions.playbooks,
-        url: '/learn/playbooks',
-        icon: 'playbooks',
-      },
-      {
-        title: 'The Great Houses',
-        explainerText: descriptions.thegreathouses,
-        url: '/learn/thegreathouses',
-        icon: 'thegreathouses',
-      },
-    ],
+    label: 'paths & playbooks',
+    type: 'internal-link',
+    url: '/paths-and-playbooks'
   },
   {
     label: 'quests',