📝 (lp) Add oss friends page
This commit is contained in:
Baptiste Arnaud
@ -62,6 +62,7 @@ export const Footer = () => {
|
||||
<TextLink href={typebotLinkedInUrl} isExternal>
|
||||
LinkedIn
|
||||
</TextLink>
|
||||
<TextLink href="/oss-friends">OSS Friends</TextLink>
|
||||
</Stack>
|
||||
<Stack align={'flex-start'}>
|
||||
<ListHeader>Company</ListHeader>
|
||||
|
||||
@ -3,7 +3,13 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
|
||||
enabled: process.env.ANALYZE === 'true',
|
||||
})
|
||||
|
||||
const pages = ['pricing', 'privacy-policies', 'terms-of-service', 'about']
|
||||
const pages = [
|
||||
'pricing',
|
||||
'privacy-policies',
|
||||
'terms-of-service',
|
||||
'about',
|
||||
'oss-friends',
|
||||
]
|
||||
|
||||
module.exports = withBundleAnalyzer({
|
||||
transpilePackages: ['utils', 'models'],
|
||||
|
||||
169
apps/landing-page/pages/oss-friends.tsx
Normal file
169
apps/landing-page/pages/oss-friends.tsx
Normal file
@ -0,0 +1,169 @@
|
||||
import {
|
||||
Button,
|
||||
DarkMode,
|
||||
Flex,
|
||||
Heading,
|
||||
Stack,
|
||||
VStack,
|
||||
Text,
|
||||
SimpleGrid,
|
||||
} from '@chakra-ui/react'
|
||||
import { BackgroundPolygons } from 'components/Homepage/Hero/BackgroundPolygons'
|
||||
import { Footer } from 'components/common/Footer'
|
||||
import { Header } from 'components/common/Header/Header'
|
||||
import { SocialMetaTags } from 'components/common/SocialMetaTags'
|
||||
import Link from 'next/link'
|
||||
|
||||
const OSSFriends = [
|
||||
{
|
||||
name: 'Cal.com',
|
||||
description:
|
||||
'Cal.com is a scheduling tool that helps you schedule meetings without the back-and-forth emails.',
|
||||
href: 'https://cal.com',
|
||||
},
|
||||
{
|
||||
name: 'Crowd.dev',
|
||||
description:
|
||||
'Centralize community, product, and customer data to understand which companies are engaging with your open source project.',
|
||||
href: 'https://www.crowd.dev',
|
||||
},
|
||||
{
|
||||
name: 'Documenso',
|
||||
description:
|
||||
'The Open-Source DocuSign Alternative. We aim to earn your trust by enabling you to self-host the platform and examine its inner workings.',
|
||||
href: 'https://documenso.com',
|
||||
},
|
||||
{
|
||||
name: 'Erxes',
|
||||
description:
|
||||
'The Open-Source HubSpot Alternative. A single XOS enables to create unique and life-changing experiences that work for all types of business.',
|
||||
href: 'https://erxes.io',
|
||||
},
|
||||
{
|
||||
name: 'Formbricks',
|
||||
description:
|
||||
'Survey granular user segments at any point in the user journey. Gather up to 6x more insights with targeted micro-surveys. All open-source.',
|
||||
href: 'https://formbricks.com',
|
||||
},
|
||||
{
|
||||
name: 'Forward Email',
|
||||
description:
|
||||
'Free email forwarding for custom domains. For 6 years and counting, we are the go-to email service for thousands of creators, developers, and businesses.',
|
||||
href: 'https://forwardemail.net',
|
||||
},
|
||||
{
|
||||
name: 'GitWonk',
|
||||
description:
|
||||
'GitWonk is an open-source technical documentation tool, designed and built focusing on the developer experience.',
|
||||
href: 'https://gitwonk.com',
|
||||
},
|
||||
{
|
||||
name: 'HTMX',
|
||||
description:
|
||||
'HTMX is a dependency-free JavaScript library that allows you to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML.',
|
||||
href: 'https://htmx.org',
|
||||
},
|
||||
{
|
||||
name: 'Infisical',
|
||||
description:
|
||||
'Open source, end-to-end encrypted platform that lets you securely manage secrets and configs across your team, devices, and infrastructure.',
|
||||
href: 'https://infisical.com',
|
||||
},
|
||||
{
|
||||
name: 'Novu',
|
||||
description:
|
||||
'The open-source notification infrastructure for developers. Simple components and APIs for managing all communication channels in one place.',
|
||||
href: 'https://novu.co',
|
||||
},
|
||||
{
|
||||
name: 'OpenBB',
|
||||
description:
|
||||
"The most innovative investment research platform. Open to anyone's input. Open to everyone's work.",
|
||||
href: 'https://openbb.co',
|
||||
},
|
||||
{
|
||||
name: 'Sniffnet',
|
||||
description:
|
||||
'Sniffnet is a network monitoring tool to help you easily keep track of your Internet traffic.',
|
||||
href: 'https://www.sniffnet.net',
|
||||
},
|
||||
{
|
||||
name: 'Webiny',
|
||||
description:
|
||||
'Open-source enterprise-grade serverless CMS. Own your data. Scale effortlessly. Customize everything.',
|
||||
href: 'https://www.webiny.com',
|
||||
},
|
||||
]
|
||||
|
||||
export default function OSSFriendsPage() {
|
||||
return (
|
||||
<Stack overflowX="hidden" bgColor="gray.900">
|
||||
<Flex
|
||||
pos="relative"
|
||||
flexDir="column"
|
||||
minHeight="100vh"
|
||||
alignItems="center"
|
||||
bgGradient="linear(to-b, gray.900, gray.800)"
|
||||
pb={40}
|
||||
>
|
||||
<SocialMetaTags currentUrl={`https://www.typebot.io/oss-friends`} />
|
||||
<BackgroundPolygons />
|
||||
<DarkMode>
|
||||
<Header />
|
||||
</DarkMode>
|
||||
<VStack spacing={12}>
|
||||
<Stack pt="20" px="2" spacing="4">
|
||||
<Heading fontSize={{ base: '4xl', xl: '6xl' }} textAlign="center">
|
||||
Our{' '}
|
||||
<Text as="span" color="blue.200" fontWeight="bold">
|
||||
Open-source
|
||||
</Text>{' '}
|
||||
Friends
|
||||
</Heading>
|
||||
<Text
|
||||
maxW="900px"
|
||||
textAlign="center"
|
||||
fontSize={{ base: 'lg', xl: 'xl' }}
|
||||
>
|
||||
We love open-source and we are proud to support these amazing
|
||||
projects. 💙
|
||||
</Text>
|
||||
</Stack>
|
||||
|
||||
<SimpleGrid columns={[1, 2, 3]} spacing="6" maxW="1200px">
|
||||
{OSSFriends.map((friend, index) => (
|
||||
<Stack
|
||||
key={index}
|
||||
p="6"
|
||||
rounded="lg"
|
||||
bgColor="gray.800"
|
||||
color="white"
|
||||
shadow="lg"
|
||||
spacing="4"
|
||||
data-aos="fade"
|
||||
justifyContent="space-between"
|
||||
>
|
||||
<Stack spacing={4}>
|
||||
<Heading fontSize="2xl">{friend.name}</Heading>
|
||||
<Text>{friend.description}</Text>
|
||||
</Stack>
|
||||
|
||||
<Flex>
|
||||
<Button
|
||||
as={Link}
|
||||
target="_blank"
|
||||
href={friend.href}
|
||||
variant="outline"
|
||||
>
|
||||
Learn more
|
||||
</Button>
|
||||
</Flex>
|
||||
</Stack>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</VStack>
|
||||
</Flex>
|
||||
<Footer />
|
||||
</Stack>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user