<div class="c-waffle">
  {% grid "o-grid--xsmall o-grid--flex" %}
    {% cell "u-1/1 u-1/3@small" %}
      {% grid "o-grid--flex" %}
        {% cell "u-1/1" %}
          {% embed "@molecules/tiles/tile.twig" with {
            tile: {
              classes: "c-tile--spaceless c-waffle__tile  t-customerService u-margin-bottom-tiny"
            }
          } %}
            {% block tile_content %}
              <a href="/products/crm-applications/customer-service" class="c-waffle__link">
                {% include "@atoms/typography/headings/h3.twig" with {
                  heading: {
                    text: "Customer Service",
                    classes: "c-heading--xlarge c-heading--uppercase c-waffle__heading"
                  }
                } %}
                
                {% include "@atoms/typography/paragraph.twig" with {
                  paragraph: {
                    text: "Deliver a satisfying, efficient, and accurate service experience.",
                    classes: "c-waffle__text"
                  }
                } %}
              </a>
            {% endblock %}
          {% endembed %}
        {% endcell %}
        
        {% cell "u-1/1" %}
          {% embed "@molecules/tiles/tile.twig" with {
            tile: {
              classes: "c-tile--spaceless c-waffle__tile  t-salesOnboarding u-margin-bottom-tiny"
            }
          } %}
            {% block tile_content %}
              <a href="/products/crm-applications/sales-and-onboarding" class="c-waffle__link">
                {% include "@atoms/typography/headings/h3.twig" with {
                  heading: {
                    text: "Sales &amp; Onboarding",
                    classes: "c-heading--xlarge c-heading--uppercase c-waffle__heading"
                  }
                } %}
                
                {% include "@atoms/typography/paragraph.twig" with {
                  paragraph: {
                    text: "Real-time guidance, intelligent automation and agile processes make sales easier.",
                    classes: "c-waffle__text"
                  }
                } %}
              </a>
            {% endblock %}
          {% endembed %}
        {% endcell %}
      {% endgrid %}
    {% endcell %}
    
    
    {% cell "u-1/1 u-1/3@small" %}
        {% embed "@molecules/tiles/tile.twig" with {
          tile: {
            classes: "c-tile--spaceless c-waffle__tile  t-platform u-margin-bottom-tiny"
          }
        } %}
          {% block tile_content %}
          
            <a href="/products/crm-applications/customer-service" class="c-waffle__link">
              {% include "@atoms/typography/headings/h3.twig" with {
                heading: {
                  text: "Pega 7 Platform",
                  classes: "c-heading--xlarge c-heading--uppercase c-waffle__heading"
                }
              } %}
              
              {% include "@atoms/typography/paragraph.twig" with {
                paragraph: {
                  text: "Only Pega offers one unified platform with everything you need to manage constant change in the digital age.",
                  classes: "c-waffle__text"
                }
              } %}
            </a>
          {% endblock %}
        {% endembed %}
    {% endcell %}
    
    
    {% cell "u-1/1 u-1/3@small" %}
      {% grid "o-grid--flex" %}
        {% cell "u-1/1" %}
          {% embed "@molecules/tiles/tile.twig" with {
            tile: {
              classes: "c-tile--spaceless c-waffle__tile  t-marketing u-margin-bottom-tiny"
            }
          } %}
            {% block tile_content %}
            
              <a href="/products/crm-applications/customer-service" class="c-waffle__link">
                {% include "@atoms/typography/headings/h3.twig" with {
                  heading: {
                    text: "Marketing",
                    classes: "c-heading--xlarge c-heading--uppercase c-waffle__heading"
                  }
                } %}
                
                {% include "@atoms/typography/paragraph.twig" with {
                  paragraph: {
                    text: "Generate greater engagement and profits with customer-centric offers.",
                    classes: "c-waffle__text"
                  }
                } %}
              </a>
            {% endblock %}
          {% endembed %}
        {% endcell %}
        
        {% cell "u-1/1" %}
          {% embed "@molecules/tiles/tile.twig" with {
            tile: {
              classes: "c-tile--spaceless c-waffle__tile  t-operations u-margin-bottom-tiny"
            }
          } %}
            {% block tile_content %}
            
              <a href="/products/crm-applications/customer-service" class="c-waffle__link">
                {% include "@atoms/typography/headings/h3.twig" with {
                  heading: {
                    text: "Operations",
                    classes: "c-heading--xlarge c-heading--uppercase c-waffle__heading"
                  }
                } %}
                
                {% include "@atoms/typography/paragraph.twig" with {
                  paragraph: {
                    text: "Simplify and automate to reduce costs, maintain compliance and improve agility.",
                    classes: "c-waffle__text"
                  }
                } %}
              </a>
            {% endblock %}
          {% endembed %}
        {% endcell %}
      {% endgrid %}
    {% endcell %}
  {% endgrid %}
</div>