<mjml>
  <mj-head>
    <mj-include path="../components/head.mjml" />
  </mj-head>

  <mj-body>
    <mj-wrapper css-class="border-fix" padding="20px 20px">
      <mj-bw-hero
        img-src="https://assets.bitwarden.com/email/v1/business.png"
        title="A Bitwarden member has invited you to Bitwarden Password Manager"
        button-text="Finish account setup"
        button-url="#"
      />

      <mj-section>
        <mj-column>
          <mj-button href="#">Join Organization Now</mj-button>

          <mj-text>
            This invitation expires on
            <b>Tuesday, January 23, 2024 2:59PM UTC</b>.
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section background-color="#fbfbfb">
        <mj-column width="70%">
          <mj-text line-height="24px">
            <h3 style="font-size: 20px; margin: 0; line-height: 28px">
              We’re here for you!
            </h3>
            If you have any questions, search the Bitwarden
            <a href="#" class="link">Help</a>
            site or
            <a href="#" class="link">contact us</a>.
          </mj-text>
        </mj-column>
        <mj-column width="30%">
          <mj-image
            src="https://assets.bitwarden.com/email/v1/chat.png"
            height="77px"
            width="94px"
          />
        </mj-column>
      </mj-section>
    </mj-wrapper>

    <mj-include path="../components/footer.mjml" />
  </mj-body>
</mjml>
