2
0

feat: ️ Add docs and connect Stripe

This commit is contained in:
Baptiste Arnaud
2022-02-14 16:41:39 +01:00
parent aeb3e4caa7
commit 56bd5fafc3
50 changed files with 6332 additions and 685 deletions

View File

@@ -21,7 +21,7 @@ export const EndCta = () => {
</Text>
<Button
as="a"
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
mt="8"
size="lg"
colorScheme="blue"

View File

@@ -46,7 +46,7 @@ export const Hero = () => {
</Text>
<Button
as={NextChakraLink}
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
colorScheme="orange"
bgColor="#FF8E20"
_hover={{ bgColor: 'orange.500' }}

View File

@@ -10,7 +10,7 @@ export const ArticleCallToAction = () => (
size="lg"
colorScheme="orange"
as="a"
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
>
Create a typebot
</Button>

View File

@@ -64,7 +64,7 @@ const MobileNavContext = ({
</Button>
<Button
as={NextChakraLink}
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
colorScheme="blue"
w="full"
size="lg"
@@ -125,7 +125,7 @@ const DesktopNavContent = ({
</Box>
<Button
as={NextChakraLink}
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
colorScheme="blue"
fontWeight="bold"
>

View File

@@ -8,10 +8,14 @@ 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 { useRouter } from 'next/router'
import { useEffect, useState } from 'react'
const Pricing = () => {
const router = useRouter()
const [price, setPrice] = useState<'$30' | '25€' | ''>('')
useEffect(() => {
setPrice(navigator.languages.find((l) => l.includes('fr')) ? '25€' : '$30')
}, [])
return (
<Stack overflowX="hidden">
@@ -28,12 +32,8 @@ const Pricing = () => {
description={
"99% of Typebot's features are available to all users for free."
}
currentUrl={`https://www.typebot.io/${
router.locale === 'fr' ? 'fr/' : ''
}pricing`}
imagePreviewUrl={`https://www.typebot.io/images/previews/pricing${
router.locale === 'fr' ? '-fr' : ''
}.png`}
currentUrl={`https://www.typebot.io/pricing`}
imagePreviewUrl={`https://www.typebot.io/images/previews/pricing.png`}
/>
<Head>
<link
@@ -77,7 +77,7 @@ const Pricing = () => {
}}
button={
<NextChakraLink
href="https://app.typebot.io/signup"
href="https://app.typebot.io/register"
_hover={{ textDecor: 'none' }}
>
<ActionButton variant="outline">Try now</ActionButton>
@@ -86,7 +86,7 @@ const Pricing = () => {
/>
<PricingCard
data={{
price: '$30',
price,
name: 'Pro',
features: [
'Everything in Basic',
@@ -102,7 +102,7 @@ const Pricing = () => {
beforeButtonLabel={"The only form builder you'll need"}
button={
<NextChakraLink
href="https://app.typebot.io/signup?chosen_plan=scale"
href="https://app.typebot.io/register?subscribe=true"
_hover={{ textDecor: 'none' }}
>
<ActionButton>Subscribe now</ActionButton>