<html>
  <head>
    <meta charset='utf-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Getting Started with textbee.dev</title>
    <style>
      body { 
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        line-height: 1.6; 
        color: #333;
        margin: 0; 
        padding: 0; 
        background-color: #f7f9fc;
      } 
      .container { 
        max-width: 600px; 
        margin: 0 auto;
        padding: 20px; 
      } 
      .header { 
        text-align: center; 
        padding: 20px 0; 
      } 
      .logo { 
        max-width: 150px; 
      } 
      .content { 
        background-color: #ffffff; 
        padding: 35px; 
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      } 
      .button { 
        display: inline-block; 
        background-color: #4A90E2; 
        color: white; 
        text-decoration: none; 
        padding: 12px 28px; 
        border-radius: 4px; 
        font-weight: 600;
        margin: 25px 0;
        transition: background-color 0.3s ease;
      }
      .button:hover {
        background-color: #3A80D2;
      }
      .footer { 
        text-align: center; 
        font-size: 12px; 
        color: #777; 
        margin-top: 30px; 
      } 
      .value-prop {
        background-color: #f0f7ff;
        padding: 20px;
        border-radius: 6px;
        margin: 25px 0;
      }
      .value-prop h3 {
        color: #4A90E2;
        margin-top: 0;
      }
      .help-section {
        margin: 30px 0;
        padding: 20px;
        background-color: #f9f9f9;
        border-radius: 6px;
      }
      .help-section h3 {
        margin-top: 0;
      }
      .use-case {
        margin-bottom: 15px;
      }
      .use-case-icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-color: #4A90E2;
        color: white;
        border-radius: 50%;
        text-align: center;
        line-height: 24px;
        margin-right: 10px;
        font-weight: bold;
      }
      .social-links {
        margin-top: 20px;
      }
      .social-links a {
        display: inline-block;
        margin: 0 10px;
        color: #4A90E2;
        text-decoration: none;
      }
    </style>
  </head>
  <body>
    <div class='container'>
      <div class='header'>
        <!-- Logo could be added here -->
      </div>

      <div class='content'>
        <h2>Hello {{name}},</h2>

        <p>Thank you for creating your textbee.dev account! We're excited to have you with us.</p>

        <div class="value-prop">
          <h3>What can you do with textbee.dev?</h3>
          <p>Our users are leveraging textbee.dev to:</p>
          
          <div class="use-case">
            <div class="use-case-icon">1</div>
            <strong>Send notifications and alerts</strong> - Keep customers informed about orders, appointments, and more
          </div>
          
          <div class="use-case">
            <div class="use-case-icon">2</div>
            <strong>Implement 2FA with SMS verification</strong> - Add an extra layer of security to your applications
          </div>
          
          <div class="use-case">
            <div class="use-case-icon">3</div>
            <strong>Build interactive SMS workflows</strong> - Create engaging experiences for your users
          </div>
        </div>

        <p>Getting started with textbee.dev is straightforward:</p>

        <ol>
          <li><strong>Install the Android app</strong> - Our app connects securely to your phone's SMS capabilities</li>
          <li><strong>Register your device</strong> - A simple process using a QR code from your dashboard</li>
          <li><strong>Start sending and receiving messages</strong> - Through our intuitive dashboard or API</li>
        </ol>

        <div style='text-align: center;'>
          <a href='https://textbee.dev/dashboard' class='button'>Visit Your Dashboard</a>
        </div>

        <div class="help-section">
          <h3>Need help getting started?</h3>
          <p>We've prepared resources to make your setup experience smooth:</p>
          <ul>
            <li><a href="https://textbee.dev/quickstart">Quick Start Guide</a> - Step-by-step instructions</li>
            <li><a href="https://api.textbee.dev">API Documentation</a> - For developers</li>
            <li><a href="https://textbee.dev/use-cases">Use Cases & Examples</a> - See what's possible</li>
          </ul>
        </div>

        <p>If you have questions or run into any issues, I'm here to help. Just reply to this email or contact our support team at <a href='mailto:support@textbee.dev'>support@textbee.dev</a>.</p>

        <p>Looking forward to seeing what you'll build with textbee.dev!</p>

        <p>Best regards,<br />The textbee.dev Team</p>
        
        <div class="social-links">
          <a href="https://discord.gg/d7vyfBpWbQ">Join our Discord Community</a> | 
          <a href="https://github.com/vernu/textbee">Star us on GitHub</a>
        </div>
      </div>

      <div class='footer'>
        <p>© 2025 textbee.dev. All rights reserved.</p>
      </div>
    </div>
  </body>
</html>