// 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, Heading, Html, Img, Link, Preview, Row, Section, Tailwind, Text, } from 'react-email'; import { barebonesBoxedTailwindConfig } from './theme'; import { BarebonesFonts } from './theme-fonts'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ''; const textOnlyTitle = 'A quick note from Barebones'; const textOnlyParagraphs = [ 'This is the text-only layout: no hero image and no primary call-to-action. Use it for concise product notes, receipts, account updates, and other plain-language emails where the message should stay front and center.', 'Keep paragraphs short and focused so the content is easy to scan on mobile. If you need richer visuals or a conversion button, switch to another collage template.', 'Replace this placeholder copy by editing this template file directly.', ]; interface TextOnlyEmailProps { companyName: string; url: string; } export const TextOnlyEmail = ({ companyName, url }: TextOnlyEmailProps) => ( A note from {companyName}

{companyName}

{textOnlyTitle}

{textOnlyParagraphs.map((block, i) => ( {block} ))} Open your account Thanks,
The Barebones Team

{/* Footer */}

Barebones is the catchy slogan that perfectly encapsulates the vision of our company.

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

); TextOnlyEmail.PreviewProps = { companyName: 'Barebones', url: 'https://example.com/', } satisfies TextOnlyEmailProps; export default TextOnlyEmail;