<html>
  <head>
    <meta charset='utf-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Unlock More Capabilities with textbee.dev Pro</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;
      }
      .secondary-button { 
        display: inline-block; 
        background-color: #ffffff; 
        color: #4A90E2; 
        border: 1px solid #4A90E2;
        text-decoration: none; 
        padding: 11px 24px; 
        border-radius: 4px; 
        font-weight: 600;
        margin: 25px 10px;
        transition: background-color 0.3s ease;
      }
      .secondary-button:hover {
        background-color: #f0f7ff;
      }
      .footer { 
        text-align: center; 
        font-size: 12px; 
        color: #777; 
        margin-top: 30px; 
      }
      .testimonial {
        border-left: 4px solid #4A90E2;
        padding: 15px 20px;
        margin: 25px 0;
        background-color: #f8fbff;
        font-style: italic;
      }
      .testimonial-author {
        font-weight: 600;
        font-style: normal;
        margin-top: 10px;
      }
      .pro-feature {
        display: flex;
        align-items: flex-start;
        margin: 15px 0;
      }
      .feature-icon {
        width: 24px;
        height: 24px;
        background-color: #4A90E2;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 24px;
        margin-right: 15px;
        flex-shrink: 0;
      }
      .feature-content {
        flex-grow: 1;
      }
      .feature-content h4 {
        margin: 0 0 5px 0;
      }
      .feature-content p {
        margin: 0;
        color: #555;
      }
      .pricing-container {
        background-color: #f0f7ff;
        border-radius: 8px;
        padding: 20px;
        margin: 25px 0;
        text-align: center;
      }
      .pricing-option {
        display: inline-block;
        background-color: white;
        border-radius: 6px;
        padding: 20px;
        margin: 10px;
        width: 150px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      }
      .pricing-discount {
        color: #e63946;
        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 using textbee.dev! We're excited to see that you've been using our platform with {{deviceCount}} connected device{{#if deviceCount > 1}}s{{/if}}.</p>

        <p>Many of our users have found that upgrading to Pro helps them scale their SMS capabilities more effectively as they grow. Here's what you can unlock:</p>

        <div class="pro-feature">
          <div class="feature-icon">✓</div>
          <div class="feature-content">
            <h4>Unlimited Daily Messages</h4>
            <p>Remove the 50-message daily limit and scale your SMS communications as needed</p>
          </div>
        </div>
        
        <div class="pro-feature">
          <div class="feature-icon">✓</div>
          <div class="feature-content">
            <h4>Connect Multiple Devices</h4>
            <p>
              Connect multiple devices to your account to increase your SMS sending capacity.
            </p>
          </div>
        </div>
        
        <div class="pro-feature">
          <div class="feature-icon">✓</div>
          <div class="feature-content">
            <h4>Priority Support</h4>
            <p>Get faster responses and dedicated assistance for your integration questions</p>
          </div>
        </div>
        
        <div class="testimonial">
          "textbee.dev Pro has been game-changing for our delivery notifications. We've seen a 28% increase in customer satisfaction since implementing automated SMS updates."
          <div class="testimonial-author">- Sarah K., E-commerce Business Owner</div>
        </div>

        <p>As a valued user, we're offering you a special <span class="pricing-discount">30% discount</span> if you upgrade in the next 7 days:</p>

        <div class="pricing-container">
          <div class="pricing-option">
            <h4>Monthly</h4>
            <p style="text-decoration: line-through; color: #777; margin: 5px 0;">$9.99/mo</p>
            <p style="font-size: 18px; font-weight: bold; margin: 5px 0;">$6.99/mo</p>
            <p style="font-size: 12px; color: #666;">30% savings</p>
          </div>
          
          <div class="pricing-option">
            <h4>Annual</h4>
            <p style="text-decoration: line-through; color: #777; margin: 5px 0;">$99.99/yr</p>
            <p style="font-size: 18px; font-weight: bold; margin: 5px 0;">$69.99/yr</p>
            <p style="font-size: 12px; color: #666;">Save 42% vs monthly</p>
          </div>
        </div>

        <div style='text-align: center;'>
          <a href='https://textbee.dev/checkout/pro' class='button'>Upgrade to Pro</a>
          <a href='https://textbee.dev/#pricing' class='secondary-button'>Learn More</a>
        </div>

        <p>Not ready to upgrade? That's completely fine! Your free plan will continue to work as usual. If you have any questions about the Pro features or need help with your current setup, I'm happy to assist.</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>
        <p style="font-size: 10px; color: #999;">You're receiving this email because you have an active textbee.dev account. To update your preferences, visit your <a href="https://textbee.dev/account/notifications">account settings</a>.</p>
      </div>
    </div>
  </body>
</html>