Files
triqura-ecd/docs/emails/reset-password.html
2025-11-19 12:22:52 +01:00

105 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wachtwoord opnieuw instellen - AI Speedrun</title>
<!--[if mso]>
<style type="text/css">
body, table, td {font-family: Arial, sans-serif !important;}
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0; background-color: #F8FAFC; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F8FAFC;">
<tr>
<td align="center" style="padding: 40px 20px;">
<!-- Main Container -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
<!-- Header -->
<tr>
<td style="padding: 40px 40px 30px; text-align: center; border-bottom: 1px solid #E2E8F0;">
<h1 style="margin: 0; font-size: 24px; font-weight: 600; color: #0F172A; line-height: 1.3;">
Wachtwoord opnieuw instellen
</h1>
</td>
</tr>
<!-- Content -->
<tr>
<td style="padding: 40px 40px 30px;">
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #475569;">
Je hebt een verzoek gedaan om je wachtwoord opnieuw in te stellen voor je AI Speedrun account.
</p>
<p style="margin: 0 0 30px; font-size: 16px; line-height: 1.6; color: #475569;">
Klik op de onderstaande knop om een nieuw wachtwoord in te stellen:
</p>
<!-- CTA Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding: 0 0 30px;">
<a href="{{ .ConfirmationURL }}" style="display: inline-block; padding: 14px 32px; background-color: #0D9488; color: #FFFFFF; text-decoration: none; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 1.5;">
Wachtwoord opnieuw instellen
</a>
</td>
</tr>
</table>
<!-- Alternative Link -->
<p style="margin: 0 0 20px; font-size: 14px; line-height: 1.6; color: #64748B;">
Werkt de knop niet? Kopieer en plak deze link in je browser:
</p>
<p style="margin: 0 0 30px; font-size: 12px; line-height: 1.6; color: #0D9488; word-break: break-all;">
{{ .ConfirmationURL }}
</p>
<!-- Security Warning -->
<div style="padding: 16px; background-color: #FEF2F2; border-left: 3px solid #DC2626; border-radius: 4px;">
<p style="margin: 0; font-size: 14px; line-height: 1.6; color: #991B1B;">
<strong>Belangrijk:</strong> Als je deze email niet hebt aangevraagd, kun je deze veilig negeren. Je wachtwoord blijft ongewijzigd.
</p>
</div>
<!-- Expiry Note -->
<p style="margin: 20px 0 0; font-size: 14px; line-height: 1.6; color: #64748B;">
Deze link is 1 uur geldig. Na deze tijd moet je een nieuw verzoek indienen.
</p>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding: 30px 40px 40px; text-align: center; border-top: 1px solid #E2E8F0; background-color: #F8FAFC;">
<p style="margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: #64748B;">
Vragen over je account? Neem contact met ons op via <a href="mailto:support@aispeedrun.nl" style="color: #0D9488; text-decoration: none;">support@aispeedrun.nl</a>
</p>
<p style="margin: 0; font-size: 12px; line-height: 1.6; color: #94A3B8;">
AI Speedrun - Software on Demand<br>
Build in Public door <a href="https://ikbenlit.nl" style="color: #0D9488; text-decoration: none;">AI Speedrun</a>
</p>
</td>
</tr>
</table>
<!-- Bottom Spacing -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px;">
<tr>
<td style="padding: 20px 0; text-align: center;">
<p style="margin: 0; font-size: 11px; line-height: 1.5; color: #94A3B8;">
Je ontvangt deze email omdat er een wachtwoord reset is aangevraagd voor je account.
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>