// 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 WelcomeEmailProps { companyName: string; url: string; } export const WelcomeEmail = ({ companyName, url }: WelcomeEmailProps) => ( Welcome to {companyName}

Welcome to {companyName} You can start exploring right away, set up your workspace, and invite your team if you're working with others.

If you need help getting started, we've got you covered. Find guides, tips, and best practices anytime, visit our{' '} Help Center .

Get started

Set up your workspace Complete the basics to get the most out of your account. Complete Setup

Invite your team Collaboration works best when everyone's in. Invite Teammates

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.

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