🧱 Render email based on razor components

DysonNetwork.Sphere/Pages/Emails/LandingEmail.razor

@@ -0,0 +1,47 @@
+<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; }
+}