// 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 { SkinFonts } from './skin-fonts'; import { skinTailwindConfig } from './theme'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ''; type CartLine = { name: string; description: string; price: string; imageSrc: string; }; interface AbandonedCartEmailProps { companyName: string; url: string; } const abandonedCartLines: CartLine[] = [ { name: 'Daily C Serum', description: 'Brightening daytime serum—still in your cart. Finish checkout before we release the inventory hold.', price: '$99', imageSrc: `${baseUrl}/static/skin/skin-image-2.png`, }, { name: 'Overnight Repair Cream', description: 'Pairs with your morning serum for AM/PM balance. Limited batches move fast on restocks.', price: '$99', imageSrc: `${baseUrl}/static/skin/skin-image-3.png`, }, ]; export const AbandonedCartEmail = ({ companyName, url, }: AbandonedCartEmailProps) => { return ( Your {companyName} cart is waiting

Pick up where you left off Your cart still holds these formulas—checkout soon before limited stock or your hold window expires.

{abandonedCartLines.slice(0, 2).map((line, idx) => (

{line.name} {line.description} {line.price}

))}

{'Return to cart \u2192'}

Don’t take it from us

Join us on the journey There's more ahead—new drops, member perks, and restock alerts. Explore what's new and stay in the loop while your cart is on hold.

{'Start Exploring \u2192'}

{/* Footer */}

{companyName} crafts thoughtful skincare—barrier-first formulas, honest labels, and routines you'll actually keep.

124 Mercantile Row, Studio 3
Los Angeles, CA, 90013 Unsubscribe {' '} from {companyName} marketing emails.

); }; AbandonedCartEmail.PreviewProps = { companyName: 'Skin', url: 'https://example.com/', } satisfies AbandonedCartEmailProps; export default AbandonedCartEmail;