stack/src/components/main-footer/main-footer-column/main-footer-column.twig line 1

Open in your IDE?
  1. {%- set class_name = [
  2.   "main-footer-column",
  3.   "d-flex flex-column gap-2",
  4.   props.extra_class ? props.extra_class : null,
  5. ]|join(' ')|trim -%}
  7. {%- set attrs = [
  8.   'class="' ~ class_name ~ '"',
  9. ] -%}
  11. {%- set attrs = attrs|join(' ')|trim -%}
  13. {% set social_btn = {
  14.   size: "sm",
  15.   icon_only: true,
  16.   stroke_off: true
  17. } %}
  19. <div {{ attrs|raw }}>
  21.   {% if props.title %}
  22.     {% include "@Components/base-heading/base-heading.twig" with {props: {
  23.       title: props.title,
  24.       level: 2,
  25.       style: "h3",
  26.       extra_class: "main-footer__title mb-1 mb-xl-3"
  27.     }} %}
  28.   {% endif %}
  30.   {% if props.phone or props.email %}
  31.     <div class="main-footer__contact d-flex flex-column gap-2 mb-1 mb-xl-3">
  32.       {% include "@Components/link/link-phone.twig" with {props: props.phone|merge({
  33.         extra_class: "u-fw-700"
  34.       })} %}
  36.       {% include "@Components/link/link-email.twig" with {props: props.email|merge({
  37.         extra_class: "main-footer__email u-fw-700"
  38.       })} %}
  39.     </div>
  40.   {% endif %}
  42.   {% if props.content %}
  43.     <div class="main-footer-column__content entry-content">
  44.       {{ props.content|raw }}
  45.     </div>
  46.   {% endif %}
  48.   {% if props.nav %}
  49.     {% include "@Components/main-footer/main-footer-nav/main-footer-nav.twig" with {props: {nav: props.nav}} %}
  50.   {% endif %}
  52.   {% if props.logo %}
  53.     <div class="main-footer-column__logo mx-auto p-3">
  54.       {% include "@Components/img/img.twig" with {props: props.logo} %}
  55.     </div>
  56.   {% endif %}
  58.   {% if props.socials %}
  59.     <div class="main-footer-column__socials d-flex gap-2 flex-wrap justify-content-center mx-auto mt-1 mt-md-3">
  60.       {% if props.socials.facebook %}
  61.         {% include "@Components/button/button.twig" with {props: props.socials.facebook|merge(social_btn)|merge({
  62.           variant: "facebook",
  63.         })} %}
  64.       {% endif %}
  66.       {% if props.socials.twitter %}
  67.         {% include "@Components/button/button.twig" with {props: props.socials.twitter|merge(social_btn)|merge({
  68.           variant: "twitter",
  69.         })} %}
  70.       {% endif %}
  72.       {% if props.socials.instagram %}
  73.         {% include "@Components/button/button.twig" with {props: props.socials.instagram|merge(social_btn)|merge({
  74.           variant: "instagram",
  75.         })} %}
  76.       {% endif %}
  78.       {% if props.socials.linkedin %}
  79.         {% include "@Components/button/button.twig" with {props: props.socials.linkedin|merge(social_btn)|merge({
  80.           variant: "linkedin",
  81.         })} %}
  82.       {% endif %}
  84.       {% if props.socials.youtube %}
  85.         {% include "@Components/button/button.twig" with {props: props.socials.youtube|merge(social_btn)|merge({
  86.           variant: "youtube",
  87.         })} %}
  88.       {% endif %}
  89.     </div>
  90.   {% endif %}
  92. </div>