<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Email Verification</title>
    </head>

    <body
        style="margin:0;padding:0;font-family:Arial, sans-serif;background:#f4f4f4;">

        <!-- Header -->
        <div
            style="background:#4CAF50;padding:20px;text-align:center;color:#fff;">
            <h1>{{appName}}</h1>
        </div>

        <!-- Body -->
        <div
            style="background:#ffffff;padding:30px;margin:20px;border-radius:8px;">

            <h2>Hi {{name}}👋</h2>

            <p>
                Welcome to <b>{{appName}}</b>!
            </p>

            <p> Welcome! Thank you for creating your account.

                To complete your registration, please verify your email address
                using the One-Time Password (OTP) below:

                <br><br>

                <strong>Your Verification Code:</strong><br>
                <h2 style="letter-spacing:4px; margin:10px 0;">{{otp}}</h2>

                This verification code is valid for <strong>10 minutes</strong>.
                For your security, any previously generated codes are no longer
                valid.

                <br><br>

                If you did not create an account, you can safely ignore this
                email. No further action is required.

                <br><br>

                Thank you,<br>
                <strong>Your Team</strong>

                <br><br>

                <small style="color:#777;">
                    This is an automated email. Please do not reply to this
                    message.
                </small>
            </p>

            <br>

        </div>

        <!-- Footer -->
        <div style="text-align:center;padding:15px;font-size:12px;color:#888;">
            © {{year}} {{appName}}. All rights reserved.
        </div>

    </body>
</html>