{% capture lang_base_url %}{% if page.language == 'default' %}{{ site.url }}/{% else %}{{ site.url }}/{{ page.language }}/{% endif %}{% endcapture %}
{% assign footer_data = site.data.languages[page.language].footer_section %}
{% if footer_data.cta_section.i_image %}
  {% assign client_cta_bg = '' %}
  {% capture client_cta_bg %}{% picture open_graph_2000 pages/{{ footer_data.cta_section.i_image}} %}{% endcapture %}
{% endif %}
<footer>
  <div class="custom_container_fluid">
    <div class="common_container">
      <div class="hero_section_footer">
        <div class="footer_bg_and_cta" style="background-image: url('{{ site.baseurl }}{{ client_cta_bg }}')">
          <div class="blue_card_wrapper">
            <div class="blue_card">
              <h2>{{ footer_data.cta_section.t_title_normal }} <span>{{ footer_data.cta_section.t_title_highlight }}</span></h2>
              <p>{{ footer_data.cta_section.t_desc }}</p>
              <a href="{{ lang_base_url }}{{ footer_data.cta_section.p_btn_link }}" class="btn_white">{{ footer_data.cta_section.t_btn_text }}</a>
            </div>
          </div>
        </div>
        <div class="image_and_footer">
          <footer class="footer_wrapper">
            <div class="footer_grid">

              <div class="footer_brand">
                <div class="logo_area">
                  <a class="logo_icon">
                    <img src="{{ site.url }}/assets/pages/{{ site.data.languages[page.language].footer_section.i_logo }}" alt="Altametrics Company Logo" loading="eager" fetchpriority="high">
                  </a>
                </div>
                <p class="brand_desc">{{ footer_data.brand_info.t_desc }}</p>

                <div class="contact_card">
                  {% for contact in footer_data.brand_info.contacts %}
                    <div class="contact_item">
                      <svg viewBox="0 0 24 24"><path d="{{ contact.i_icon_path }}"/></svg>
                      <span>{{ contact.t_text }}</span>
                    </div>
                  {% endfor %}

                  <div class="social_links">
                    {% for social in footer_data.brand_info.socials %}
                      <a href="{{ social.p_link }}" class="social_icon">
                        <svg viewBox="0 0 24 24"><path d="{{ social.i_icon_path }}"/></svg>
                      </a>
                    {% endfor %}
                  </div>
                </div>
              </div>

              <div class="footer_links_container">
                {% for group in footer_data.link_groups %}
                  <div class="link_group">
                    <h4 class="accordion_trigger">
                      {{ group.t_group_name }}
                      <span class="accordion_icon">
                        <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M7 10l5 5 5-5z"/></svg>
                      </span>
                    </h4>
                    <ul class="accordion_content">
                      {% for link in group.links %}
                        <li><a href="{{ lang_base_url }}{{ link.p_link }}">{{ link.t_name }}</a></li>
                      {% endfor %}
                    </ul>
                  </div>
                {% endfor %}
              </div>

            </div>

            <div class="footer_bottom">
              <div class="copyright_text">
                {{ footer_data.bottom_bar.t_copyright }}
              </div>
              <div class="legal_links">
                {% for link in footer_data.bottom_bar.legal_links %}
                  <a href="{{ lang_base_url }}{{ link.p_link }}">{{ link.t_name }}</a>
                  {% unless forloop.last %}<span>|</span>{% endunless %}
                {% endfor %}
              </div>
            </div>
          </footer>

        </div>
      </div>
    </div>
  </div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>