diff --git a/apps/landing-page/assets/illustrations/HandDrawnArrow.tsx b/apps/landing-page/assets/illustrations/HandDrawnArrow.tsx new file mode 100644 index 000000000..149090d54 --- /dev/null +++ b/apps/landing-page/assets/illustrations/HandDrawnArrow.tsx @@ -0,0 +1,22 @@ +import { Icon, IconProps } from '@chakra-ui/react' +import React from 'react' + +export const HandDrawnArrow = (props: IconProps) => ( + + + + +) diff --git a/apps/landing-page/components/Homepage/IntroducingChatApps.tsx b/apps/landing-page/components/Homepage/IntroducingChatApps.tsx index 470aa9789..6aa483e7d 100644 --- a/apps/landing-page/components/Homepage/IntroducingChatApps.tsx +++ b/apps/landing-page/components/Homepage/IntroducingChatApps.tsx @@ -9,7 +9,6 @@ import { Input, Checkbox, Textarea, - VStack, } from '@chakra-ui/react' import React, { useEffect, useState } from 'react' import { TypebotViewer } from 'bot-engine' @@ -17,6 +16,7 @@ import { PublicTypebot } from 'models' import { sendRequest } from 'utils' import { DontIcon } from 'assets/icons/DontIcon' import { DoIcon } from 'assets/icons/DoIcon' +import { HandDrawnArrow } from 'assets/illustrations/HandDrawnArrow' export const IntroducingChatApps = () => { const [typebot, setTypebot] = useState() @@ -69,12 +69,18 @@ export const IntroducingChatApps = () => { spacing="6" data-aos="fade" > - + - + - + {typebot && ( { /> )} - + + + Try it out! + + + + diff --git a/apps/landing-page/pages/_document.tsx b/apps/landing-page/pages/_document.tsx index df8758271..bafa31391 100644 --- a/apps/landing-page/pages/_document.tsx +++ b/apps/landing-page/pages/_document.tsx @@ -9,7 +9,7 @@ class MyDocument extends Document {