<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO -->
  <title>DreamShare Affiliate Program – Earn Online with a Simple Digital Income System</title>
  <meta name="description" content="Discover how the DreamShare affiliate program helps you earn recurring income online with a simple system, powerful tools, and global opportunity. Watch the video and get started today.">

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  <!-- Font Awesome -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

  <style>
    :root {
      --theme-color: #007bff;
    }
    body {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
    }
    .hero {
      background: linear-gradient(135deg, var(--theme-color), #0056b3);
      color: #fff;
      padding: 70px 0;
    }
    .section-padding {
      padding: 60px 0;
    }
    .benefit-icon {
      font-size: 2rem;
      color: var(--theme-color);
      margin-bottom: 15px;
    }
    .cta {
      background: #f8f9fa;
      text-align: center;
      padding: 70px 20px;
    }
    .btn-theme {
      background: var(--theme-color);
      border: none;
      padding: 14px 32px;
      font-size: 1.1rem;
    }
    .btn-theme:hover {
      background: #0056b3;
    }
    footer {
      background: #111;
      color: #ccc;
      padding: 20px 0;
      text-align: center;
      font-size: 0.9rem;
    }
  </style>
</head>
<body>

  <!-- HERO -->
  <section class="hero text-center">
    <div class="container">
      <h1 class="fw-bold mb-3">Build Recurring Income Online</h1>
      <p class="lead mb-4">Discover a simple digital system designed to help you share, grow, and earn from anywhere.</p>

      <div class="d-flex justify-content-center">
        <div class="ratio ratio-16x9" style="max-width:720px;">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/LeCFBvZS4sM?si=rPvH7a0JgGmwtYIR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </section>

  <!-- BENEFITS -->
  <section class="section-padding">
    <div class="container">
      <div class="text-center mb-5">
        <h2 class="fw-bold">Why People Are Joining</h2>
        <p class="text-muted">A simple opportunity with powerful advantages</p>
      </div>

      <div class="row text-center g-4">
        <div class="col-md-4">
          <i class="fa-solid fa-globe benefit-icon"></i>
          <h5 class="fw-semibold">Global Opportunity</h5>
          <p class="text-muted">Build a business you can run from anywhere with internet access.</p>
        </div>

        <div class="col-md-4">
          <i class="fa-solid fa-money-bill-trend-up benefit-icon"></i>
          <h5 class="fw-semibold">Recurring Income Potential</h5>
          <p class="text-muted">Earn ongoing commissions as your network and customer base grow.</p>
        </div>

        <div class="col-md-4">
          <i class="fa-solid fa-bolt benefit-icon"></i>
          <h5 class="fw-semibold">Simple System</h5>
          <p class="text-muted">Leverage ready-to-use tools and resources designed for beginners.</p>
        </div>

        <div class="col-md-6">
          <i class="fa-solid fa-users benefit-icon"></i>
          <h5 class="fw-semibold">Community & Support</h5>
          <p class="text-muted">Learn from others and grow faster with shared knowledge and training.</p>
        </div>

        <div class="col-md-6">
          <i class="fa-solid fa-clock benefit-icon"></i>
          <h5 class="fw-semibold">Flexible Lifestyle</h5>
          <p class="text-muted">Work on your schedule and scale at your own pace.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="cta">
    <div class="container">
      <h2 class="fw-bold mb-3">Ready to See How It Works?</h2>
      <p class="mb-4 text-muted">Click below to learn more and get started with the program today.</p>

      <a href="https://gdirotator.com/dreamshare/" class="btn btn-theme btn-lg text-white">
        Get Started Now
      </a>
    </div>
  </section>

  <!-- FOOTER -->
  <footer>
    <div class="container">
      © <span id="year"></span> HomeBizPayDay.com — All Rights Reserved
    </div>
  </footer>

  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>

</body>
</html>