📄 Add Commercial License for ee folder (#1532)

ee/apps/landing-page/components/common/Header/MobileMenu.tsx

@@ -0,0 +1,59 @@
+import { Collapse, Stack, Button, Text } from '@chakra-ui/react'
+import Link from 'next/link'
+import { links } from './_data'
+
+type Props = { isOpen: boolean }
+
+export const MobileMenu = ({ isOpen }: Props) => (
+  <Collapse in={isOpen}>
+    <Stack
+      pos="absolute"
+      insetX={0}
+      bgGradient="linear(to-b, gray.900, gray.800)"
+      px="6"
+      py="10"
+      spacing={4}
+    >
+      <Button
+        as={Link}
+        href="https://app.typebot.io/signin"
+        colorScheme="blue"
+        variant="outline"
+        fontWeight={700}
+      >
+        Sign in
+      </Button>
+      <Button
+        as={Link}
+        href="https://app.typebot.io/register"
+        colorScheme="orange"
+        fontWeight={700}
+      >
+        Create a typebot
+      </Button>
+      <Button
+        as={Link}
+        href="/pricing"
+        variant="outline"
+        colorScheme="gray"
+        fontWeight={700}
+      >
+        Pricing
+      </Button>
+      <Text fontWeight="700">Resources:</Text>
+      {links[0].children?.map((link, idx) => (
+        <Button
+          as={Link}
+          href={link.href}
+          key={idx}
+          variant="outline"
+          colorScheme="gray"
+          fontWeight={700}
+          py="6"
+        >
+          {link.label}
+        </Button>
+      ))}
+    </Stack>
+  </Collapse>
+)