diff --git a/apps/builder/components/editor/GettingStartedModal.tsx b/apps/builder/components/editor/GettingStartedModal.tsx index 78c6508f6..eeeda2cae 100644 --- a/apps/builder/components/editor/GettingStartedModal.tsx +++ b/apps/builder/components/editor/GettingStartedModal.tsx @@ -11,6 +11,12 @@ import { ListItem, ListIcon, Text, + Accordion, + AccordionButton, + AccordionIcon, + AccordionItem, + AccordionPanel, + Box, } from '@chakra-ui/react' import { CheckSquareIcon } from 'assets/icons' import { useRouter } from 'next/router' @@ -37,27 +43,27 @@ export const GettingStartedModal = () => { The left side bar contains blocks that you can drag and drop to - the canva + the board. - You can group blocks together by dragging them below or above + You can group blocks together by dropping them below or above each other - Don't forget to connect blocks together + Connect the groups together - Preview your bot by clicking the preview button on the right + Preview your bot by clicking the preview button on the top right - Feel free to use the bottom-right bubble to contact if you have any - question 😃 + Feel free to use the bottom-right bubble to reach out if you have + any question. I usually answer within the next 24 hours. 😃 See it in action ({`<`} 5 minutes) @@ -71,6 +77,38 @@ export const GettingStartedModal = () => { allowFullScreen style={{ borderRadius: '0.5rem' }} /> + + + + + Other videos + + + + +