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