saani
cd5ad1d753
Add a complete contact form system with the following changes: - Create ContactMessage model to store form submissions with tracking fields (is_read, is_responded) - Implement ContactMessage admin interface with custom actions, filters, and bulk operations - Add contact endpoint documentation to API root view - Update email configuration to use admin@attunehearttherapy.com as sender address This enables users to submit contact inquiries and allows administrators to track and manage these messages efficiently through the Django admin panel.
80 lines
5.1 KiB
HTML
80 lines
5.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>Thank You for Contacting Us</title>
|
|
</head>
|
|
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f3f4f6;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f3f4f6; padding: 40px 0;">
|
|
<tr>
|
|
<td align="center">
|
|
<table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
|
|
<tr>
|
|
<td style="background: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%); padding: 40px; border-radius: 12px 12px 0 0; text-align: center;">
|
|
<h1 style="margin: 0; color: #ffffff; font-size: 28px; font-weight: 700;">
|
|
✨ Thank You!
|
|
</h1>
|
|
<p style="margin: 10px 0 0 0; color: #fce7f3; font-size: 16px;">
|
|
We've received your message
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 40px;">
|
|
<div style="text-align: center; margin-bottom: 30px;">
|
|
<div style="display: inline-block; background-color: #fef2f2; border-radius: 50%; padding: 20px; margin-bottom: 20px;">
|
|
<span style="font-size: 48px;">✅</span>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 style="margin: 0 0 20px 0; color: #111827; font-size: 22px; font-weight: 600; text-align: center;">
|
|
Hi {{ contact_message.name }},
|
|
</h2>
|
|
|
|
<p style="margin: 0 0 20px 0; color: #374151; font-size: 16px; line-height: 1.6; text-align: center;">
|
|
Thank you for reaching out to us. We've received your message and our team will review it shortly. We typically respond within 24-48 hours.
|
|
</p>
|
|
<div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 25px; margin: 30px 0;">
|
|
<h3 style="margin: 0 0 15px 0; color: #111827; font-size: 16px; font-weight: 600;">
|
|
Your Message:
|
|
</h3>
|
|
<p style="margin: 0; color: #6b7280; font-size: 14px; line-height: 1.6; white-space: pre-wrap;">{{ contact_message.message }}</p>
|
|
</div>
|
|
<div style="background-color: #fef2f2; border-left: 4px solid #f43f5e; padding: 20px; border-radius: 6px; margin: 30px 0;">
|
|
<p style="margin: 0 0 10px 0; color: #991b1b; font-weight: 600; font-size: 14px;">
|
|
📧 We'll reply to:
|
|
</p>
|
|
<p style="margin: 0; color: #b91c1c; font-size: 14px;">
|
|
{{ contact_message.email }}
|
|
</p>
|
|
</div>
|
|
|
|
<p style="margin: 30px 0 0 0; color: #6b7280; font-size: 14px; line-height: 1.6; text-align: center;">
|
|
If you have any urgent questions in the meantime, please don't hesitate to reach out to us directly.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="background-color: #f9fafb; padding: 30px; border-radius: 0 0 12px 12px; text-align: center; border-top: 1px solid #e5e7eb;">
|
|
<p style="margin: 0 0 15px 0; color: #111827; font-size: 14px; font-weight: 600;">
|
|
Need immediate assistance?
|
|
</p>
|
|
<p style="margin: 0; color: #6b7280; font-size: 13px; line-height: 1.6;">
|
|
Email us at <a href="mailto:{{support_email}}" style="color: #f43f5e; text-decoration: none;">{{support_email}}</a><br>
|
|
or call us at <a href="tel:+1754816-2311" style="color: #f43f5e; text-decoration: none;">+1 (754) 816-2311</a>
|
|
</p>
|
|
|
|
<div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e7eb;">
|
|
<p style="margin: 0 0 10px 0; color: #9ca3af; font-size: 12px;">
|
|
© {{ current_year }} {{ company_name }}. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |