LP Components

      <section class="three-steps">
        <h2>3 steps text here</h2>
        <p>Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.</p>
        <div class="three-steps-content">
          <div class="box">
            <img src="./images/step-1.png" class="lp-action" alt="step icon" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
          <div class="box">
            <img src="./images/step-2.png" class="lp-action" alt="step icon" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
          <div class="box">
            <img src="./images/step-3.png" class="lp-action" alt="step icon" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
        </div>
      </section>
    

      <section class="cards">
        <h2>Lorem ipsum dolor sit amet, consectetur.</h2>
        <div class="cards-content">
          <div class="box">
            <img src="./images/card-1.jpg" class="lp-action" alt="card pic" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
          <div class="box">
            <img src="./images/card-2.jpg" class="lp-action" alt="card pic" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
          <div class="box">
            <img src="./images/card-3.jpg" class="lp-action" alt="card pic" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
          <div class="box">
            <img src="./images/card-4.jpg" class="lp-action" alt="card pic" loading="lazy" />
            <h3>
              Title
            </h3>
            <p>
              Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
            </p>
          </div>
        </div>
      </section>
    

      <section class="boxes">
        <div class="boxes-content">
          <div class="box">
            <img src="./images/box-1.png" class="lp-action" alt="card pic" loading="lazy" />
            <p>Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.</p>
          </div>
          <div class="box">
            <img src="./images/box-2.png" class="lp-action" alt="card pic" loading="lazy" />
            <p>Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.</p>
          </div>
          <div class="box">
            <img src="./images/box-3.png" class="lp-action" alt="card pic" loading="lazy" />
            <p>Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.</p>
          </div>
          <div class="box">
            <img src="./images/box-4.png" class="lp-action" alt="card pic" loading="lazy" />
            <p>Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.</p>
          </div>
        </div>
      </section>
    

    <section class="two-people">
      <h2>
        Lorem ipsum dolor sit amet, consectetur.
      </h2>
      <div class="two-people-content">
        <div class="box">
          <img src="./images/avatar-1.png" loading="lazy" />
          <h3>
            Name Here
          </h3>
          <h4>
            Role
          </h4>
          <p>
            Nibh elit lacus mi elit, dui maecenas vestibulum cursus. Aliquet quam
            cursus tortor eu a. Enim, integer pellentesque sagittis lectus aliquam
            sed cursus tortor, ac. Ornare quisque ullamcorper a eleifend fringilla
            turpis.
          </p>
        </div>
        <div class="box">
          <img src="./images/avatar-2.png" loading="lazy" />
          <h3>
            Name Here
          </h3>
          <h4>
            Role
          </h4>
          <p>
            Nibh elit lacus mi elit, dui maecenas vestibulum cursus. Aliquet quam
            cursus tortor eu a. Enim, integer pellentesque sagittis lectus aliquam
            sed cursus tortor, ac. Ornare quisque ullamcorper a eleifend fringilla
            turpis.
          </p>
        </div>
      </div>
    </section>