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>
77 lines
4.1 KiB
HTML
77 lines
4.1 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 - Vibrant</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #ffffff; font-family: 'Verdana', sans-serif;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
|
<!-- Colorful Top Bar -->
|
|
<tr>
|
|
<td height="8" style="background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);"></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" style="padding: 40px 20px;">
|
|
<table width="600" cellpadding="0" cellspacing="0" role="presentation">
|
|
<!-- Logo -->
|
|
<tr>
|
|
<td align="center" style="padding-bottom: 40px;">
|
|
<img src="https://placehold.co/80x80/8b5cf6/ffffff?text=S&font=montserrat" alt="SmoothSchedule" style="display: block; border-radius: 50%;">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Hero -->
|
|
<tr>
|
|
<td align="center">
|
|
<h1 style="margin: 0 0 20px; color: #111827; font-size: 42px; font-weight: 900; letter-spacing: -1px;">
|
|
Welcome to the family.
|
|
</h1>
|
|
<p style="margin: 0 0 40px; color: #6b7280; font-size: 18px; max-width: 480px;">
|
|
Thanks for joining <strong>{{BUSINESS_NAME}}</strong>! We're thrilled to have you on board.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Hero Image collage -->
|
|
<tr>
|
|
<td style="padding-bottom: 40px;">
|
|
<img src="https://placehold.co/600x300/f3f4f6/d1d5db?text=Lifestyle+Image+Collage" alt="Lifestyle" style="width: 100%; height: auto; border-radius: 12px; display: block;">
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Features Grid -->
|
|
<tr>
|
|
<td>
|
|
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
|
<tr>
|
|
<td width="33%" valign="top" style="padding-right: 10px;">
|
|
<h3 style="margin: 0 0 8px; color: #111827; font-size: 16px;">Expert Staff</h3>
|
|
<p style="margin: 0; color: #6b7280; font-size: 14px; line-height: 1.5;">Top-tier professionals ready to serve.</p>
|
|
</td>
|
|
<td width="33%" valign="top" style="padding: 0 10px;">
|
|
<h3 style="margin: 0 0 8px; color: #111827; font-size: 16px;">Easy Booking</h3>
|
|
<p style="margin: 0; color: #6b7280; font-size: 14px; line-height: 1.5;">Schedule anytime, anywhere.</p>
|
|
</td>
|
|
<td width="33%" valign="top" style="padding-left: 10px;">
|
|
<h3 style="margin: 0 0 8px; color: #111827; font-size: 16px;">Best Value</h3>
|
|
<p style="margin: 0; color: #6b7280; font-size: 14px; line-height: 1.5;">Premium service at great rates.</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- CTA -->
|
|
<tr>
|
|
<td align="center" style="padding-top: 60px;">
|
|
<a href="#" style="background-color: #111827; color: #ffffff; padding: 16px 40px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 16px;">Book Your First Visit</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |