// 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}` : ''; type ShippingFaqItem = { title: string; body: string; }; interface TechOrderShippingEmailProps { companyName: string; url: string; } const techOrderShippingFaqItems: ShippingFaqItem[] = [ { title: 'When will my ring arrive?', body: 'Most domestic Halo orders land in 3–5 business days after the carrier scan—watch your tracking link for live updates.', }, { title: 'Need a different size?', body: 'Start an exchange from your order page within 30 days. We’ll help you resize or swap finishes while stock allows.', }, { title: 'Is my shipment protected?', body: 'Every ring ships insured with signature options in select regions—check tracking for delivery preferences.', }, { title: 'Can I change the address?', body: 'Contact support fast if the package hasn’t left our hub; once it’s moving, carriers require you to redirect with them.', }, ]; /** Figma Email-Templates `2738:4169` — Tech shipping notification (track CTA, line items, FAQ strip). */ export const TechOrderShippingEmail = ({ companyName, url, }: TechOrderShippingEmailProps) => { return ( Your {companyName} ring order #1234567890 has shipped

Your order has shipped Order #1234567890 with your Halo ring is on the way. Tap track below—we'll ping you if delivery details shift.

Halo Ring 1 x1

After dispatch we can’t edit items, but you can follow or reroute delivery through the carrier’s tools anytime.

Common questions

{techOrderShippingFaqItems.map((item, idx) => (

0 ? 'mt-10' : ''}> {item.title} {item.body}

))}

{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.

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