// Get the full source code, including the theme and Tailwind config: // https://github.com/resend/react-email/tree/canary/apps/demo/emails import { Body, Column, Container, Head, Html, Img, Link, Preview, Row, Section, Tailwind, Text, } from 'react-email'; import { DitherFonts } from './dither-fonts'; import { ditherTailwindConfig } from './theme'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ''; type ProductUpdateFeature = { title: string; body: string; linkText: string; linkHref: string; imageSrc: string; }; const productUpdateHeadline = 'THE WORK BEHIND THE WORK'; interface ProductUpdateEmailProps { companyName: string; url: string; } export const ProductUpdateEmail = ({ companyName, url, }: ProductUpdateEmailProps) => { const featureRows: ProductUpdateFeature[] = [ { title: 'Auto-prioritization', body: 'All your tasks for the week are surfaced based on urgency and impact.', linkText: 'Explore Smart Tasks', linkHref: url, imageSrc: `${baseUrl}/static/dither/dither-image-7.png`, }, { title: 'Less manual work', body: 'Fewer status updates, more automated work.', linkText: 'Read more', linkHref: url, imageSrc: `${baseUrl}/static/dither/dither-image-4.png`, }, { title: 'Less manual work', body: 'Fewer status updates, more automated work.', linkText: 'Read more', linkHref: url, imageSrc: `${baseUrl}/static/dither/dither-image-5.png`, }, ]; return ( What's new in {companyName}

{productUpdateHeadline}

Here from the {companyName} team. This month was about making {companyName} feel smoother, faster, and easier to use in everyday work. We shipped new features, improved key workflows, and made small but meaningful updates that reduce friction across the product. A lot of our focus was on simplifying actions, improving performance, and responding to feedback from teams using the product day to day. We're continuing to shape {companyName} around real workflows—not just features—so everything feels more connected and effortless over time.

WE LAUNCHED SMART TASKS

{featureRows[0].title} {featureRows[0].body} {featureRows[0].linkText}

Smart Tasks analyzes your projects in real time and helps organize{' '} your workload automatically. As things change, your task list updates so you're always focused on what matters most.

READ MORE ON OUR BLOG

{featureRows[1].title} {featureRows[1].body} {featureRows[1].linkText}

{featureRows[2].title} {featureRows[2].body} {featureRows[2].linkText}

Need help? Find guides, tips, and best practices anytime, visit our Help Center.

{/* Footer */}

{companyName} helps teams cut through noise—clear priorities, fewer tabs, and less busywork from idea to shipped work.

123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.

); }; ProductUpdateEmail.PreviewProps = { companyName: 'Dither', url: 'https://example.com/', } satisfies ProductUpdateEmailProps; export default ProductUpdateEmail;