// Get the full source code, including the theme and Tailwind config: // https://github.com/resend/react-email/tree/canary/apps/demo/emails import { Body, Button, 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}` : ''; interface FeatureAnnouncementEmailProps { companyName: string; url: string; } export const FeatureAnnouncementEmail = ({ companyName, url, }: FeatureAnnouncementEmailProps) => { const featureName = 'Smart Tasks'; const heroImageSrc = `${baseUrl}/static/dither/dither-image-2.png`; return ( Meet {featureName}
Meet a new way to manage work Introducing {featureName}: a calmer way to organize work, surface what matters next, and keep your team aligned without the noise.
Meet smart tasks
Auto-prioritization All your tasks for the week are surfaced based on urgency and impact. Explore {featureName}
{['Less manual work', 'Clear focus', 'Better alignment'].map( (title, idx) => (
{title} {idx === 0 ? 'Fewer status updates, more automated work.' : idx === 1 ? 'Always know what to do next—less thrash, more momentum.' : 'Your team stays in sync automatically.'}
), )} 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.
"Smart Tasks helps me know what to do next without thinking about it." Alex, Product Designer at Studio
Try smart tasks See how much easier work can be.
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.
X LinkedIn YouTube GitHub
123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.
); }; FeatureAnnouncementEmail.PreviewProps = { companyName: 'Dither', url: 'https://example.com/', } satisfies FeatureAnnouncementEmailProps; export default FeatureAnnouncementEmail;