💄 Optimized landing email
This commit is contained in:
@@ -1,18 +1,29 @@
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="min-h-screen bg-gray-100 py-8 font-sans">
|
||||
<div class="max-w-2xl mx-auto px-8">
|
||||
<div class="bg-white rounded-lg shadow-md p-6">
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="https://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/foundation-emails@2.4.0/dist/foundation-emails.min.css">
|
||||
<style type="text/css">
|
||||
.container {
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table class="body">
|
||||
<tr>
|
||||
<td class="float-center" align="center" valign="top" style="padding: 2rem 1rem;">
|
||||
@ChildContent
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-6 text-sm text-gray-500">
|
||||
<p class="m-0">© @DateTime.Now.Year DysonNetwork. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@code {
|
||||
[Parameter]
|
||||
public RenderFragment? ChildContent { get; set; }
|
||||
[Parameter] public RenderFragment? ChildContent { get; set; }
|
||||
}
|
||||
@@ -1,44 +1,56 @@
|
||||
<EmailLayout>
|
||||
<div style="text-align: center; margin-bottom: 2rem;">
|
||||
<h1 style="font-size: 1.875rem; font-weight: 700; color: #111827; margin: 0;">Welcome to DysonNetwork!</h1>
|
||||
</div>
|
||||
<table class="container">
|
||||
<tr>
|
||||
<td class="columns">
|
||||
<h1 style="font-size: 1.875rem; font-weight: 700; color: #111827; margin: 0; text-align: center;">
|
||||
Welcome to the Solar Network!
|
||||
</h1>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div style="display: flex; flex-direction: column; gap: 1.5rem;">
|
||||
<p style="color: #374151; margin: 0;">
|
||||
Dear @Name,
|
||||
</p>
|
||||
<tr>
|
||||
<td class="columns">
|
||||
<p style="color: #374151; margin: 0;">
|
||||
Dear @Name,
|
||||
</p>
|
||||
<p style="color: #374151; margin: 0;">
|
||||
Thank you for creating an account on the Solar Network. We're excited to have you join our community!
|
||||
</p>
|
||||
<p style="color: #374151; margin: 0;">
|
||||
To access all features and ensure the security of your account, please confirm your registration by
|
||||
clicking the button below:
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<p style="color: #374151; margin: 0;">
|
||||
Thank you for creating an account with DysonNetwork. We're excited to have you join our community!
|
||||
</p>
|
||||
<tr>
|
||||
<td class="columns">
|
||||
<div style="text-align: center;">
|
||||
<button href="@VerificationLink"
|
||||
style="background-color: #2563eb; color: #ffffff; padding: 0.75rem 1.5rem; border-radius: 0.5rem; font-weight: 600; text-decoration: none;">
|
||||
Confirm Registration
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<p style="color: #374151; margin: 0;">
|
||||
To access all features and ensure the security of your account, please confirm your registration by clicking
|
||||
the button below:
|
||||
</p>
|
||||
|
||||
<div style="text-align: center; margin: 2rem 0;">
|
||||
<a href="@VerificationLink"
|
||||
style="display: inline-block; padding: 0.75rem 1.5rem; background-color: #2563eb; color: #ffffff; text-decoration: none; font-weight: 600; border-radius: 0.5rem;">
|
||||
Confirm Registration
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<p style="color: #374151; margin: 0;">
|
||||
If the button doesn't work, you can also copy and paste this link into your browser:
|
||||
<br>
|
||||
<span style="color: #2563eb; word-break: break-all;">@VerificationLink</span>
|
||||
</p>
|
||||
|
||||
<p style="color: #374151; margin: 0;">
|
||||
If you didn't create this account, please ignore this email.
|
||||
</p>
|
||||
|
||||
<p style="color: #374151; margin: 2rem 0 0 0;">
|
||||
Best regards,<br>
|
||||
The DysonNetwork Team
|
||||
</p>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="columns">
|
||||
<p style="color: #374151; margin: 0;">
|
||||
If the button doesn't work, you can also copy and paste this link into your browser:
|
||||
<br>
|
||||
<a href="@VerificationLink" style="color: #2563eb; word-break: break-all;">@VerificationLink</a>
|
||||
</p>
|
||||
<p style="color: #374151; margin: 0;">
|
||||
If you didn't create this account, please ignore this email.
|
||||
</p>
|
||||
<p style="color: #374151; margin: 2rem 0 0 0;">
|
||||
Best regards,<br>
|
||||
The Solar Network Team
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</EmailLayout>
|
||||
|
||||
@code {
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>@ViewData["Title"]</title>
|
||||
</head>
|
||||
<body style="margin: 0; padding: 0; background-color: #f3f4f6; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
|
||||
<div style="max-width: 42rem; margin: 0 auto; padding: 2rem;">
|
||||
<div style="background-color: #ffffff; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding: 1.5rem;">
|
||||
@RenderBody()
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: 1.5rem; font-size: 0.875rem; color: #6b7280;">
|
||||
<p style="margin: 0;">© @DateTime.Now.Year DysonNetwork. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user