📝 Add v2.26 newsletter

2024-06-03 16:35:38 +02:00
parent 9ec3f35382
commit 45aa4c6da5
6 changed files with 171 additions and 0 deletions
--- a/packages/transactional/templates/marketing/components/NewsletterLayout.tsx
+++ b/packages/transactional/templates/marketing/components/NewsletterLayout.tsx
@@ -0,0 +1,55 @@
+import {
+  Html,
+  Head,
+  Preview,
+  Body,
+  Container,
+  Img,
+  Link,
+  Text,
+} from '@react-email/components'
+import { main, container, footer, link } from '../styles'
+import { env } from '@typebot.io/env'
+
+type Props = {
+  children: React.ReactNode
+  preview: string
+}
+export const NewsletterLayout = ({ preview, children }: Props) => (
+  <Html>
+    <Head />
+    <Preview>{preview}</Preview>
+    <Body style={main}>
+      <Container style={container}>
+        <Img
+          src={`${env.NEXTAUTH_URL}/images/logo.png`}
+          width="32"
+          height="32"
+          alt="Typebot's Logo"
+          style={{
+            margin: '24px 0',
+          }}
+        />
+        {children}
+        <Img
+          src={`${env.NEXTAUTH_URL}/images/logo.png`}
+          width="32"
+          height="32"
+          alt="Typebot's Logo"
+          style={{
+            marginTop: '24px',
+          }}
+        />
+
+        <Text style={footer}>Typebot.io - Powering Conversations at Scale</Text>
+        <Link
+          href="{{unsubscribe}}"
+          target="_blank"
+          style={{ ...link, color: '#898989', fontSize: '12px' }}
+        >
+          Unsubscribe
+        </Link>
+      </Container>
+    </Body>
+  </Html>
+)