<div class="ds-landing" style="text-align:center; padding:40px 0; font-family:Inter, Segoe UI, sans-serif;">

  <!-- Header -->
  <div class="ds-header">
    <h1 style="font-size:46px; font-weight:700; color:#2C4856; margin-bottom:20px;">
      DODDS &amp; SHUTE Supplier Portal Wiki
    </h1>

    <p style="font-size:18px; color:#6c757d; margin-bottom:60px;">
      Your central documentation hub.
    </p>
  </div>

  <!-- Navigation boxes BELOW the header -->
  <div class="ds-nav-boxes" style="
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:24px;
      margin-bottom:60px;
  ">

    <a href="/wiki/supplier/goals/" style="padding:18px 28px; border:2px solid #2C4856; border-radius:14px; color:#2C4856; font-weight:600; text-decoration:none; font-size:18px; background:#ffffff; min-width:200px; display:inline-block;">
      Goals
    </a>


    
 <a href="/wiki/docs/portal-overview/" style="padding:18px 28px; border:2px solid #2C4856; border-radius:14px; color:#2C4856; font-weight:600; text-decoration:none; font-size:18px; background:#ffffff; min-width:200px; display:inline-block;">
      Portal Overview
    </a>

<a href="/wiki/supplier/discount-terms/" style="padding:18px 28px; border:2px solid #2C4856; border-radius:14px; color:#2C4856; font-weight:600; text-decoration:none; font-size:18px; background:#ffffff; min-width:200px; display:inline-block;">
      Discount Types
    </a>

   
   

    

  </div>

  <!-- Scaled PNG illustration -->
  <div class="ds-hero-image">
    <img src="/media/images/copy-5-1237566872supplier-portal.original.original.png"
         alt="Supplier Portal Illustration"
         style="max-width:500px; width:100%; height:auto; margin:0 auto; display:block; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.06);">
  </div>




#[Discount Terms](wiki:DiscountTerms)