// 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}` : ''; interface TextOnlyEmailProps { companyName: string; url: string; } export const TextOnlyEmail = ({ companyName, url }: TextOnlyEmailProps) => { return ( A short note from the {companyName} team
A note from us
We don't send long emails often. When we do, we keep them plain—no hero, no clutter—just a direct word from the team behind {companyName}. We're building {companyName} so your team can see what matters, drop what doesn't, and ship without living in fifteen tabs. If you've been in the product lately, thank you—your feedback sharpens what we ship next. Here's to clearer priorities and less noise. When you're ready to jump back in, we'll be there. — The {companyName} team Open {companyName}
{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.
); }; TextOnlyEmail.PreviewProps = { companyName: 'Dither', url: 'https://example.com/', } satisfies TextOnlyEmailProps; export default TextOnlyEmail;