// 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 { CollageFonts } from './collage-fonts'; import { collageTailwindConfig } 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 want them to feel direct. No hero image, no noise: just a quick word from the team behind {companyName}. We're building {companyName} so your team can keep projects, context, and updates in one place. If you've been in the product lately, thank you—what we hear from you shapes what we ship next. Here's to fewer tabs and clearer handoffs. When you're ready to dive back in, we'll be there. — The {companyName} team Open your workspace
{companyName} is the workspace where your team keeps projects, context, and updates together—from first idea to launch.
X LinkedIn YouTube GitHub
123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.
); }; TextOnlyEmail.PreviewProps = { companyName: 'Collage', url: 'https://example.com/', } satisfies TextOnlyEmailProps; export default TextOnlyEmail;