import { Box, Heading, VStack } from '@chakra-ui/layout' import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, DarkMode, Flex, Stack, } from '@chakra-ui/react' import { Footer } from 'components/common/Footer' import { Header } from 'components/common/Header/Header' import { NextChakraLink } from 'components/common/nextChakraAdapters/NextChakraLink' import { SocialMetaTags } from 'components/common/SocialMetaTags' import { BackgroundPolygons } from 'components/Homepage/Hero/BackgroundPolygons' import { PlanComparisonTables } from 'components/PricingPage/PlanComparisonTables' import { PricingCard } from 'components/PricingPage/PricingCard' import { ActionButton } from 'components/PricingPage/PricingCard/ActionButton' import { useEffect, useState } from 'react' const Pricing = () => { const [price, setPrice] = useState<{ personalPro: '$39' | '39€' | '' team: '$99' | '99€' | '' }>({ personalPro: '', team: '', }) useEffect(() => { setPrice( navigator.languages.find((l) => l.includes('fr')) ? { personalPro: '39€', team: '99€' } : { personalPro: '$39', team: '$99' } ) }, []) return (
Get started } /> Subscribe now } /> Subscribe now } /> Compare plans & features Frequently asked questions