// 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,
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}`
: '';
interface WelcomeEmailProps {
companyName: string;
url: string;
}
export const WelcomeEmail = ({ companyName, url }: WelcomeEmailProps) => (
Welcome aboard—{companyName}{companyName}
Thanks for joining us
Welcome to {companyName}
You're all set. Open your dashboard to explore the
basics, connect a few tools, and invite your team when
you're ready.
Getting started
Some new things
Team workspaces
Roles, guests, and access levels so the right people see
the right work—without extra admin overhead.
Connect your stack
Plug in the apps your team already uses and keep updates
flowing without jumping between tabs.
Start using {companyName}
The fastest, easiest way to use {companyName}.
{/* Footer */}
{companyName} 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.
);
function WelcomeBulletCell({ isLast }: { isLast?: boolean }) {
return (
Bring your team, tools, and workflows together in one place—with
permissions that match how you work.
);
}
WelcomeEmail.PreviewProps = {
companyName: 'Barebones',
url: 'https://example.com/',
} satisfies WelcomeEmailProps;
export default WelcomeEmail;
