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
+
+
+
+
+
+
+
+
+