// 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 TechWelcomeEmailProps { companyName: string; url: string; } /** Figma Email-Templates `2692:1907` — Tech welcome (hero, feature rows, join panel). */ export const TechWelcomeEmail = ({ companyName, url, }: TechWelcomeEmailProps) => { return ( Welcome to {companyName}
Welcome to {companyName}—set up your ring in minutes
{`${companyName} Meet the ring that thinks with you
Halo ring
Hands-free help from day one Halo ring
Your personal AI companion, wrapped around your finger. More than jewelry—it's a quiet AI partner on your hand that reads your rhythm, anticipates needs, and smooths your day without another screen to manage. Voice-free smarts live in the ring: subtle taps, gentle haptics, and answers when you ask—no feeds, no glare, no friction at checkout or on the go. Subtle cues, smarter suggestions, all-day comfort on your finger.
{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.
); }; TechWelcomeEmail.PreviewProps = { companyName: 'Halo', url: 'https://example.com/', } satisfies TechWelcomeEmailProps; export default TechWelcomeEmail;