RadiantWaveTech/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Resend email template HTML files

Browse Source
This commit is contained in:
NeilClack
2026-09-10 14:35:54 -05:00
parent f6b8cad15e
commit 9cd5397395
4 changed files with 690 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emails/email-verification-email.html
+166
View File
@@ -0,0 +1,166 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<title>Verify your email address</title>
</head>
<body
style="
margin: 0;
padding: 0;
background-color: #f1f5f9;
-webkit-font-smoothing: antialiased;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
"
>
<!-- Preheader (hidden) -->
<div style="display: none; max-height: 0; overflow: hidden; opacity: 0; color: transparent">
Confirm your email address to activate your Radiant Wave account.
</div>
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
style="background-color: #f1f5f9; padding: 32px 12px"
>
<tr>
<td align="center">
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="
width: 100%;
max-width: 600px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
overflow: hidden;
"
>
<tr>
<td style="padding: 28px 32px 0 32px">
<span
style="
display: inline-block;
background-color: #4f46e5;
border-radius: 10px;
padding: 10px 14px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
"
>
Radiant Wave
</span>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 0 32px">
<h1
style="
margin: 0 0 12px 0;
color: #0f172a;
font-size: 24px;
line-height: 1.25;
font-weight: 700;
"
>
Confirm your email address
</h1>
<p style="margin: 0 0 8px 0; color: #334155; font-size: 16px; line-height: 1.6">
Thanks for signing up for Radiant Wave. Verify your email address to activate your
account.
</p>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<table role="presentation" cellpadding="0" cellspacing="0">
<tr>
<td style="border-radius: 10px; background-color: #4f46e5">
<a
href="{{{verification_link}}}"
target="_blank"
style="
display: inline-block;
padding: 14px 28px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 10px;
"
>
Verify Email Address
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<p style="margin: 0; color: #64748b; font-size: 13px; line-height: 1.6">
If the button doesn't work, copy and paste this link into your browser:
</p>
<p
style="
margin: 6px 0 0 0;
word-break: break-all;
font-size: 13px;
line-height: 1.6;
"
>
<a
href="{{{verification_link}}}"
target="_blank"
style="color: #4f46e5; text-decoration: underline"
>{{{verification_link}}}</a
>
</p>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 32px 32px">
<hr style="border: none; border-top: 1px solid #e2e8f0; margin: 0 0 16px 0" />
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
This link expires in 1 hour. If you didn't create an account, you can safely
ignore this email.
</p>
</td>
</tr>
</table>
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="width: 100%; max-width: 600px"
>
<tr>
<td style="padding: 20px 8px; text-align: center">
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
Sent to {{{target_email_address}}}<br />
&copy; Radiant Wave Technologies
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
emails/license-key-delivery.html
+184
View File
@@ -0,0 +1,184 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<title>Your Radiant Wave License Key</title>
</head>
<body
style="
margin: 0;
padding: 0;
background-color: #f1f5f9;
-webkit-font-smoothing: antialiased;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
"
>
<!-- Preheader (hidden) -->
<div style="display: none; max-height: 0; overflow: hidden; opacity: 0; color: transparent">
Here's your Radiant Wave license key.
</div>
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
style="background-color: #f1f5f9; padding: 32px 12px"
>
<tr>
<td align="center">
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="
width: 100%;
max-width: 600px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
overflow: hidden;
"
>
<tr>
<td style="padding: 28px 32px 0 32px">
<span
style="
display: inline-block;
background-color: #4f46e5;
border-radius: 10px;
padding: 10px 14px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
"
>
Radiant Wave
</span>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 0 32px">
<h1
style="
margin: 0 0 12px 0;
color: #0f172a;
font-size: 24px;
line-height: 1.25;
font-weight: 700;
"
>
Your license key
</h1>
<p style="margin: 0 0 8px 0; color: #334155; font-size: 16px; line-height: 1.6">
Hi {{{firstName}}}, your Radiant Wave account is ready. Here's your license key —
you'll need it to activate the app.
</p>
</td>
</tr>
<tr>
<td style="padding: 20px 32px 0 32px">
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
style="background-color: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 12px"
>
<tr>
<td style="padding: 18px 20px; text-align: center">
<p
style="
margin: 0 0 6px 0;
color: #64748b;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
"
>
Your License Key
</p>
<p
style="
margin: 0;
color: #0f172a;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.06em;
word-break: break-all;
"
>
{{{license_key}}}
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 20px 32px 0 32px">
<table role="presentation" cellpadding="0" cellspacing="0">
<tr>
<td style="border-radius: 10px; background-color: #4f46e5">
<a
href="https://portal.radiantwavetech.com/dashboard"
target="_blank"
style="
display: inline-block;
padding: 14px 28px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 10px;
"
>
Go to Your Dashboard
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 32px 32px">
<hr style="border: none; border-top: 1px solid #e2e8f0; margin: 0 0 16px 0" />
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
Keep this key safe — anyone who has it can activate the app. If you didn't request
this, contact support.
</p>
</td>
</tr>
</table>
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="width: 100%; max-width: 600px"
>
<tr>
<td style="padding: 20px 8px; text-align: center">
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
&copy; Radiant Wave Technologies
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
emails/password-reset-email.html
+166
View File
@@ -0,0 +1,166 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<title>Reset your Radiant Wave password</title>
</head>
<body
style="
margin: 0;
padding: 0;
background-color: #f1f5f9;
-webkit-font-smoothing: antialiased;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
"
>
<!-- Preheader (hidden) -->
<div style="display: none; max-height: 0; overflow: hidden; opacity: 0; color: transparent">
Choose a new password for your Radiant Wave account.
</div>
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
style="background-color: #f1f5f9; padding: 32px 12px"
>
<tr>
<td align="center">
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="
width: 100%;
max-width: 600px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
overflow: hidden;
"
>
<tr>
<td style="padding: 28px 32px 0 32px">
<span
style="
display: inline-block;
background-color: #4f46e5;
border-radius: 10px;
padding: 10px 14px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
"
>
Radiant Wave
</span>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 0 32px">
<h1
style="
margin: 0 0 12px 0;
color: #0f172a;
font-size: 24px;
line-height: 1.25;
font-weight: 700;
"
>
Reset your password
</h1>
<p style="margin: 0 0 8px 0; color: #334155; font-size: 16px; line-height: 1.6">
We received a request to reset your Radiant Wave password. Click the button below
to choose a new one.
</p>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<table role="presentation" cellpadding="0" cellspacing="0">
<tr>
<td style="border-radius: 10px; background-color: #4f46e5">
<a
href="{{{reset_link}}}"
target="_blank"
style="
display: inline-block;
padding: 14px 28px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 10px;
"
>
Reset Password
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<p style="margin: 0; color: #64748b; font-size: 13px; line-height: 1.6">
If the button doesn't work, copy and paste this link into your browser:
</p>
<p
style="
margin: 6px 0 0 0;
word-break: break-all;
font-size: 13px;
line-height: 1.6;
"
>
<a
href="{{{reset_link}}}"
target="_blank"
style="color: #4f46e5; text-decoration: underline"
>{{{reset_link}}}</a
>
</p>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 32px 32px">
<hr style="border: none; border-top: 1px solid #e2e8f0; margin: 0 0 16px 0" />
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
This link expires in 1 hour. If you didn't request a password reset, you can
safely ignore this email — your password won't change.
</p>
</td>
</tr>
</table>
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="width: 100%; max-width: 600px"
>
<tr>
<td style="padding: 20px 8px; text-align: center">
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
Sent to {{{target_email_address}}}<br />
&copy; Radiant Wave Technologies
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
emails/registration-email.html
+174
View File
@@ -0,0 +1,174 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<title>Welcome to Radiant Wave</title>
</head>
<body
style="
margin: 0;
padding: 0;
background-color: #f1f5f9;
-webkit-font-smoothing: antialiased;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
"
>
<!-- Preheader (hidden) -->
<div style="display: none; max-height: 0; overflow: hidden; opacity: 0; color: transparent">
Set your password to finish setting up your Radiant Wave account.
</div>
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
style="background-color: #f1f5f9; padding: 32px 12px"
>
<tr>
<td align="center">
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="
width: 100%;
max-width: 600px;
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
overflow: hidden;
"
>
<tr>
<td style="padding: 28px 32px 0 32px">
<span
style="
display: inline-block;
background-color: #4f46e5;
border-radius: 10px;
padding: 10px 14px;
color: #ffffff;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.01em;
"
>
Radiant Wave
</span>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 0 32px">
<h1
style="
margin: 0 0 12px 0;
color: #0f172a;
font-size: 24px;
line-height: 1.25;
font-weight: 700;
"
>
Welcome to Radiant Wave
</h1>
<p style="margin: 0 0 8px 0; color: #334155; font-size: 16px; line-height: 1.6">
An account has been created for you. Set a password to finish setting up your
account and access your dashboard.
</p>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<table role="presentation" cellpadding="0" cellspacing="0">
<tr>
<td style="border-radius: 10px; background-color: #4f46e5">
<a
href="{{{registration_link}}}"
target="_blank"
style="
display: inline-block;
padding: 14px 28px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 10px;
"
>
Set Your Password
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 16px 32px 0 32px">
<p style="margin: 0; color: #64748b; font-size: 13px; line-height: 1.6">
If the button doesn't work, copy and paste this link into your browser:
</p>
<p
style="
margin: 6px 0 0 0;
word-break: break-all;
font-size: 13px;
line-height: 1.6;
"
>
<a
href="{{{registration_link}}}"
target="_blank"
style="color: #4f46e5; text-decoration: underline"
>{{{registration_link}}}</a
>
</p>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 0 32px">
<p style="margin: 0; color: #334155; font-size: 15px; line-height: 1.6">
After you set your password, sign in and complete your profile to get started.
</p>
</td>
</tr>
<tr>
<td style="padding: 24px 32px 32px 32px">
<hr style="border: none; border-top: 1px solid #e2e8f0; margin: 0 0 16px 0" />
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
This link expires in 1 hour. If you didn't expect this email, you can safely
ignore it.
</p>
</td>
</tr>
</table>
<table
role="presentation"
width="600"
cellpadding="0"
cellspacing="0"
style="width: 100%; max-width: 600px"
>
<tr>
<td style="padding: 20px 8px; text-align: center">
<p style="margin: 0; color: #94a3b8; font-size: 12px; line-height: 1.6">
Sent to {{{target_email_address}}}<br />
&copy; Radiant Wave Technologies
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>