{% set services = craft.entries().section("homepage").one().homeFeatureServices.all() %}
<section class="container py-16 lg:py-20 xl:py-24">
  <h1 class="heading-0 text-blue aos-init aos-animate" data-aos="fade-up"> {{entry.homeServiceHeading| nl2br}}</h1>
  <div class="flex flex-col items-start gap-4 mt-6 lg:flex-row lg:items-start lg:justify-between lg:gap-24 xl:mt-12 aos-init aos-animate" data-aos="fade-up">
    <div class="w-full max-w-3xl copy"> {{ entry.homeServiceDescription }}</div>
  </div>
  <div class="aos-init aos-animate" data-aos="fade-up">
    {% block cards %}
    	{% embed "skeletons/listing" with {
				self: {
					classes: "pb-12",
					heading: block.heading|default,
					cards: services,
					cardType: "article",
				}
			} %}
      {% endembed %}
    {% endblock %}
  </div>
  <div class="flex justify-center w-full gap-8 pb-32">
     <a href="{{craft.entries.section("sitemap").type("servicesListing").one().uri|default("services")}}" class="items-center pBtn">View All Services</a>
  </div>
</section>