📝 Improve blog capabilities and components

apps/docs/contribute/guides/blog.mdx

@@ -36,3 +36,17 @@ summary: 'A short summary of the blog post.'
 ```
 
 By default the og image is generated from the title of the blog post. If you want to use a custom og image, you can specify a `image` field in the frontmatter.
+
+All images need to be placed under the `public/images/blog/<POST_FILENAME>` folder where `<POST_FILENAME>` is the name of the mdx file you are creating/editing.
+
+Here are all the components you can use in your blog post:
+
+- `Image`: To display an image. Example: `<Image src="/images/blog/my-awesome-blog-post/image.jpg" alt="My awesome image" />`
+- `Callout`: To display a callout. Example: `<Callout status="info">This is an info callout</Callout>`. You can provide a `status` prop with the value `info`, `warning`, `success`, or `error`.
+- `Tweet`: To embed a tweet. Example: `<Tweet id="1234567890123456789" />`
+- `Typebot`: To embed a typebot as a Standard component. Example: `<Typebot typebot="<YOUR_BOT_PUBLIC_ID>" />`. You can provide the same props as the [Standard component](../../deploy/web/libraries/react#standard).
+- `YouTube`: To embed a YouTube video. Example: `<YouTube id="<YOUTUBE_VIDEO_ID>" />`
+- `Loom`: To embed a Loom video. Example: `<Loom id="<LOOM_VIDEO_ID>" />`
+- `Cta`: To display a call-to-action that redirects to Typebot. Example: `<Cta />`
+
+For rendering tables you should use the native html table related tags.

apps/docs/openapi/viewer.json

@@ -12033,6 +12033,9 @@
           "content": {
             "type": "object",
             "properties": {
+              "url": {
+                "type": "string"
+              },
               "maxBubbleWidth": {
                 "type": "number"
               },