diff --git a/apps/builder/public/images/emails/v3dot6Update/bento.gif b/apps/builder/public/images/emails/v3dot6Update/bento.gif
new file mode 100644
index 000000000..7d75e2d82
Binary files /dev/null and b/apps/builder/public/images/emails/v3dot6Update/bento.gif differ
diff --git a/apps/builder/public/images/emails/v3dot6Update/cards.gif b/apps/builder/public/images/emails/v3dot6Update/cards.gif
new file mode 100644
index 000000000..005bae29a
Binary files /dev/null and b/apps/builder/public/images/emails/v3dot6Update/cards.gif differ
diff --git a/apps/builder/public/images/emails/v3dot6Update/group-gen-titles.gif b/apps/builder/public/images/emails/v3dot6Update/group-gen-titles.gif
new file mode 100644
index 000000000..f9a21ae0d
Binary files /dev/null and b/apps/builder/public/images/emails/v3dot6Update/group-gen-titles.gif differ
diff --git a/apps/builder/public/images/emails/v3dot6Update/internal-value.png b/apps/builder/public/images/emails/v3dot6Update/internal-value.png
new file mode 100644
index 000000000..cfb82fa40
Binary files /dev/null and b/apps/builder/public/images/emails/v3dot6Update/internal-value.png differ
diff --git a/packages/transactional/marketing/V3dot6Update.tsx b/packages/transactional/marketing/V3dot6Update.tsx
new file mode 100644
index 000000000..8fa17bd06
--- /dev/null
+++ b/packages/transactional/marketing/V3dot6Update.tsx
@@ -0,0 +1,164 @@
+import { Hr, Link, Text } from "@react-email/components";
+import { env } from "@typebot.io/env";
+import { NewsletterLayout } from "./components/NewsletterLayout";
+import { NewsletterSection } from "./components/NewsletterSection";
+import { hr, text } from "./styles";
+
+const imagesBaseUrl = `${env.NEXTAUTH_URL}/images/emails/V3dot6Update`;
+
+export const V3dot6Update = () => (
+
+
+ Hey there,
+
+ I'm thrilled to announce that Typebot v3.6.0 has just been released with a
+ brand new look and a ton of powerful features!
+
+
+ Let's dive into what's new! 🔥
+
+
+
+ We've unveiled a fresh new brand identity that perfectly reflects what
+ Typebot is today: a powerful no-code tool for tinkerers and hackers who
+ want to push the concept of chatbots to its full potential. This new look
+ represents our commitment to innovation and flexibility while staying true
+ to our roots.
+
+
+
+ PostHog: Send events to PostHog and trigger your PostHog
+ workflows. This integration works server-side, ensuring compatibility with
+ non-web browser devices.
+
+
+ Deepseek & Perplexity: Similar to our OpenAI block, these
+ new integrations let you chat with Deepseek's and Perplexity's AI models,
+ giving you more options for creating intelligent conversational
+ experiences.
+
+
+
+ The new Cards input block allows you to display a list of cards in a
+ carousel format. Each card can contain an image, a title, a description,
+ and several buttons - perfect for showcasing products, services, or
+ options in an engaging visual format.
+
+
+
+ The Dify.AI block now includes a "Query knowledge base" action that
+ retrieves the most relevant documents based on a query. This is perfect
+ for creating context-aware AI responses - you can search for content
+ relevant to the user's message and feed those chunks into your AI block
+ for more accurate and informed answers.
+
+
+
+ Say goodbye to generic "Group #" titles! Once enabled and configured, this
+ feature automatically generates meaningful titles for your groups as you
+ connect new blocks or groups, making your workflow more organized and
+ easier to navigate.
+
+
+
+ You can now assign internal values to buttons and picture choices that
+ differ from what's displayed to the user. When a user selects an option,
+ the internal value is saved to your specified variable, giving you more
+ flexibility in data collection and processing.
+
+
+
+ Number Format Options: Format captured numbers as
+ currency, percentage, scientific notation, and more in the Number input
+ block.
+
+
+ File Type Restrictions: Limit accepted file types in the
+ File upload block by setting up a whitelist of file extensions.
+
+
+ Button Layout Options: Choose between wrap and vertical
+ layouts for your buttons.
+
+
+ Customizable System Messages: Overwrite any system
+ message in your bot, including error messages and notifications.
+
+
+ Device Type Detection: The Set Variable block now
+ includes a "Device type" option that automatically detects and saves
+ whether your user is on desktop, tablet, or mobile.
+
+
+ Expandable Images: Users can now click on images in your
+ bot to view them in fullscreen.
+
+
+
+ From the Typebot Blog:
+ •{" "}
+
+ FAQ Chatbot: A Complete Guide to Building One
+
+ •{" "}
+
+ 10 Powerful WhatsApp Chatbot Use Cases You Need to Know
+
+ •{" "}
+
+ How to Accept Payment on WhatsApp Business: A Complete Guide
+
+
+
+ Amazing Community Creations:
+ • World's first Visual Novel made with Typebot - by Anthony
+ • Personal Business Strategy Advisor AI Agent - by Anthony
+ • Pop confettis on user chatbot completion - by nefer_l
+
+ Head over to the awesome-typebots channel in the{" "}
+ community to check this all
+ out!
+
+
+
+
+
+ Thank you for being part of the Typebot journey.
+
+
+ As always, your feedback is invaluable, so please don't hesitate to share
+ your thoughts!
+
+
+ Happy bot hacking,
+
+ Baptiste
+
+
+);
+
+export default V3dot6Update;
diff --git a/packages/transactional/marketing/components/NewsletterLayout.tsx b/packages/transactional/marketing/components/NewsletterLayout.tsx
index 40dee8609..b4cb649c2 100644
--- a/packages/transactional/marketing/components/NewsletterLayout.tsx
+++ b/packages/transactional/marketing/components/NewsletterLayout.tsx
@@ -9,7 +9,7 @@ import {
Text,
} from "@react-email/components";
import { env } from "@typebot.io/env";
-import { container, footer, link, main } from "../styles";
+import { container, footer, link, logo, main } from "../styles";
type Props = {
children: React.ReactNode;
@@ -26,9 +26,7 @@ export const NewsletterLayout = ({ preview, children }: Props) => (
width="32"
height="32"
alt="Typebot's Logo"
- style={{
- margin: "24px 0",
- }}
+ style={logo}
/>
{children}
(
width="32"
height="32"
alt="Typebot's Logo"
- style={{
- marginTop: "24px",
- }}
+ style={logo}
/>
- Typebot.io - Powering Conversations at Scale
+ Typebot.io - Build Faster, Chat Smarter