banner.html

<div style="
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    background: linear-gradient(45deg, #1a1a1a 0%, #333333 100%);
      padding: 24px;
      gap: 24px;
      border-radius: 8px;
    ">
  <div style="display: flex; gap: 8px;">
    <h1 style="
  font-size: 48px;
  color: #fafafa;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
">
     Ammarkids Photoshoots
    </h1>

  </div>

  <p style="
          margin: 0;
          line-height: 1.6rem;
          font-size: 16px;
          color: #fafafa;
          opacity: 0.8;
        ">
    Virtual Fitting Room<br>
    Dengan cara (1) pilih model atau upload foto diri, (2) pilih Kaos/Produk, (3) klik "Coba" <br>
  </p>

  <div style="
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      ">
  </div>
</div>