import { Box, Button, Heading, Text } from '@chakra-ui/react'
import * as React from 'react'

export const CTA = () => (
    <Box as="section">
        <Box
            maxW="2xl"
            mx="auto"
            px={{ base: '6', lg: '8' }}
            py={{ base: '16', sm: '20' }}
            textAlign="center"
        >
            <Heading as="h2" size="3xl" fontWeight="extrabold" letterSpacing="tight">
                Convinced?
            </Heading>
            <Text mt="4" fontSize="lg">
                Start using Cath.exe in your servers now
            </Text>
            <Button mt="8" as="a" href="#" size="lg" colorScheme="teal" fontWeight="bold">
                Start For Free
            </Button>
        </Box>
    </Box>
)