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.
171 lines
4.1 KiB
HTML
171 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>Password Reset</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: #fff5f5;
|
|
border: 2px dashed #fed7d7;
|
|
border-radius: 8px;
|
|
padding: 30px;
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.otp-code {
|
|
font-size: 42px;
|
|
font-weight: 700;
|
|
color: #c53030;
|
|
letter-spacing: 8px;
|
|
font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
|
|
}
|
|
|
|
.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">
|
|
<div class="email-header">
|
|
<h1>Password Reset Request</h1>
|
|
<p>Secure your account with verification code</p>
|
|
</div>
|
|
<div class="email-body">
|
|
<p class="greeting">Hello {{ user_name }},</p>
|
|
<p>
|
|
We received a request to reset your password for your account. Use the
|
|
verification code below to proceed with resetting your password:
|
|
</p>
|
|
|
|
<div class="otp-container">
|
|
<div class="otp-code">{{ otp }}</div>
|
|
</div>
|
|
|
|
<div class="expiry-notice">
|
|
<strong> Important:</strong> This code will expire in
|
|
<strong>{{ expiry_minutes }} minutes</strong> for security reasons.
|
|
</div>
|
|
|
|
<div>
|
|
<strong>Note:</strong> This password reset request was initiated from
|
|
our system. If this wasn't you, your account might be at risk.
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|