docs(lp): 📝 Add about page

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

@@ -81,6 +81,9 @@ export const Footer = () => {
           </Stack>
           <Stack align={'flex-start'}>
             <ListHeader>Company</ListHeader>
+            <NextChakraLink href="/about" color="gray.400">
+              About
+            </NextChakraLink>
             <NextChakraLink href="mailto:baptiste@typebot.io" color="gray.400">
               Contact
             </NextChakraLink>

apps/landing-page/next.config.js

@@ -3,7 +3,7 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 })
 
-const pages = ['pricing', 'privacy-policies', 'terms-of-service']
+const pages = ['pricing', 'privacy-policies', 'terms-of-service', 'about']
 
 module.exports = withBundleAnalyzer({
   async redirects() {

apps/landing-page/pages/about.tsx

@@ -0,0 +1,84 @@
+import { Box, Flex, Heading } from '@chakra-ui/layout'
+import { Stack, Text } from '@chakra-ui/react'
+import { Header } from 'components/common/Header/Header'
+import { SocialMetaTags } from 'components/common/SocialMetaTags'
+import React from 'react'
+import selfie from '../public/images/about/selfie.png'
+import Image from 'next/image'
+import { Footer } from 'components/common/Footer'
+import { NextChakraLink } from 'components/common/nextChakraAdapters/NextChakraLink'
+
+const AboutPage = () => {
+  return (
+    <div className="flex flex-col items-center w-full overflow-x-hidden ">
+      <Header />
+      <SocialMetaTags currentUrl={`https://www.typebot.io/about`} />
+      <Stack
+        spacing={10}
+        mx="auto"
+        maxW="3xl"
+        my="20"
+        fontSize="17px"
+        textAlign="justify"
+      >
+        <Flex w="full">
+          <Heading as="h1">Typebot's story</Heading>
+        </Flex>
+
+        <Text>
+          Typebot's team is composed of only me, Baptiste Arnaud, a Software
+          Engineer based in France.
+        </Text>
+        <Flex w="full" justify="center">
+          <Box as="figure" maxW="200px">
+            <Image src={selfie} alt="selfie" />
+          </Box>
+        </Flex>
+
+        <Text>
+          I'm passionate about great product UX and, during the first COVID
+          lockdown, I decided to create my own Typeform alternative.
+        </Text>
+
+        <Text>
+          Typebot was launched in July 2020. It is completely independent,
+          self-funded, and bootstrapped. At the current stage, I'm not
+          interested in raising funds or taking investments.
+        </Text>
+        <Text>
+          Because I love open-source SaaS, I decided in early 2021, alongside
+          the launch of a major 2.0 release, to open-source the project
+          entirely. Anyone can now read the source code and contribute to the
+          project. You can also self-host your own version of Typebot on your
+          server.
+        </Text>
+        <Text>
+          With Typebot, I want to create the best bot-building experience. My
+          goal is to empower you as a user and help you build great user
+          experiences. Also, privacy comes first. While using Typebot, you
+          aren't tracked by some third-party analytics tool.
+        </Text>
+        <Text>
+          I'm working hard on making a living from Typebot with a simple
+          business model: <br />
+          <br /> You can use the tool for free but your forms will contain a
+          "Made with Typebot" small badge that potentially gets people to know
+          about the product. If you want to remove it and also have access to
+          other advanced features, you have to subscribe for $30 per month.
+        </Text>
+        <Text>
+          If you have any questions, feel free to reach out to me at{' '}
+          <NextChakraLink
+            href={'mailto:baptiste@typebot.io'}
+            textDecor="underline"
+          >
+            baptiste@typebot.io
+          </NextChakraLink>
+        </Text>
+      </Stack>
+      <Footer />
+    </div>
+  )
+}
+
+export default AboutPage