70 lines
1.5 KiB
TypeScript
70 lines
1.5 KiB
TypeScript
'use client'
|
|
|
|
import {
|
|
Heading,
|
|
Button,
|
|
Text,
|
|
Flex,
|
|
VStack,
|
|
StackProps,
|
|
} from '@chakra-ui/react'
|
|
import Link from 'next/link'
|
|
import React from 'react'
|
|
import { BackgroundPolygons } from './Hero/BackgroundPolygons'
|
|
|
|
type Props = {
|
|
heading?: string
|
|
polygonsBaseTop?: string
|
|
} & StackProps
|
|
|
|
export const EndCta = ({ heading, polygonsBaseTop, ...props }: Props) => {
|
|
return (
|
|
<VStack
|
|
as="section"
|
|
py={32}
|
|
pos="relative"
|
|
bgGradient="linear(to-b, gray.900, gray.800)"
|
|
height="100vh"
|
|
justifyContent="center"
|
|
{...props}
|
|
>
|
|
<BackgroundPolygons baseTop={polygonsBaseTop} />
|
|
<VStack
|
|
spacing="6"
|
|
maxW="3xl"
|
|
mx="auto"
|
|
px={{ base: '6', lg: '8' }}
|
|
py={{ base: '16', sm: '20' }}
|
|
textAlign="center"
|
|
>
|
|
{heading ? (
|
|
<Heading
|
|
fontWeight="extrabold"
|
|
letterSpacing="tight"
|
|
data-aos="fade-up"
|
|
>
|
|
{heading}
|
|
</Heading>
|
|
) : null}
|
|
<Flex>
|
|
<Button
|
|
as={Link}
|
|
href="https://app.typebot.io/register"
|
|
size="lg"
|
|
colorScheme="orange"
|
|
height="4rem"
|
|
data-aos="fade-up"
|
|
data-aos-delay="300"
|
|
>
|
|
Create a BLS bot
|
|
</Button>
|
|
</Flex>
|
|
|
|
<Text color="gray.400" data-aos="fade-up" data-aos-delay="400">
|
|
No trial. Generous <strong>free</strong> plan.
|
|
</Text>
|
|
</VStack>
|
|
</VStack>
|
|
)
|
|
}
|