saani
20b7455eb7
- Change support email from hello@attunehearttherapy.com to admin@attunehearttherapy.com across all email templates - Remove support contact section from admin notification template - Standardize email addresses by hardcoding admin email in templates - Remove unused CSS comment from base email template This ensures consistent support contact information across the application and directs user inquiries to the appropriate admin channel.
180 lines
4.3 KiB
HTML
180 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Email Verification</title>
|
|
<style>
|
|
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
Roboto, sans-serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
background-color: #f8fafc;
|
|
}
|
|
|
|
.email-container {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
background: #ffffff;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
.email-header {
|
|
background-image: linear-gradient(to right, #e11d48, #db2777, #f97316);
|
|
padding: 40px 30px;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
.email-header h1 {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.email-header p {
|
|
font-size: 16px;
|
|
opacity: 0.9;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.email-body {
|
|
padding: 40px 30px;
|
|
}
|
|
|
|
.greeting {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
color: #1f2937;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.otp-container {
|
|
background: #f8fafc;
|
|
border: 2px dashed #e2e8f0;
|
|
border-radius: 8px;
|
|
padding: 30px;
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.otp-code {
|
|
font-size: 42px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
letter-spacing: 8px;
|
|
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.email-footer {
|
|
background-image: linear-gradient(to right, #e11d48, #db2777, #f97316);
|
|
padding: 30px;
|
|
text-align: center;
|
|
border-top: 1px solid #e2e8f0;
|
|
}
|
|
|
|
.company-name {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.support-info {
|
|
color: #fff;
|
|
font-size: 14px;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.copyright {
|
|
color: #fff;
|
|
font-size: 12px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.email-container {
|
|
margin: 10px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.email-header,
|
|
.email-body,
|
|
.email-footer {
|
|
padding: 25px 20px;
|
|
}
|
|
|
|
.otp-code {
|
|
font-size: 32px;
|
|
letter-spacing: 6px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="email-container">
|
|
<!-- Header -->
|
|
<div class="email-header">
|
|
<h1>Verify Your Email Address</h1>
|
|
<p>Secure your account with one-time password</p>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<div class="email-body">
|
|
<p class="greeting">Hello {{ user_name }},</p>
|
|
<p>
|
|
Thank you for registering with us! To complete your registration and
|
|
secure your account, please use the following verification code:
|
|
</p>
|
|
|
|
<!-- OTP Display -->
|
|
<div class="otp-container">
|
|
<div class="otp-code">{{ otp }}</div>
|
|
</div>
|
|
|
|
<div>
|
|
<strong>Important:</strong> This code will expire in
|
|
<strong>{{ expiry_minutes }} minutes</strong> for security reasons.
|
|
</div>
|
|
|
|
<p>
|
|
If you didn't request this code, please ignore this email or contact
|
|
our support team immediately.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="email-footer">
|
|
<div class="company-name">{{ company_name }}</div>
|
|
<p class="support-info">
|
|
Need help? Contact our support team at
|
|
<a
|
|
href="mailto:admin@attunehearttherapy.com"
|
|
style="color: #fff; text-decoration: none"
|
|
>admin@attunehearttherapy.com</a
|
|
>
|
|
</p>
|
|
<p class="copyright">
|
|
© {{ current_year }} {{ company_name }}. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|