<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Our Platform</title>
</head>
<body>
    <div style="max-width: 600px; margin: 0 auto; font-family: Arial, sans-serif;">
        <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px; text-align: center; color: white;">
            <h1 style="margin: 0; font-size: 28px;">🎉 Welcome Aboard!</h1>
            <p style="margin: 10px 0 0 0; font-size: 16px; opacity: 0.9;">We're excited to have you join our community</p>
        </div>
        
        <div style="padding: 40px; background: white;">
            <h2 style="color: #333; margin-bottom: 20px;">Hello %FIRSTNAME%!</h2>
            
            <p style="color: #666; line-height: 1.6; margin-bottom: 20px;">
                Thank you for creating an account with us. We're thrilled to welcome you to our platform where you can explore amazing features and connect with our community.
            </p>
            
            <div style="background: #f8fafc; padding: 20px; border-radius: 8px; margin: 20px 0;">
                <h3 style="color: #333; margin-top: 0;">🚀 Getting Started</h3>
                <ul style="color: #666; line-height: 1.6;">
                    <li>Complete your profile setup</li>
                    <li>Explore our dashboard features</li>
                    <li>Join our community discussions</li>
                    <li>Check out our help center for tips</li>
                </ul>
            </div>
            
            <div style="text-align: center; margin: 30px 0;">
                <a href="%SITE_URL%/dashboard" style="display: inline-block; padding: 14px 28px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-decoration: none; border-radius: 8px; font-weight: 600;">
                    Get Started Now
                </a>
            </div>
            
            <p style="color: #666; line-height: 1.6; margin-bottom: 20px;">
                If you have any questions or need assistance, our support team is here to help. Don't hesitate to reach out!
            </p>
            
            <p style="color: #666; line-height: 1.6;">
                Best regards,<br>
                <strong>The %SITE_NAME% Team</strong>
            </p>
        </div>
        
        <div style="background: #f7fafc; padding: 20px; text-align: center; color: #718096; font-size: 14px;">
            <p>© 2024 %SITE_NAME%. All rights reserved.</p>
            <p>
                <a href="%SITE_URL%/privacy" style="color: #667eea; text-decoration: none;">Privacy Policy</a> | 
                <a href="%SITE_URL%/terms" style="color: #667eea; text-decoration: none;">Terms of Service</a>
            </p>
        </div>
    </div>
</body>
</html> 