<!-- PAGE WRAPPER -->
<div style="font-family:Arial, sans-serif; max-width:1100px; margin:0 auto; padding:40px 20px;">

  <!-- HERO -->
  <div style="text-align:center; margin-bottom:50px;">
    <h1 style="font-size:36px; font-weight:700; margin-bottom:10px;">
      Your Trusted Tools for Smarter Work & Digital Growth
    </h1>
    <p style="font-size:18px; color:#444;">
      Curated digital tools to help you earn more, save time, and transform your career or business.
    </p>
  </div>

  <!-- MAIN CARDS -->
  <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:25px;">

    <!-- CARD 1 -->
    <div style="width:300px; border:1px solid #ddd; border-radius:10px; padding:25px; text-align:center;">
      <h3 style="margin-bottom:10px; font-size:22px;">Zoho One</h3>
      <p style="color:#555; font-size:16px;">
        The all-in-one operating system for business.
      </p>
      <a href="https://go.ydtsglobal.com/zoho"
         style="display:inline-block; margin-top:12px; padding:10px 20px; background:#0066ff; color:#fff;
                text-decoration:none; border-radius:6px; font-weight:600;">
        Explore →
      </a>
    </div>

    <!-- CARD 2 -->
    <div style="width:300px; border:1px solid #ddd; border-radius:10px; padding:25px; text-align:center;">
      <h3 style="margin-bottom:10px; font-size:22px;">AI Tools</h3>
      <p style="color:#555; font-size:16px;">
        Automation and speed for everyday work.
      </p>
      <a href="#"
         style="display:inline-block; margin-top:12px; padding:10px 20px; background:#aaa; color:#fff;
                text-decoration:none; border-radius:6px;">
        Coming Soon
      </a>
    </div>

    <!-- CARD 3 -->
    <div style="width:300px; border:1px solid #ddd; border-radius:10px; padding:25px; text-align:center;">
      <h3 style="margin-bottom:10px; font-size:22px;">Job & Hiring Tools</h3>
      <p style="color:#555; font-size:16px;">
        Top tools for sourcing talent and job acceleration.
      </p>
      <a href="#"
         style="display:inline-block; margin-top:12px; padding:10px 20px; background:#aaa; color:#fff;
                text-decoration:none; border-radius:6px;">
        Coming Soon
      </a>
    </div>

  </div>

  <!-- FOOTER -->
  <div style="text-align:center; margin-top:60px; color:#777; font-size:14px;">
    Some links may earn us a commission at no extra cost to you.<br>
    We only feature tools we trust and use.
  </div>

</div>