// 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 FeatureAnnouncementEmailProps {
companyName: string;
url: string;
}
export const FeatureAnnouncementEmail = ({
companyName,
url,
}: FeatureAnnouncementEmailProps) => (
Release notes — {companyName}{companyName}
What's new from {companyName}
Release Notes
Learn what's shipping this month, plus other{' '}
{companyName} updates below.
New ways to work
Automations that save real time
Bring your workflows into one place, cut manual handoffs,
and give everyone the same source of truth.
Read more
A clearer view of what needs attention
Bring your workflows into one place, cut manual handoffs,
and give everyone the same source of truth.
Read more
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 FeatureBlock({
imageUrl,
ctaUrl,
title,
bodyP1,
}: {
imageUrl: string;
ctaUrl: string;
title: string;
bodyP1: string;
}) {
return (
{title}{bodyP1}
);
}
FeatureAnnouncementEmail.PreviewProps = {
companyName: 'Barebones',
url: 'https://example.com/',
} satisfies FeatureAnnouncementEmailProps;
export default FeatureAnnouncementEmail;
