// 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, Html, Img, Link, Preview, Row, Section, Tailwind, Text, } from 'react-email'; import { TechFonts } from './tech-fonts'; import { techTailwindConfig } from './theme'; const baseUrl = process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : ''; interface TechPromoEmailProps { companyName: string; url: string; } type BenefitItem = { title: string; }; const techPromoBenefits: BenefitItem[] = [ { title: 'Try your ring risk-free 30 days' }, { title: 'Free shipping and easy returns' }, { title: 'Two-year ring warranty included' }, ]; /** Figma Email-Templates `2743:1053` — Tech promo (hero, code + redeem, features, join). */ export const TechPromoEmail = ({ companyName, url }: TechPromoEmailProps) => { return ( Your {companyName} promo code
Black Friday Sale: Save up to $80 on Halo
{`${companyName} Save on the ring that keeps you clear
Halo ring
Limited time only Halo ring
★★★★★ “It's wild how fast Halo on my finger felt like calm help whenever my head was full and my hands were busy.”
{techPromoBenefits.map((item, idx) => ( {item.title} ))}
{companyName} is the AI ring on your finger—easy shopping, clear shipping, and real support when you need it.
X LinkedIn YouTube GitHub
123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.
); }; TechPromoEmail.PreviewProps = { companyName: 'Halo', url: 'https://example.com/', } satisfies TechPromoEmailProps; export default TechPromoEmail;