<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WaffleAuth - .NET Key Authorization System</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <nav>
    <div class="nav-content">
      <div class="logo">WaffleAuth</div>
      <div class="nav-links">
        <a href="#pricing">Pricing</a>
        <a href="https://auth.waffledev.com/docs.html">Documentation</a>
        <a href="https://discord.gg/SYZjUVM627" class="cta-button">Join Discord</a>
      </div>
    </div>
  </nav>

  <header>
    <div class="header-content">
      <h1>Secure Key Authorization for .NET Applications</h1>
      <p>Protect your WinForms and XAML applications with enterprise-grade licensing and authentication</p>
      <div class="header-buttons">
        <a href="#pricing" class="primary-button">Get Started</a>
        <a href="https://auth.waffledev.com/docs.html" class="secondary-button">View Docs</a>
      </div>
    </div>
  </header>

  <section id="updates">
    <div class="section-content">
      <h2>Updates & Announcements</h2>
      <div class="updates-grid">
        <div class="update-card">
          <span class="update-badge">Important Notice</span>
          <h3>Database Setup Required</h3>
          <p>WaffleAuth doesn't store your keys directly - you'll need a Firebase database (don't worry, it's free!). Join our Discord server for an easy setup tutorial.</p>
        </div>
        
        <div class="update-card">
          <span class="update-badge">Coming Soon</span>
          <h3>WaffleAuth 2.1</h3>
          <div class="update-features">
            <div class="update-feature">
              <h4>Mixed Mode</h4>
              <p>Combine both account and key authentication</p>
            </div>
            <div class="update-feature">
              <h4>Checkpoints</h4>
              <p>Create custom tasks users must complete to validate keys</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section id="features">
    <div class="section-content">
      <h2>Join Our Growing Community</h2>
      <div class="features-grid">
        <div class="feature-card">
          <svg class="feature-icon" width="24" height="24" viewBox="0 0 24 24">
            <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/>
          </svg>
          <h3>Keep Your Software Safe</h3>
          <p>Simple and reliable key system to protect your .NET applications with enterprise-grade security.</p>
        </div>
        
        <div class="feature-card">
          <svg class="feature-icon" width="24" height="24" viewBox="0 0 24 24">
            <path d="M13 13v8h8v-8h-8zM3 21h8v-8H3v8zM3 3v8h8V3H3zm13.66-1.31L11 7.34 16.66 13l5.66-5.66-5.66-5.65z"/>
          </svg>
          <h3>Quick Setup</h3>
          <p>Get started in minutes with our simple integration for XAML and WinForms applications.</p>
        </div>
        
        <div class="feature-card">
          <svg class="feature-icon" width="24" height="24" viewBox="0 0 24 24">
            <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>
          </svg>
          <h3>Stay Protected</h3>
          <p>Built to keep your software secure from unauthorized access with advanced HWID detection.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="pricing">
    <div class="section-content">
      <h2>Simple, Transparent Pricing</h2>
      <div class="pricing-cards">
        <div class="pricing-card">
          <h3>Monthly</h3>
          <div class="price">
            <span class="amount">$2</span>
            <span class="period">/month</span>
          </div>
          <ul class="pricing-features">
            <li>Key System</li>
            <li>Standard Integration</li>
            <li>HWID Detection</li>
            <li>Discord RPC</li>
            <li>24/7 Priority Support</li>
            <li>Rebranding Options</li>
            <li>Different License Types</li>
            <li>Real-time Key Management</li>
          </ul>
          <a href="https://buy.waffleauth.com/monthly" class="primary-button">Subscribe Now</a>
        </div>

        <div class="pricing-card featured">
          <div class="featured-label">Best Value</div>
          <h3>Lifetime</h3>
          <div class="price">
            <span class="amount">$15</span>
            <span class="period">one-time</span>
          </div>
          <ul class="pricing-features">
            <li>Key System</li>
            <li>Standard Integration</li>
            <li>HWID Detection</li>
            <li>Discord RPC</li>
            <li>24/7 Priority Support</li>
            <li>Rebranding Options</li>
            <li>Different License Types</li>
            <li>Real-time Key Management</li>
          </ul>
          <a href="https://buy.waffleauth.com/lifetime" class="primary-button">Buy Now</a>
        </div>
      </div>
    </div>
  </section>
  
  <footer>
    <div class="footer-content">
      <div class="footer-section">
        <h4>WaffleAuth</h4>
        <p>Secure key authorization for .NET applications</p>
      </div>
      <div class="footer-section">
        <h4>Links</h4>
        <a href="https://auth.waffledev.com/docs.html">Documentation</a>
        <a href="https://discord.gg/SYZjUVM627">Discord</a>
      </div>
      <div class="footer-section">
        <h4>Contact</h4>
        <a href="https://discord.gg/SYZjUVM627">Join our Discord</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2024 WaffleAuth. All rights reserved. | Made by WaffleDev</p>
    </div>
  </footer>
</body>
</html>