<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" role="img" aria-label="Corporate website interface: headline, quote button and mobile view">
  <defs>
    <linearGradient id="wtBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#eaf1ff"/><stop offset="1" stop-color="#f7fbff"/></linearGradient>
    <linearGradient id="wtAna" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#1a6ef5"/><stop offset="1" stop-color="#00b4d8"/></linearGradient>
    <style>
      .wt-b  { font: 700 12px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#0f2057 }
      .wt-s  { font: 400 8.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#7c8db0 }
      .wt-u  { font: 400 7.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#93a3c2 }
      .wt-w  { font: 700 8.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#ffffff }
      .wt-wm { font: 400 7.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#b9cdf2 }
      .wt-k  { font: 600 8px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#4a6797 }
    </style>
  </defs>
  <rect width="400" height="200" fill="url(#wtBg)"/>
  <g opacity=".45" stroke="#c9dcff" stroke-width="1"><path d="M0 40h400M0 80h400M0 120h400M0 160h400"/></g>

  <rect x="30" y="26" width="256" height="152" rx="12" fill="#ffffff" stroke="#d7e3f7"/>
  <path d="M30 38a12 12 0 0 1 12-12h232a12 12 0 0 1 12 12v14H30z" fill="#eef4ff"/>
  <g fill="#c3d4ee"><circle cx="46" cy="39" r="3.2"/><circle cx="57" cy="39" r="3.2"/><circle cx="68" cy="39" r="3.2"/></g>
  <rect x="82" y="33" width="128" height="12" rx="6" fill="#ffffff"/>
  <text class="wt-u" x="90" y="41.5">your-company.com</text>

  <text class="wt-b" x="46" y="76">Corporate Website</text>
  <text class="wt-s" x="46" y="92">Responsive · fast · search-ready</text>
  <text class="wt-s" x="46" y="106">E-commerce and custom modules</text>
  <rect x="46" y="118" width="66" height="20" rx="7" fill="url(#wtAna)"/>
  <text class="wt-w" x="79" y="131.5" text-anchor="middle">Get a quote</text>
  <rect x="118" y="118" width="60" height="20" rx="7" fill="none" stroke="#c7d8f3"/>
  <text class="wt-k" x="148" y="131.5" text-anchor="middle">Explore</text>
  <text class="wt-u" x="46" y="160">Services · References · Contact</text>

  <rect x="196" y="66" width="76" height="96" rx="9" fill="#f2f7ff" stroke="#e0eaf9"/>
  <rect x="206" y="76" width="56" height="30" rx="6" fill="#dbe8fd"/>
  <text class="wt-k" x="234" y="95" text-anchor="middle">Product</text>
  <text class="wt-u" x="206" y="120">Catalogue</text>
  <text class="wt-u" x="206" y="134">Dealer login</text>
  <text class="wt-u" x="206" y="148">Booking</text>

  <rect x="278" y="96" width="106" height="74" rx="12" fill="#0f2057"/>
  <text class="wt-w" x="290" y="118">Mobile view</text>
  <text class="wt-wm" x="290" y="132">fits every screen</text>
  <rect x="290" y="142" width="82" height="18" rx="6" fill="url(#wtAna)"/>
  <text class="wt-w" x="331" y="154.5" text-anchor="middle">Calculate price</text>
  <circle cx="352" cy="52" r="9" fill="#ff8a3d" opacity=".85"/>
</svg>
