import { VStack } from '@chakra-ui/layout' import { DarkMode, Flex, Stack } from '@chakra-ui/react' import { Footer } from 'components/common/Footer' import { Navbar } from 'components/common/Navbar/Navbar' import { NextChakraLink } from 'components/common/nextChakraAdapters/NextChakraLink' import { SocialMetaTags } from 'components/common/SocialMetaTags' import { BackgroundPolygons } from 'components/Homepage/Hero/BackgroundPolygons' import { PricingCard } from 'components/PricingPage/PricingCard' import { ActionButton } from 'components/PricingPage/PricingCard/ActionButton' import Head from 'next/head' import { useEffect, useState } from 'react' const Pricing = () => { const [price, setPrice] = useState<'$30' | '25€' | ''>('') useEffect(() => { setPrice(navigator.languages.find((l) => l.includes('fr')) ? '25€' : '$30') }, []) return ( Try now } /> Subscribe now } />