Usage of Headings

// CTA Header
<section>
  <h1>Example Header</h1>
  <p>Lorem ipsum text</p>
  <a href="#">Link Text</a>
</section>

// About Snippet 
<section>
  <h2>About Us</h2>
  <p>Lorem ipsum</p>
  <p>Lorem ipsum</p>
  <img src="" alt="" />
  <a href="#">Link Text</a>
</section>

// Link to Services
<section>
  <h2>Services</h2>
  <div>
    <a href="#">
      <h3>Service 1</h3>
      <img src="" alt="" />
    </a>
  </div>
    <div>
    <a href="#">
      <h3>Service 2</h3>
      <img src="" alt="" />
    </a>
  </div>
  ... etc
</section>

// Product Card Section
<section>
  <h2>Product Cards</h2>
  <div> 
    <a href="#">
      <h3>Product Name</h3>
    </a>
    <p>Product Description</p>
    <p class="sr-only">Rating 5 of 5 stars</p>
    <div aria-hidden="true">
      // Star Images
    </div>
    <a href="#">Select Options</a>
    <a href="#">Add to Cart</a>
    <a href="#">
      <img src="" alt="" />
    </a>
  </div>
  ... repeat
</section>

// Social Media Links
<section>
  <h2>Social Heading</h2>
  <div>
    <img src="" alt="Social Image" />
    <img src="" alt="Social Icon" />
  <div>
  <div>
    <img src="" alt="Social Image" />
    <img src="" alt="Social Icon" />
  <div>
  ... etc
</section>