pricing
<Flexw="full"bg="#edf3f8"_dark={{bg: "#3e3e3e",}}p={50}alignItems="center"justifyContent="center"><BoxmaxW="7xl"px={4}mx="auto"textAlign={{base: "left",md: "center",}}bg="white"_dark={{bg: "gray.800",}}rounded="md"shadow="base"><Boxpx={[0, , 4]}py={20}borderWidth="1"color="gray.100"_dark={{color: "gray.700",}}><Box w={["full", , "60%"]} mx="auto"><Textmb={2}fontSize="5xl"fontWeight={["bold", , "extrabold"]}lineHeight="tight">$9<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}per month</chakra.span></Text><chakra.pmb={6}fontSize={["lg", , "xl"]}color="gray.600"_dark={{color: "gray.400",}}>One plan for any organization—from startups to Fortune 500s. We offer50% off of for all students and universities. Please get in touch withus and provide proof of your status. We’ll get back to you with adiscount.</chakra.p><Stackdisplay={["block", , "flex"]}spacing={2}justifyContent="center"direction={["column", , "row"]}><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "white",}}bg="brand.600"_dark={{bg: "brand.500",}}_hover={{bg: "brand.700",_dark: {bg: "brand.600",},}}>Get started</Link><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"color="brand.600"bg="white"_hover={{bg: "brand.50",}}>Contact Us</Link></Stack></Box></Box></Box></Flex>;
() => {const topBg = useColorModeValue("gray.100", "gray.700");const bottomBg = useColorModeValue("white", "gray.800");const Feature = (props) => {return (<Flex align="center"><Flex shrink={0}><IconboxSize={5}mt={1}mr={2}color="brand.500"_dark={{color: "brand.300",}}viewBox="0 0 20 20"fill="currentColor"><pathfillRule="evenodd"d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"clipRule="evenodd"></path></Icon></Flex><Box ml={4}><chakra.spanmt={2}color="gray.500"_dark={{color: "gray.400",}}>{props.children}</chakra.span></Box></Flex>);};return (<FlexboxSize="full"bg="#F9FAFB"_dark={{bg: "gray.600",}}p={10}alignItems="center"justifyContent="center"><Boxmx="auto"textAlign={{base: "left",md: "center",}}rounded="md"shadow="base"w="full"bg={bottomBg}><Box pt={20} rounded="md" bg={topBg}><Box w="full" px={[10, , 4]} mx="auto"><Textmb={2}fontSize="5xl"fontWeight="bold"lineHeight="tight"bgGradient="linear(to-r, brand.300, brand.600)"bgClip="text">Simple transparent pricing</Text><chakra.pmb={6}fontSize={["lg", , "xl"]}color="gray.600"_dark={{color: "gray.400",}}>If you're not satisfied, contact us and we'll refund you withinthe first 20 days.</chakra.p></Box><Box bgGradient={`linear(to-b, ${topBg} 50%, ${bottomBg} 50%)`}><Flexrounded="md"mx={10}bg={bottomBg}shadow="xl"mb="100px"textAlign="left"direction={{base: "column",lg: "row",}}><Stack spacing={8} p="45px" flex="0.7"><Text fontSize="3xl" fontWeight="bold" lineHeight="tight">Lifetime Membership</Text><chakra.pfontSize={["sm", , "md"]}color="gray.600"_dark={{color: "gray.400",}}>One plan for any organization—from startups to Fortune 500s.We offer 50% off of for all students and universities. Pleaseget in touch with us and provide proof of your status.</chakra.p><Flex align="center"><TextfontFamily="body"whiteSpace="nowrap"fontWeight="semibold"textTransform="uppercase"color="brand.400">What's included</Text><Flexml="15px"w="full"borderTopWidth="1px"h="3px"borderTopColor={topBg}/></Flex><SimpleGrid columns={[1, , 2, 1, 2]} spacingY={4}><Feature>Unlimited Projects</Feature><Feature>Email Tracking and Analytics </Feature><Feature>Email APIs, SMTP Relay, and Webhooks</Feature><Feature>1 Dedicated IP (Foundation 100k and up)</Feature></SimpleGrid></Stack><Stackp="45px"flex="0.3"justify="center"align="center"bg="#F9FAFB"_dark={{bg: "gray.900",}}borderRightRadius="md"><Text fontSize="xl" fontWeight="semibold">Pay once, use anytime</Text><Flexalign="center"fontSize="5xl"fontWeight={["bold", , "extrabold"]}lineHeight="tight">$500<chakra.spanml={2}fontSize="2xl"fontWeight="medium"color="gray.500"_dark={{color: "gray.400",}}>{" "}USD</chakra.span></Flex><Stack spacing={6}><TexttextDecor="underline"color="gray.600"_dark={{color: "gray.400",}}>Learn more about our membership</Text><Button w="300px" colorScheme="brand" py={6}>Get Access</Button><Text align="center" fontWeight="semibold">Get a free sample<chakra.spanml={2}color="gray.500"_dark={{color: "gray.400",}}fontWeight="medium">(50MB)</chakra.span></Text></Stack></Stack></Flex></Box></Box></Box></Flex>);};
<Flexw="full"bg="#edf3f8"_dark={{bg: "#3e3e3e",}}p={50}alignItems="center"justifyContent="center"><SimpleGridcolumns={[1, , 2]}gap="24px"mx="auto"textAlign={["left", , "center"]}><Boxbg="white"_dark={{bg: "gray.800",}}px={4}py={24}shadow="base"rounded="md"><chakra.pmb={1}fontSize="xs"fontWeight="bold"letterSpacing="wide"textTransform="uppercase"color="gray.500"_dark={{color: "gray.400",}}>For Developers</chakra.p><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">$9<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}per month</chakra.span></Text><chakra.pmb={6}fontSize="lg"color="gray.600"_dark={{color: "gray.500",}}>One plan for any organization—from startups to Fortune 500s. We offer50% off of for all students and universities. Please get in touch withus and provide proof of your status.</chakra.p><Stackdisplay={["block", , "flex"]}spacing={2}justifyContent="center"direction={["column", , "row"]}><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "white",}}bg="brand.600"_dark={{bg: "brand.500",}}_hover={{bg: "brand.700",_dark: {bg: "brand.600",},}}>Get started</Link><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"color="brand.600"bg="white"_hover={{bg: "brand.50",}}>Contact Us</Link></Stack></Box><Boxbg="white"_dark={{bg: "gray.800",}}px={4}py={24}shadow="base"rounded="md"><chakra.pmb={1}fontSize="xs"fontWeight="bold"letterSpacing="wide"textTransform="uppercase"color="gray.500"_dark={{color: "gray.400",}}>For Designers</chakra.p><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">$19<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}per month</chakra.span></Text><chakra.pmb={6}fontSize="lg"color="gray.600"_dark={{color: "gray.500",}}>One plan for any organization—from startups to Fortune 500s. We offer50% off of for all students and universities. Please get in touch withus and provide proof of your status.</chakra.p><Stackdisplay={["block", , "flex"]}spacing={2}justifyContent="center"direction={["column", , "row"]}><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "white",}}bg="brand.600"_dark={{bg: "brand.500",}}_hover={{bg: "brand.700",_dark: {bg: "brand.600",},}}>Get started</Link><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"color="brand.600"bg="white"_hover={{bg: "brand.50",}}>Contact Us</Link></Stack></Box></SimpleGrid></Flex>;
() => {const topBg = useColorModeValue("gray.800", "gray.700");const bottomBg = useColorModeValue("white", "gray.800");const [bottomBgHex] = useToken("colors", [bottomBg]);const Feature = (props) => {return (<Flex align="center"><Flex shrink={0}><IconboxSize={5}mt={1}mr={2}color="brand.500"_dark={{color: "brand.300",}}viewBox="0 0 20 20"fill="currentColor"><pathfillRule="evenodd"d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"clipRule="evenodd"></path></Icon></Flex><Box ml={4}><chakra.spanmt={2}color="gray.700"_dark={{color: "gray.400",}}>{props.children}</chakra.span></Box></Flex>);};return (<FlexboxSize="full"bg="#F9FAFB"_dark={{bg: "gray.600",}}p={10}alignItems="center"justifyContent="center"><Boxmx="auto"textAlign={{base: "left",md: "center",}}rounded="md"shadow="base"w="full"bg={bottomBg}><Box pt={20} rounded="md" bg={topBg}><Box w="full" px={[10, , 4]} mx="auto"><chakra.pfontSize={["lg", , "xl"]}color="gray.300"textTransform="uppercase"fontWeight="semibold">Pricing</chakra.p><Textmb={2}fontSize={["2xl", , "5xl"]}fontWeight="bold"lineHeight="tight"color="white">The right price for you, whoever you are</Text><chakra.p mb={6} fontSize={["lg", , "xl"]} color="gray.400">Our plans scale for any organization—from startups to Fortune500s.</chakra.p></Box><Boxbg={`linear-gradient(180deg, transparent 70%, ${bottomBgHex} 30%)`}><SimpleGridcolumns={[1, , , 2]}gap="24px"rounded="md"mx={[10, , 24]}textAlign="left"><Boxbg="white"_dark={{bg: "gray.800",}}pt={10}shadow="lg"rounded="md"><Flex direction="column"><Box px={10} pb={5}><Badgemb={1}fontSize="xs"letterSpacing="wide"colorScheme="brand"fontWeight="medium"rounded="full"px={4}py={1}>Standard</Badge><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">$52<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}/mo{" "}</chakra.span></Text><chakra.pmb={6}fontSize="md"color="gray.500"_dark={{color: "gray.500",}}>One plan for any organization—from startups to Fortune500s. We offer 50% off of for all students anduniversities. Please get in touch with us and provideproof of your status.</chakra.p></Box><Flexpx={10}pt={5}pb={10}direction="column"bg="gray.50"_dark={{bg: "gray.900",}}roundedBottom="md"><Stack mb={5} spacing={4}><Feature>Granular access controls</Feature><Feature>Custom components</Feature><Feature>Deploy on-premises</Feature><Feature>Identity management</Feature></Stack><Linkw="full"display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="semibold"rounded="md"shadow="md"_light={{color: "white",}}bg="gray.800"_dark={{bg: "brand.500",}}_hover={{bg: "gray.700",_dark: {bg: "brand.600",},}}>Get started</Link></Flex></Flex></Box><Boxbg="white"_dark={{bg: "gray.800",}}pt={10}shadow="lg"rounded="md"><Flex direction="column"><Box px={10} pb={5}><Badgemb={1}fontSize="xs"letterSpacing="wide"colorScheme="brand"fontWeight="medium"rounded="full"px={4}py={1}>Enterprise</Badge><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">$82<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}/mo{" "}</chakra.span></Text><chakra.pmb={6}fontSize="md"color="gray.500"_dark={{color: "gray.500",}}>One plan for any organization—from startups to Fortune500s. We offer 50% off of for all students anduniversities. Please get in touch with us and provideproof of your status.</chakra.p></Box><Flexpx={10}pt={5}pb={10}direction="column"bg="gray.50"_dark={{bg: "gray.900",}}roundedBottom="md"><Stack mb={5} spacing={4}><Feature>Granular access controls</Feature><Feature>Custom components</Feature><Feature>Deploy on-premises</Feature><Feature>Identity management</Feature></Stack><Linkw="full"display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="semibold"rounded="md"shadow="md"_light={{color: "white",}}bg="gray.800"_dark={{bg: "brand.500",}}_hover={{bg: "gray.700",_dark: {bg: "brand.600",},}}>Get started</Link></Flex></Flex></Box></SimpleGrid><Flexmb="100px"mx={[10, , 24]}p={10}mt={5}rounded="md"bg="#F9FAFB"_dark={{bg: "gray.700",}}align="center"direction={["column", , "row"]}><Stack flex="0.8" pr={10}><Badgemb={1}fontSize="xs"letterSpacing="wide"colorScheme="gray"fontWeight="medium"rounded="full"px={4}py={1}w="fit-content">Discounted</Badge><Text textAlign="left">We offer <chakra.span fontWeight="bold">50%</chakra.span> offof for all students and universities. Please get in touch withus and provide proof of your status.</Text></Stack><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}mt={[5, , 0]}border="solid transparent"fontWeight="semibold"rounded="md"shadow="md"h="fit-content"color="brand.600"_dark={{color: "white",}}bg="white"_hover={{bg: "brand.50",_dark: {bg: "gray.900",},}}flex="0.2">Get Discount</Link></Flex></Box></Box></Box></Flex>);};
() => {const Feature = (props) => {return (<Flex alignSelf="start" w="full"><IconboxSize={5}mt={1}mr={2}_light={{color: "green.500",}}viewBox="0 0 20 20"fill="currentColor"as={IoCheckmark}/><chakra.pfontSize="lg"color="gray.600"_dark={{color: "gray.400",}}{...props}/></Flex>);};return (<Flexbg="#edf3f8"_dark={{bg: "#3e3e3e",}}p={10}w="full"justifyContent="center"alignItems="center"><Box w="full" pt={8}><Flexdirection={{base: "column",md: "row",}}justifyContent="center"mb={{base: 6,sm: 0,}}><Flexflex={{sm: 1,lg: "initial",}}w={{lg: 2.3 / 7,}}rounded="lg"borderTopRightRadius={0}borderBottomLeftRadius="lg"bg="white"_dark={{bg: "gray.700",}}my={6}direction="column"><VStackspacing={1}justifyContent="center"p={8}textAlign="center"w="full"shadow="xl"><chakra.span fontSize="3xl" fontWeight="bold">Hobby</chakra.span><HStack spacing={3}><chakra.spanfontWeight="bold"fontSize="6xl"textShadow="2px 0 currentcolor">$79</chakra.span><chakra.spanalignSelf="center"fontSize="3xl"_light={{color: "gray.400",}}>/month</chakra.span></HStack></VStack><VStackfontSize="sm"spacing={8}h="full"bg="gray.100"_dark={{bg: "gray.800",}}borderBottomLeftRadius="lg"p={12}><VStackspacing={4}w="full"direction="column"alignItems="start"><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics </Feature><Feature>99.99% Guaranteed Uptime SLA</Feature></VStack><Boxw="full"ml={3}display="inline-flex"rounded="md"shadow="md"><chakra.aw="full"display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"color="brand.600"_dark={{color: "gray.100",}}bg="white"_hover={{bg: "brand.50",_dark: {bg: "gray.700",},}}cursor="pointer">Start your trial{" "}</chakra.a></Box></VStack></Flex><Flexflex={{base: 1,lg: "initial",}}w={{lg: 2.4 / 7,}}rounded="lg"bg="white"_dark={{bg: "gray.700",}}mt={{base: 4,sm: -4,}}shadow="xl"zIndex={30}direction="column"><VStackspacing={1}justifyContent="center"p={8}textAlign="center"w="full"shadow="xl"><chakra.span fontSize="3xl" fontWeight="bold">Growth</chakra.span><HStack spacing={3}><chakra.spanfontWeight="bold"fontSize="6xl"textShadow="2px 0 currentcolor">$149</chakra.span><chakra.spanalignSelf="center"fontSize="3xl"_light={{color: "gray.400",}}>/month</chakra.span></HStack></VStack><VStackfontSize="sm"h="full"roundedBottom="lg"spacing={8}bg="gray.100"_dark={{bg: "gray.800",}}p={12}><VStackspacing={4}w="full"direction="column"alignItems="start"><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics </Feature><Feature>99.99% Guaranteed Uptime SLA</Feature><Feature>1,000 Email Address Validations</Feature><Feature>Limited 24/7 Ticket Support</Feature></VStack><Box display="inline-flex" rounded="md" shadow="md" w="full"><chakra.aw="full"display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"_light={{color: "white",}}bg="brand.600"_dark={{bg: "brand.500",}}_hover={{bg: "brand.700",_dark: {bg: "brand.600",},}}cursor="pointer">Get started</chakra.a></Box></VStack></Flex><Flexflex={{sm: 1,lg: "initial",}}w={{lg: 2.3 / 7,}}roundedTop="lg"borderBottomRightRadius="lg"borderTopLeftRadius={0}bg="white"_dark={{bg: "gray.700",}}my={6}direction="column"><VStackspacing={1}justifyContent="center"p={8}textAlign="center"w="full"shadow="xl"><chakra.span fontSize="3xl" fontWeight="bold">Scale</chakra.span><HStack spacing={3}><chakra.spanfontWeight="bold"fontSize="6xl"textShadow="2px 0 currentcolor">$349</chakra.span><chakra.spanalignSelf="center"fontSize="3xl"_light={{color: "gray.400",}}>/month</chakra.span></HStack></VStack><VStackfontSize="sm"spacing={8}h="full"bg="gray.100"_dark={{bg: "gray.800",}}borderBottomRightRadius="lg"p={12}><VStackspacing={4}w="full"direction="column"alignItems="start"><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics </Feature><Feature>99.99% Guaranteed Uptime SLA</Feature></VStack><Boxw="full"ml={3}display="inline-flex"rounded="md"shadow="md"><chakra.aw="full"display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"color="brand.600"_dark={{color: "gray.100",}}bg="white"_hover={{bg: "brand.50",_dark: {bg: "gray.700",},}}cursor="pointer">Start your trial</chakra.a></Box></VStack></Flex></Flex></Box></Flex>);};
() => {const [frequency, setFrequency] = useState("month");const Feature = (props) => {return (<Flex align="center"><Flex shrink={0}><IconboxSize={5}mt={1}mr={2}color="brand.500"_dark={{color: "brand.300",}}viewBox="0 0 20 20"fill="currentColor"><pathfillRule="evenodd"d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"clipRule="evenodd"></path></Icon></Flex><Box ml={4}><chakra.spanmt={2}color="gray.700"_dark={{color: "gray.400",}}>{props.children}</chakra.span></Box></Flex>);};return (<Flexw="full"bg="#edf3f8"_dark={{bg: "#3e3e3e",}}p={50}alignItems="center"justifyContent="center"><Boxpy="64px"px="10"bg="gray.100"_dark={{bg: "gray.700",}}><Box w="full" px={[10, , 4]} mx="auto" textAlign="center"><Text mb={2} fontSize="5xl" fontWeight="bold" lineHeight="tight">Plans & Pricing</Text><chakra.pmb={6}fontSize={["lg", , "xl"]}color="gray.600"_dark={{color: "gray.400",}}>5 minute installation · Try Team plan features for 14 days · Nocredit card required</chakra.p><Flex justify="center" mx={["auto", 0]} mb={-2}><Stackdirection="row"justify="space-between"p="2"textAlign="center"rounded="md"bg="gray.200"_dark={{bg: "gray.600",}}><ButtoncolorScheme="brand"variant={frequency === "month" ? "solid" : "ghost"}onClick={() => setFrequency("month")}px={6}>Bill Monthly</Button><ButtoncolorScheme="brand"variant={frequency === "year" ? "solid" : "ghost"}onClick={() => setFrequency("year")}px={6}>Bill Yearly</Button></Stack></Flex></Box><Box maxW="7xl" py="20" mx="auto"><SimpleGrid columns={[1, , , 3]} gap={[16, 8]}><Boxrounded={["none", "lg"]}shadow={["none", "md"]}bg="white"_dark={{bg: "gray.800",}}><Flexdirection="column"justify="space-between"p="6"borderBottomWidth="1px"color="gray.200"_dark={{color: "gray.600",}}><chakra.pmb={1}fontSize="lg"fontWeight="semibold"color="gray.700"_dark={{color: "gray.400",}}>Free</chakra.p><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">${frequency === "month" ? 0 : 0}<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}/{frequency}</chakra.span></Text><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "white",}}bg="brand.600"_dark={{bg: "brand.500",}}_hover={{bg: "brand.700",_dark: {bg: "brand.600",},}}>Get started</Link></Flex><Stack direction="column" p="6" spacing="3" flexGrow="1"><Feature>Email APIs, SMTP Relay, and Webhooks</Feature><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics</Feature><Feature>99.99% Guaranteed Uptime SLA</Feature></Stack></Box><Boxrounded={["none", "lg"]}shadow={["none", "md"]}bg="white"_dark={{bg: "gray.800",}}><Flexdirection="column"justify="space-between"p="6"borderBottomWidth="1px"color="gray.200"_dark={{color: "gray.600",}}><chakra.pmb={1}fontSize="lg"fontWeight="semibold"color="gray.700"_dark={{color: "gray.400",}}>Team</chakra.p><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">${frequency === "month" ? 9 : 89}<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}/{frequency}</chakra.span></Text><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "gray.800",}}bg="gray.50"_dark={{bg: "gray.600",}}_hover={{bg: "gray.100",_dark: {bg: "gray.700",},}}>Try for free</Link></Flex><Stack direction="column" p="6" spacing="3" flexGrow="1"><Feature>Email APIs, SMTP Relay, and Webhooks</Feature><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics</Feature><Feature>99.99% Guaranteed Uptime SLA</Feature><Feature>5 Days of Log Retention</Feature><Feature>Limited 24/7 Ticket Support</Feature><Feature>1 Dedicated IP (Foundation 100k and up)</Feature><Feature>1,000 Email Address Validations</Feature></Stack></Box><Boxrounded={["none", "lg"]}shadow={["none", "md"]}bg="white"_dark={{bg: "gray.800",}}><Flexdirection="column"justify="space-between"p="6"borderBottomWidth="1px"color="gray.200"_dark={{color: "gray.600",}}><chakra.pmb={1}fontSize="lg"fontWeight="semibold"color="gray.700"_dark={{color: "gray.400",}}>Company</chakra.p><Textmb={2}fontSize="5xl"fontWeight={["bold", "extrabold"]}color="gray.900"_dark={{color: "gray.50",}}lineHeight="tight">${frequency === "month" ? 21 : 189}<chakra.spanfontSize="2xl"fontWeight="medium"color="gray.600"_dark={{color: "gray.400",}}>{" "}/{frequency}</chakra.span></Text><Linkw={["full", , "auto"]}display="inline-flex"alignItems="center"justifyContent="center"px={5}py={3}border="solid transparent"fontWeight="bold"rounded="md"shadow="md"_light={{color: "gray.800",}}bg="gray.50"_dark={{bg: "gray.600",}}_hover={{bg: "gray.100",_dark: {bg: "gray.700",},}}>Try for free</Link></Flex><Stack direction="column" p="6" spacing="3" flexGrow="1"><Feature>Email APIs, SMTP Relay, and Webhooks</Feature><Feature>Suppression Management</Feature><Feature>Email Tracking and Analytics</Feature><Feature>99.99% Guaranteed Uptime SLA</Feature><Feature>5 Days of Log Retention</Feature><Feature>Limited 24/7 Ticket Support</Feature><Feature>1 Dedicated IP (Foundation 100k and up)</Feature><Feature>1,000 Email Address Validations</Feature><Feature>Instant Chat Support</Feature><Feature>Custom Features</Feature></Stack></Box></SimpleGrid></Box></Box></Flex>);};
Proudly developed in by Anuoluwapo Abraham