Swarm/DysonNetwork.Sphere/Pages/Emails/LandingEmail.razor

47 lines
1.7 KiB
Plaintext

<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>
<div style="display: flex; flex-direction: column; gap: 1.5rem;">
<p style="color: #374151; margin: 0;">
Dear @Name,
</p>
<p style="color: #374151; margin: 0;">
Thank you for creating an account with DysonNetwork. 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>
<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>
</EmailLayout>
@code {
[Parameter] public required string Name { get; set; }
[Parameter] public required string VerificationLink { get; set; }
}