{% set data = data|default({
  "svgUrl":"."
}) 
%}
<div class="">
    {% include '@asbestos/components/header/header.twig' %}
    {% include '@asbestos/components/navigation/nav-main.twig' %}
    {% include '@asbestos/components/navigation/breadcrumbs.twig' with {
      breadcrumb : [
          {
            "text": "Home",
            "url": "#"
          },
          {
            "text": "Identifying asbestos",
            "url": "#"
          },
          {
            "text": "Search asbestos products",
            "url": "#"
          }
      ]
      
    } %}
    {% include '@asbestos/components/hero-search/hero-search.twig' %}
  <div class="nsw-wysiwyg-content nsw-container p-0">
    <a class="nsw-direction-link pl-3" href="#">
        <img src="{{data.svgUrl}}/images/arrow.svg" class="nsw-icon nsw-icon--rotate-180">
        <span class="nsw-direction-link__text">
          Back <span class="sr-only">of page</span>
        </span>
    </a>
    <h1 class="col-12 mt-3">Select a location</h1>
    <p class="col-12 h3 font-weight-normal">Areas where asbestos could be found</p>
    <div class="mt-3">
        <div class="row m-0">
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Around the home', copy: 'Home built before 1990 can contain many types of asbestos products', theme: 'media', img: "./images/search-result-1.png", "svgUrl":"." }
            } %}</div>
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Commercial', copy:'Asbestos products and materials in larger commercial buildings, structures and sites', theme: 'media', img: "./images/search-result-2.png", "svgUrl":"." }
            } %}</div>
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Community infrastructure & spaces', copy:'Asbestos products and materials in open spaces', theme: 'media', img: "./images/search-result-3.png", "svgUrl":"." }
            } %}</div>
        </div>
        <div class="row m-0">
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Industrial', copy: 'Inducstrial areas contain many different types of asbestos', theme: 'media', img: "./images/search-result-1.png", "svgUrl":"." }
            } %}</div>
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Boats & automotive', copy:'Asbestos can be found in older boats and automotive products', theme: 'media', img: "./images/search-result-2.png", "svgUrl":"." }
            } %}</div>
          <div class="col-md-6 col-lg-4 mb-4">{% include '@asbestos/components/teasers/teaser-card.twig' with { 
            "data" : { titleModifierClass: 'h4 font-weight-bold', heading: 'Agricultural and horticultural', copy:'Asbestos commonly used in farm and horticultural structures', theme: 'media', img: "./images/search-result-3.png", "svgUrl":"." }
            } %}</div>
        </div>
    </div>
  </div>
  <div class="">
    {% include '@asbestos/components/footer/footer.twig' %}
  </div>
</div>