Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <title>🚀 Coming Soon: Slot Demo Hub | BetDiamonds</title>
  <meta name="description" content="Exciting news! BetDiamonds is launching a Slot Demo Hub soon—your gateway to free slot demos from top providers. Be the first to know when we go live!">
  <style>
    :root {
      --primary: #3f51b5;
      --secondary: #00c853;
      --dark: #1a237e;
      --text: #2d3748;
      --light-gray: #f8f9fa;
    }
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    
    body {
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      background: var(--light-gray);
      color: var(--text);
      line-height: 1.6;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 1.5rem;
    }

    .coming-soon-container {
      max-width: 600px;
      margin: 0 auto;
      padding: 2rem;
      background: white;
      border-radius: 16px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    }

    h1 {
      color: var(--dark);
      font-size: clamp(1.8rem, 5vw, 2.5rem);
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
    }

    .teaser-text {
      font-size: 1.1rem;
      color: #4a5568;
      margin-bottom: 2rem;
      line-height: 1.7;
    }

    .countdown {
      display: flex;
      gap: 1rem;
      justify-content: center;
      margin: 2rem 0;
      flex-wrap: wrap;
    }

    .countdown-item {
      background: var(--primary);
      color: white;
      padding: 1rem;
      border-radius: 8px;
      min-width: 80px;
    }

    .countdown-number {
      font-size: 2rem;
      font-weight: 700;
    }

    .countdown-label {
      font-size: 0.8rem;
      opacity: 0.9;
      text-transform: uppercase;
    }

    .notify-form {
      margin-top: 2rem;
    }

    .email-input {
      width: 100%;
      padding: 1rem;
      border: 1px solid #ddd;
      border-radius: 8px;
      font-size: 1rem;
      margin-bottom: 1rem;
    }

    .notify-btn {
      background: var(--secondary);
      color: white;
      border: none;
      padding: 1rem 2rem;
      font-size: 1rem;
      font-weight: 600;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.2s;
      width: 100%;
    }

    .notify-btn:hover {
      background: #00b248;
    }

    .social-links {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: center;
    }

    @media (max-width: 480px) {
      .coming-soon-container {
        padding: 1.5rem;
      }
      
      .countdown {
        gap: 0.5rem;
      }
      
      .countdown-item {
        min-width: 70px;
        padding: 0.75rem;
      }
    }
  </style>
</head>
<body>
  <div class="coming-soon-container">
    <h1>🎰 <span>Slot Demo Hub</span> <span style="color:#ff6d00;">Coming Soon</span></h1>
    
    <p class="teaser-text">
      We're building something extraordinary! The BetDiamonds Slot Demo Hub will give you instant access to hundreds of free slot games from top providers—no registration required.
    </p>
    
    <div class="countdown">
      <div class="countdown-item">
        <div class="countdown-number" id="days">14</div>
        <div class="countdown-label">Days</div>
      </div>
      <div class="countdown-item">
        <div class="countdown-number" id="hours">06</div>
        <div class="countdown-label">Hours</div>
      </div>
      <div class="countdown-item">
        <div class="countdown-number" id="minutes">23</div>
        <div class="countdown-label">Minutes</div>
      </div>
      <div class="countdown-item">
        <div class="countdown-number" id="seconds">47</div>
        <div class="countdown-label">Seconds</div>
      </div>
    </div>
    
    <div class="notify-form">
      <p style="margin-bottom:1rem;font-weight:500;">Get notified when we launch:</p>
      <input type="email" class="email-input" placeholder="Your best email address">
      <button class="notify-btn">Notify Me</button>
    </div>
    
    <div class="social-links">
      <a href="#" style="color:#1a237e;">Facebook</a>
      <a href="#" style="color:#1a237e;">Twitter</a>
      <a href="#" style="color:#1a237e;">Instagram</a>
    </div>
  </div>

  <script>
    // Countdown timer (sample launch date: 2 weeks from now)
    const launchDate = new Date();
    launchDate.setDate(launchDate.getDate() + 14);
    
    function updateCountdown() {
      const now = new Date();
      const diff = launchDate - now;
      
      const days = Math.floor(diff / (1000 * 60 * 60 * 24));
      const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((diff % (1000 * 60)) / 1000);
      
      document.getElementById('days').textContent = days.toString().padStart(2, '0');
      document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
      document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
      document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
    }
    
    // Initial update
    updateCountdown();
    
    // Update every second
    setInterval(updateCountdown, 1000);
    
    // Simple form handling
    document.querySelector('.notify-btn').addEventListener('click', function() {
      const email = document.querySelector('.email-input').value;
      if (email && email.includes('@')) {
        alert('Thanks! We\'ll notify you when we launch.');
        document.querySelector('.email-input').value = '';
      } else {
        alert('Please enter a valid email address.');
      }
    });
  </script>
</body>
</html>

betdiamonds

🎰 Slot Demo Hub Coming Soon