// 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}` : ''; export type OrderLine = { name: string; quantity: string; imageSrc: string; }; interface TechOrderConfirmationEmailProps { companyName: string; url: string; } /** Figma Email-Templates `2681:2383` — Tech “order placed” card (Geist headline, line items, summary). */ export const TechOrderConfirmationEmail = ({ companyName, url, }: TechOrderConfirmationEmailProps) => { return ( Your {companyName} ring order #1234567890 is confirmed

Your order has been placed Order #1234567890 is locked in—we're prepping your Halo rings for shipment and will email the moment they leave our warehouse. Tracking lands in your inbox as soon as the carrier scans the package.

Halo Ring 1 x1

Subtotal $198.00 Tax $16.00 Shipping $0.00 Total $214.00

{companyName} is the AI ring on your finger—easy shopping, clear shipping, and real support when you need it.

123 Market Street, Floor 1
Tech City, CA, 94102 Unsubscribe {' '} from {companyName} marketing emails.

); }; TechOrderConfirmationEmail.PreviewProps = { companyName: 'Halo', url: 'https://example.com/', } satisfies TechOrderConfirmationEmailProps; export default TechOrderConfirmationEmail;