Waitlist Widget

<!-- The Factory Waitlist Widget -->
<div class="waitlist-widget" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 60px 40px; border-radius: 16px; text-align: center; color: white; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);">
    <h2 style="font-size: 48px; font-weight: 700; margin: 0 0 16px 0;">
        Join <span id="waitlist-count" style="color: #fbbf24;">...</span> people waiting
    </h2>
    <p style="font-size: 20px; margin: 0 0 32px 0; opacity: 0.9;">
        Be part of the sovereign AI revolution
    </p>
    <a href="https://login.lx7.ca/signup.html" style="display: inline-block; background: white; color: #667eea; padding: 16px 48px; border-radius: 8px; text-decoration: none; font-size: 18px; font-weight: 600; transition: transform 0.2s; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
        Join the Waitlist →
    </a>
    <p style="font-size: 14px; margin: 24px 0 0 0; opacity: 0.8;">
        No credit card required • Takes 30 seconds
    </p>
</div>
<script>
    // Fetch live waitlist count
    fetch('https://api.lx7.ca/waitlist-count')
        .then(r => r.json())
        .then(data => {
            document.getElementById('waitlist-count').textContent = data.count || 0;
        })
        .catch(() => {
            document.getElementById('waitlist-count').textContent = '0';
        });
</script>