Provider Details

<div class="container provider-details-section">
  <div class="row flex-row-with-centered-cols">
    <div class="col-xs-12 col-sm-6">
      {% render '@provider-logo-with-text' %}
    </div>
    <div class="col-xs-12 col-sm-6">
      <div class="movu-icons-wrapper clearfix">
        {% render '@trust-badge', { badgeClass: "movu-badge-friendliness-de" } %}
        {% render '@trust-badge', { badgeClass: "movu-badge-carefulness-de" } %}
        {% render '@trust-badge', { badgeClass: "movu-badge-punctuality-de" } %}
        {% render '@trust-badge', { badgeClass: "movu-badge-over-2000-assignments-de" } %}
        {% render '@trust-badge', { badgeClass: "movu-badge-over-200-assignments-de" } %}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12 col-sm-6">
      <h2 class="about-title">About</h2>
      {% if emptyState %}
        {% render '@error', { text: "This company has't provided any information about itself yet. <br/> But you can be sure about it's work, because it's MOVU quality tested and approved to work with MOVU."} %}
      {% else %}
        <p>Note: This will be reach text.</p>
      {% endif %}
      <div class="ask-the-company">
        <h2>Ask the company?</h2>
        {% render '@text-area--simple' %}
      <movu-button primary text="Click me"></movu-button>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6">
      <div class="galery-section">
        <h2>Gallery</h2>
        {% render '@gallery-slideshow' %}
      </div>
    </div>
  </div>
  <div class="row">
    {% render '@company-rating' %}
  </div>
</div>