WordPress Landing Page Code (For Affiliates)

Hey Guys! ❤️🙌

Here’s the landing page code that you can simply paste inside an HTML block in your WordPress website and you’ll have a ready-to-use landing page that you can customize via ChatGPT or any other AI tools to use for your affiliate marketing campaigns.

This lander has been tested by Brad (he has spent millions of dollars on Google Ads):

<style>
  :root{
    --card-bg:#fff;--page-bg:#f3f4f6;--accent:#2eb82e;
    --text:#111;--muted:#6b7280;--card-radius:6px;--max-width:820px;
  }
  html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;}
  body{background:var(--page-bg);display:flex;justify-content:center;padding:32px;color:var(--text);}
  .card{
    background:var(--card-bg);max-width:var(--max-width);width:100%;
    border-radius:var(--card-radius);box-shadow:0 6px 18px rgba(0,0,0,.08);
    border:1px solid #e6e9ee;overflow:hidden;
  }
  .meta{display:flex;align-items:center;gap:12px;padding:12px 18px;
    border-bottom:1px solid #f1f3f5;}
  .meta img{width:40px;height:40px;border-radius:6px;object-fit:cover;}
  .meta .info{font-size:13px;color:var(--muted);}
  .container{padding:28px;}
  h1{text-align:center;font-size:32px;margin:0 0 18px;font-weight:700;}
  .hero img{width:100%;border-radius:4px;margin-bottom:18px;}
  .lead{font-size:18px;margin:18px 0;color:#111;}
  .sub{font-size:13px;color:var(--muted);margin-bottom:18px;}
  .btn-green{
    display:block;width:100%;text-align:center;
    background:var(--accent);color:white;font-weight:700;
    padding:14px 0;border-radius:6px;text-decoration:none;font-size:18px;
    box-shadow:0 6px 16px rgba(46,184,46,0.18);border:0;
  }
  .btn-green:active{transform:translateY(1px)}
  .bullets{margin:14px 0 18px 0;padding-left:18px;color:var(--muted);font-size:15px;}
  .bullets li{margin:8px 0}
  @media(max-width:520px){h1{font-size:22px}.container{padding:18px}}
</style>

<div class="card" role="main" aria-labelledby="main-headline">
  <div class="meta" aria-hidden="true">
    <img src="https://letsmanifestdreams.com/wp-content/uploads/2025/11/istockphoto-1277873802-612x612-1.jpg" alt="author photo">
    <div class="info">
      <div style="font-weight:600;color:#0f172a">Andreas Nikolou</div>
      <div>6 years ago • 35,794 views</div>
    </div>
  </div>

  <div class="container">
    <h1 id="main-headline">Why You Keep Waking UP At 3 AM.</h1>

    <div class="hero">
      <img src="https://letsmanifestdreams.com/wp-content/uploads/2025/11/ad-4.-good-2.png" alt="hero image">
    </div>

    <p class="lead">
     You keep waking up around 3 a.m., suddenly alert and unable to fall back asleep. It’s one of the most common and frustrating sleep disruptions. Many people use YuSleep, a natural nighttime blend that helps support calmness and a steadier sleep rhythm. It isn’t a medical treatment, but users say it reduced their 3 a.m. wakeups.

    </p>

    <ul class="bullets" aria-hidden="false">
      <li><strong>Racing thoughts at 3 AM:</strong> your brain often flips into “busy mode” right when the body should be winding down.</li>
      <li><strong>Nighttime energy spikes:</strong> stress hormones or late caffeine can push you awake at the same hour every night.</li>
      <li><strong>Blood sugar dips or bathroom runs:</strong> small physiology changes can interrupt sleep and make it hard to return to deep rest.</li>
    </ul>

    <p class="sub">
      Want the short video that explains the most likely trigger for your 3 AM wakeups and what people are doing about it tonight? Click below.
    </p>

    <!-- VISIBLE GREEN BUTTON -->
    <a class="btn-green" role="button" aria-label="Learn More" href="https://f68eebq3ugs1k4aqvku7jjdm68.hop.clickbank.net/">Learn More</a>
  </div>
</div>