📄 Add Commercial License for ee folder (#1532)

ee/apps/landing-page/components/common/Footer.tsx

@@ -0,0 +1,92 @@
+'use client'
+
+import React, { ReactNode } from 'react'
+
+import {
+  Box,
+  Container,
+  Heading,
+  HStack,
+  SimpleGrid,
+  Stack,
+  Text,
+} from '@chakra-ui/react'
+import { Logo } from 'assets/icons/Logo'
+import { TextLink } from './TextLink'
+
+const discordServerUrl = 'https://typebot.io/discord'
+const typebotLinkedInUrl = 'https://www.linkedin.com/company/typebot'
+const typebotTwitterUrl = 'https://twitter.com/Typebot_io'
+const baptisteTwitterUrl = 'https://twitter.com/baptisteArno'
+const statusPageUrl = 'https://status.typebot.io'
+export const contactUrl = 'https://bot.typebot.io/landing-page-bubble-en'
+export const roadmapLink = 'https://app.typebot.io/feedback'
+export const documentationLink = 'https://docs.typebot.io'
+export const githubRepoLink = 'https://github.com/baptisteArno/typebot.io'
+
+export const Footer = () => {
+  return (
+    <Box w="full">
+      <Container as={Stack} maxW={'1000px'} py={10}>
+        <SimpleGrid columns={[1, 2, 4]} spacing={8} px={2}>
+          <Stack spacing={6}>
+            <HStack>
+              <Logo boxSize="30px" />
+              <Heading as="p" fontSize="lg">
+                Typebot
+              </Heading>
+            </HStack>
+            <Text>
+              Made with ❤️ by{' '}
+              <TextLink href={baptisteTwitterUrl}>@baptisteArno</TextLink>
+            </Text>
+          </Stack>
+          <Stack align={'flex-start'}>
+            <ListHeader>Product</ListHeader>
+            <TextLink href={statusPageUrl} isExternal>
+              Status
+            </TextLink>
+            <TextLink href={documentationLink} isExternal>
+              Documentation
+            </TextLink>
+            <TextLink href={roadmapLink} isExternal>
+              Roadmap
+            </TextLink>
+            <TextLink href={'/pricing'}>Pricing</TextLink>
+          </Stack>
+          <Stack align={'flex-start'}>
+            <ListHeader>Community</ListHeader>
+            <TextLink href={discordServerUrl} isExternal>
+              Discord
+            </TextLink>
+            <TextLink href={githubRepoLink} isExternal>
+              GitHub repository
+            </TextLink>
+            <TextLink href={typebotTwitterUrl} isExternal>
+              Twitter
+            </TextLink>
+            <TextLink href={typebotLinkedInUrl} isExternal>
+              LinkedIn
+            </TextLink>
+            <TextLink href="/oss-friends">OSS Friends</TextLink>
+          </Stack>
+          <Stack align={'flex-start'}>
+            <ListHeader>Company</ListHeader>
+            <TextLink href="/about">About</TextLink>
+            <TextLink href="mailto:support@typebot.io">Contact</TextLink>
+            <TextLink href={'/terms-of-service'}>Terms of Service</TextLink>
+            <TextLink href={'/privacy-policies'}>Privacy Policy</TextLink>
+          </Stack>
+        </SimpleGrid>
+      </Container>
+    </Box>
+  )
+}
+
+const ListHeader = ({ children }: { children: ReactNode }) => {
+  return (
+    <Heading fontWeight={'500'} fontSize={'lg'} mb={2}>
+      {children}
+    </Heading>
+  )
+}