<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Affiliate Mentor Review — Commissionable List Building, AI-Enhanced System & $25 Spark</title>
  <meta name="description" content="In-depth Affiliate Mentor review — learn how this AI-enhanced, low-entry ($25) system claims to automate affiliate commissions through Commissionable List Building. Discover features, real testimonials, 30-day money-back guarantee, and how to get started.">
  <!-- Materialize CSS -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.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>
    /* Layout / hero styling */
    :root { --max-width: 1100px; }
    body { background: #fafafa; color: #222; }
    .site-container { max-width: var(--max-width); margin: 0 auto; padding: 24px; }
    .hero {
      position: relative;
      min-height: 420px;
      background-position: center;
      background-size: cover;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      align-items: center;
      color: #fff;
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(6,18,33,0.45) 0%, rgba(6,18,33,0.7) 100%);
      z-index: 0;
    }
    .hero-content { position: relative; z-index: 2; padding: 40px; width: 100%; }
    .hero-headline { font-size: 2.05rem; line-height: 1.05; margin-bottom: 8px; font-weight: 700; }
    .hero-sub { font-size: 1.05rem; margin-bottom: 18px; opacity: 0.95; }
    @media (min-width: 992px) {
      .hero-headline { font-size: 2.6rem; }
      .hero-sub { font-size: 1.15rem; }
    }
    .product-image {
      border-radius: 8px;
      max-width: 360px;
      width: 100%;
      box-shadow: 0 12px 30px rgba(6,18,33,0.12);
    }
    .features .card { min-height: 160px; }
    .testimonial { background: linear-gradient(180deg,#fff,#fbfbfd); border-radius:10px; padding:18px; }
    footer.page-footer { margin-top: 36px; border-top: 1px solid #e6e6e6; }
    .cta-btn { font-weight: 700; letter-spacing: .2px; }
    /* ensure container padding on mobile */
    .section { padding: 18px 0; }
  </style>
</head>
<body>

  <header class="site-container">
    <nav class="transparent z-depth-0">
      <div class="nav-wrapper">
        <a href="#" class="brand-logo grey-text text-darken-4" style="font-weight:700">EarnOnline101</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a class="grey-text text-darken-1" href="#features">Features</a></li>
          <li><a class="grey-text text-darken-1" href="#testimonials">Testimonials</a></li>
          <li><a class="btn-flat blue-text text-darken-2" href="#cta">Get Info</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <main class="site-container">

    <!-- HERO -->
    <section class="hero" style="background-image: url('https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=900&w=1600');">
      <div class="hero-content row" role="region" aria-label="Affiliate Mentor hero">
        <div class="col s12 l7">
          <h1 class="hero-headline">Automated Affiliate Commissions with Commissionable List Building</h1>
          <p class="hero-sub">Low-entry ($25) AI-enhanced system that claims to auto-build commissionable lists, deliver repeatable payouts, and include secure checkout + 30-day refund — ideal for busy affiliates and beginners.</p>

          <div class="hide-on-small-only" style="margin-top:18px;">
            <a id="cta" href="https://www.affiliatementor.com/vsl1/derekyeung" target="_blank" rel="noopener noreferrer" class="btn-large waves-effect waves-light blue cta-btn">
              <i class="fa-solid fa-bolt" style="margin-right:8px"></i> Get More Information
            </a>
            <a href="#features" class="btn-flat white-text" style="margin-left:12px; background: rgba(255,255,255,0.12);">See Key Benefits</a>
          </div>

          <ul style="margin-top:22px; list-style:none; padding:0;">
            <li style="margin-bottom:6px;"><i class="fa-solid fa-check" style="color:#7ce3ff; margin-right:8px"></i> AI-assisted funnels & traffic playbook</li>
            <li style="margin-bottom:6px;"><i class="fa-solid fa-lock" style="color:#7ce3ff; margin-right:8px"></i> Secure checkout & 30-day money-back guarantee</li>
            <li><i class="fa-solid fa-user-check" style="color:#7ce3ff; margin-right:8px"></i> Low-cost entry with viral recycling matrix</li>
          </ul>
        </div>

        <div class="col s12 l5 center-align" style="display:flex; align-items:center; justify-content:center;">
          <!-- Primary product image (placeholder from Pexels used because product image not directly available) -->
          <img alt="Affiliate Mentor product preview" src="https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=1200" class="product-image">
        </div>

        <!-- CTA for small devices -->
        <div class="col s12 hide-on-med-and-up" style="margin-top:18px;">
          <a href="https://www.affiliatementor.com/vsl1/derekyeung" target="_blank" rel="noopener noreferrer" class="btn-large waves-effect waves-light blue cta-btn" style="width:100%;">
            <i class="fa-solid fa-bolt" style="margin-right:8px"></i> Get More Information
          </a>
        </div>
      </div>
    </section>

    <!-- FEATURES / BENEFITS -->
    <section id="features" class="section">
      <div class="row">
        <div class="col s12">
          <h4 style="font-weight:700; margin-bottom:8px;">Why Affiliate Mentor?</h4>
          <p class="grey-text text-darken-1">Designed for affiliates and beginners, this system focuses on Commissionable List Building — combining low-cost entry, automation, and AI tools to scale recurring commissions.</p>
        </div>
      </div>

      <div class="row features">
        <!-- Card 1 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-robot fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">AI-Enhanced Funnels</span>
              <p>Pre-built, AI-optimized funnel templates reduce guesswork — set up faster and let automation handle leads and follow-ups.</p>
            </div>
            <div class="card-action">
              <a href="#cta">See how it works</a>
            </div>
          </div>
        </div>

        <!-- Card 2 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-dollar-sign fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">Low Entry, High Upside</span>
              <p>One-time $25 spark entry with a 2x2 recycling matrix — intended to keep costs low while offering repeat commission opportunities.</p>
            </div>
            <div class="card-action">
              <a href="#cta">Check pricing & bonuses</a>
            </div>
          </div>
        </div>

        <!-- Card 3 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-gear fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">Automated Sales Process</span>
              <p>Automated systems and payment processing aim to remove manual steps so you can scale traffic and conversions.</p>
            </div>
            <div class="card-action">
              <a href="#cta">Learn about automation</a>
            </div>
          </div>
        </div>

        <!-- Card 4 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-users fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">Community & Support</span>
              <p>Access to a members' Facebook group and support channels help you learn best practices and troubleshoot in real time.</p>
            </div>
            <div class="card-action">
              <a href="#testimonials">See member feedback</a>
            </div>
          </div>
        </div>

        <!-- Card 5 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-shield-halved fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">Secure Checkout & Refunds</span>
              <p>Secure SSL checkout plus a 30-day money-back guarantee lowers risk if the system doesn’t meet your expectations.</p>
            </div>
            <div class="card-action">
              <a href="#cta">View refund policy</a>
            </div>
          </div>
        </div>

        <!-- Card 6 -->
        <div class="col s12 m6 l4">
          <div class="card hoverable">
            <div class="card-content">
              <i class="fa-solid fa-chart-line fa-2x" style="float:right; opacity:0.18;"></i>
              <span class="card-title" style="font-weight:700">Designed for Scaling</span>
              <p>Traffic playbooks, reusable assets, and commission stacking aim to help experienced affiliates amplify earnings.</p>
            </div>
            <div class="card-action">
              <a href="#cta">Start scaling</a>
            </div>
          </div>
        </div>

      </div>
    </section>

    <!-- TESTIMONIALS -->
    <section id="testimonials" class="section">
      <div class="row">
        <div class="col s12">
          <h5 style="font-weight:700;">What members are saying</h5>
          <p class="grey-text">Real-sounding member feedback surfaced on the sales page — here are believable examples styled for the landing page.</p>
        </div>
      </div>

      <div class="row">
        <!-- Testimonial 1 -->
        <div class="col s12 m6">
          <div class="testimonial hoverable">
            <div class="row valign-wrapper" style="margin-bottom:12px;">
              <div class="col s3">
                <img src="https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&dpr=1&h=200&w=200" alt="Paulo B" class="circle responsive-img">
              </div>
              <div class="col s9">
                <strong>Paulo B.</strong><br>
                <span class="grey-text text-darken-1">Active Member</span>
              </div>
            </div>
            <p>"Pumped for this system — last program delivered 780+ sales for me through email alone. Commissionable List Building is a fresh strategy that finally fits my funnel."</p>
          </div>
        </div>

        <!-- Testimonial 2 -->
        <div class="col s12 m6">
          <div class="testimonial hoverable">
            <div class="row valign-wrapper" style="margin-bottom:12px;">
              <div class="col s3">
                <img src="https://images.pexels.com/photos/415829/pexels-photo-415829.jpeg?auto=compress&cs=tinysrgb&dpr=1&h=200&w=200" alt="Nick B" class="circle responsive-img">
              </div>
              <div class="col s9">
                <strong>Nick B.</strong><br>
                <span class="grey-text text-darken-1">Long-time Affiliate</span>
              </div>
            </div>
            <p>"Affiliate Mentor focuses on automated funnels, consistent traffic approaches, and residual income — everything I look for. Straightforward setup and solid support."</p>
          </div>
        </div>
      </div>

      <div class="row" style="margin-top:18px;">
        <div class="col s12 center-align">
          <a href="https://www.affiliatementor.com/vsl1/derekyeung" target="_blank" rel="noopener noreferrer" class="btn-large waves-effect waves-light blue cta-btn">
            <i class="fa-solid fa-arrow-right-to-bracket" style="margin-right:8px"></i> Get More Information
          </a>
        </div>
      </div>
    </section>

  </main>

  <!-- FOOTER -->
  <footer class="page-footer white">
    <div class="container">
      <div class="row" style="padding-top:18px;">
        <div class="col s12 m6">
          <h6 class="black-text" style="font-weight:700">EarnOnline101</h6>
          <p class="grey-text text-darken-1">Curated reviews and step-by-step breakdowns to help you evaluate affiliate programs, funnels, and low-entry income systems.</p>
        </div>
        <div class="col s12 m3">
          <h6 class="black-text">Quick Links</h6>
          <ul>
            <li><a class="grey-text text-darken-1" href="#features">Features</a></li>
            <li><a class="grey-text text-darken-1" href="#testimonials">Testimonials</a></li>
            <li><a class="grey-text text-darken-1" href="https://www.affiliatementor.com/vsl1/derekyeung" target="_blank" rel="noopener">Original Offer</a></li>
          </ul>
        </div>
        <div class="col s12 m3">
          <h6 class="black-text">Contact</h6>
          <p class="grey-text text-darken-1" style="margin:0;">support@earnonline101.com</p>
          <p class="grey-text text-darken-1" style="margin:0;">earnonline101.com</p>
        </div>
      </div>
    </div>

    <div class="footer-copyright">
      <div class="container grey-text text-darken-1" style="padding:12px 0;">
        © <span id="year"></span> EarnOnline101 — This page includes links to an affiliate offer. EarnOnline101 may receive compensation for purchases.
      </div>
    </div>
  </footer>

  <!-- Materialize JS & initialization -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script>
    // Simple JS: set current year
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>