05ebd0f2bb
- Add email template presets for Browse Templates tab (12 templates) - Add bulk selection and deletion for My Templates tab - Add communication credits system with Twilio integration - Add payment views for credit purchases and auto-reload - Add SMS reminder and masked calling plan permissions - Fix appointment status mapping (frontend/backend mismatch) - Clear masquerade stack on login/logout for session hygiene - Update platform settings with credit configuration - Add new migrations for Twilio and Stripe payment fields 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
88 lines
4.9 KiB
HTML
88 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Marketing - Newsletter Grid</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #e5e7eb; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
|
<!-- Top Bar -->
|
|
<tr>
|
|
<td style="background-color: #374151; padding: 10px 0; text-align: center; color: #d1d5db; font-size: 12px;">
|
|
View this email in your browser
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" style="padding: 40px 20px;">
|
|
<!-- Logo Header -->
|
|
<table width="640" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom: 20px;">
|
|
<tr>
|
|
<td align="center">
|
|
<h1 style="margin: 0; color: #1f2937; font-size: 28px; font-weight: 300; letter-spacing: 1px;">{{BUSINESS_NAME}} <span style="color: #3b82f6; font-weight: 700;">MONTHLY</span></h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Main Feature -->
|
|
<table width="640" cellpadding="0" cellspacing="0" role="presentation" style="background-color: #ffffff; margin-bottom: 20px;">
|
|
<tr>
|
|
<td>
|
|
<img src="https://placehold.co/640x320/3b82f6/ffffff?text=New+Service+Launch&font=roboto" alt="Feature" style="width: 100%; height: auto; display: block;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 30px;">
|
|
<h2 style="margin: 0 0 10px; color: #111827; font-size: 24px;">Introducing Our New Premium Service</h2>
|
|
<p style="margin: 0 0 20px; color: #4b5563; line-height: 1.6;">
|
|
We've been listening to your feedback and are excited to announce a brand new way to experience {{BUSINESS_NAME}}. Our new premium tier offers extended hours and dedicated support.
|
|
</p>
|
|
<a href="#" style="color: #3b82f6; text-decoration: none; font-weight: 600;">Read more →</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Two Column Grid -->
|
|
<table width="640" cellpadding="0" cellspacing="0" role="presentation">
|
|
<tr>
|
|
<td width="310" valign="top" style="background-color: #ffffff; padding-bottom: 20px;">
|
|
<img src="https://placehold.co/310x200/10b981/ffffff?text=Staff+Spotlight" alt="Staff" style="width: 100%; height: auto; display: block;">
|
|
<div style="padding: 20px;">
|
|
<h3 style="margin: 0 0 10px; color: #111827; font-size: 18px;">Employee of the Month</h3>
|
|
<p style="margin: 0 0 15px; color: #6b7280; font-size: 14px; line-height: 1.5;">
|
|
Meet Sarah, our lead specialist who has gone above and beyond this month.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td width="20"><!-- Gutter --></td>
|
|
<td width="310" valign="top" style="background-color: #ffffff; padding-bottom: 20px;">
|
|
<img src="https://placehold.co/310x200/f59e0b/ffffff?text=Community" alt="Community" style="width: 100%; height: auto; display: block;">
|
|
<div style="padding: 20px;">
|
|
<h3 style="margin: 0 0 10px; color: #111827; font-size: 18px;">Community Events</h3>
|
|
<p style="margin: 0 0 15px; color: #6b7280; font-size: 14px; line-height: 1.5;">
|
|
Join us this weekend for our local charity drive.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Footer -->
|
|
<table width="640" cellpadding="0" cellspacing="0" role="presentation" style="margin-top: 40px;">
|
|
<tr>
|
|
<td align="center">
|
|
<p style="margin: 0 0 10px; color: #9ca3af; font-size: 12px;">
|
|
© {{TODAY}} {{BUSINESS_NAME}}. All rights reserved.
|
|
</p>
|
|
<p style="margin: 0; color: #9ca3af; font-size: 12px;">
|
|
{{BUSINESS_ADDRESS}}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |