<footer data-component-type="Footer" class="w-full bg-black text-white" data-component-slug="politician-party-template-footer">
  

  <!-- ================= MAIN FOOTER ================= -->
  <div class="w-full px-4 lg:px-[96px] py-20">
    <div class="max-w-[1728px] mx-auto">
      <div class="grid footer-grid">
        <!-- ===== BRAND ===== -->
        <div class="flex flex-col gap-6 footer-brand">
          {{#if show_footer_logo}}
          <img src="{{footer_logo}}" class="w-[180px]" data-node="footer_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045399/seltrix/templates/politician-party-template/footer-logo.svg">
          {{/if}} {{#if show_footer_desc}}
          <p class="footer-desc" data-node="footer_desc" data-node-type="text" data-node-default="Committed to responsible leadership and long-term progress. Serving the public with integrity, care, and purpose.">
            {{footer_desc}}
          </p>
          {{/if}}
        </div>

        <!-- ===== QUICK LINKS ===== -->
        <div class="flex flex-col gap-6 footer-links-quick">
          {{#if show_footer_quick_links_title}}
          <h4 class="footer-title" data-node="footer_quick_links_title" data-node-type="text" data-node-default="Quick Links">
            {{footer_quick_links_title}}
          </h4>
          {{/if}} {{#if show_ql_home}}
          <a class="footer-link" href="{{ql_home}}" data-node="ql_home" data-node-type="page_links" data-node-default="home">
            <span data-node="ql_home_txt" data-node-type="text" data-node-default="Home"> {{ql_home_txt}} </span>
          </a>
          {{/if}} {{#if show_ql_vision}}
          <a class="footer-link" href="{{ql_vision}}" data-node="ql_vision" data-node-type="page_links" data-node-default="our-vision">
            <span data-node="ql_vision_txt" data-node-type="text" data-node-default="Vision"> {{ql_vision_txt}} </span>
          </a>
          {{/if}} {{#if show_ql_history}}
          <a class="footer-link" href="{{ql_history}}" data-node="ql_history" data-node-type="page_links" data-node-default="history">
            <span data-node="ql_history_txt" data-node-type="text" data-node-default="Policy">
              {{ql_history_txt}}
            </span>
          </a>
          {{/if}} {{#if show_ql_updates}}
          <a class="footer-link" href="{{ql_updates}}" data-node="ql_updates" data-node-type="page_links" data-node-default="updates">
            <span data-node="ql_updates_txt" data-node-type="text" data-node-default="Updates">
              {{ql_updates_txt}}
            </span>
          </a>
          {{/if}}
        </div>

        <!-- ===== POLICIES ===== -->

        <div class="flex flex-col gap-6 footer-links-policies">
          <h4 class="footer-title" data-node="footer_policies_title" data-node-type="text" data-node-default="Policies">
            {{footer_policies_title}}
          </h4>

          {{#if show_policy_economy}}
          <a class="footer-link" href="{{policy_economy}}" data-node="policy_economy" data-node-type="url" data-node-default="#">
            <span data-node="policy_economy_txt" data-node-type="text" data-node-default="Economy">
              {{policy_economy_txt}}
            </span>
          </a>
          {{/if}} {{#if show_policy_society}}
          <a class="footer-link" href="{{policy_society}}" data-node="policy_society" data-node-type="url" data-node-default="#">
            <span data-node="policy_society_txt" data-node-type="text" data-node-default="Society">
              {{policy_society_txt}}
            </span>
          </a>
          {{/if}} {{#if show_policy_sustain}}
          <a class="footer-link" href="{{policy_sustain}}" data-node="policy_sustain" data-node-type="url" data-node-default="#">
            <span data-node="policy_sustain_txt" data-node-type="text" data-node-default="Sustainability">
              {{policy_sustain_txt}}
            </span>
          </a>
          {{/if}} {{#if show_policy_future}}
          <a class="footer-link" href="{{policy_future}}" data-node="policy_future" data-node-type="url" data-node-default="#">
            <span data-node="policy_future_txt" data-node-type="text" data-node-default="Future">
              {{policy_future_txt}}
            </span>
          </a>
          {{/if}}
        </div>

        <!-- ===== ENGAGE ===== -->

        <div class="flex flex-col gap-6 footer-links-engage">
          <h4 class="footer-title" data-node="footer_engage_title" data-node-type="text" data-node-default="Engage">
            {{footer_engage_title}}
          </h4>

          {{#if show_engage_dialogue}}
          <a class="footer-link" href="{{engage_dialogue}}" data-node="engage_dialogue" data-node-type="url" data-node-default="#">
            <span data-node="engage_dialogue_txt" data-node-type="text" data-node-default="Dialogue">
              {{engage_dialogue_txt}}
            </span>
          </a>
          {{/if}} {{#if show_engage_community}}
          <a class="footer-link" href="{{engage_community}}" data-node="engage_community" data-node-type="url" data-node-default="#">
            <span data-node="engage_community_txt" data-node-type="text" data-node-default="Community">
              {{engage_community_txt}}
            </span>
          </a>
          {{/if}} {{#if show_engage_updates}}
          <a class="footer-link" href="{{engage_updates}}" data-node="engage_updates" data-node-type="url" data-node-default="#">
            <span data-node="engage_updates_txt" data-node-type="text" data-node-default="Updates">
              {{engage_updates_txt}}
            </span>
          </a>
          {{/if}} {{#if show_engage_contact}}
          <a class="footer-link" href="{{engage_contact}}" data-node="engage_contact" data-node-type="url" data-node-default="#">
            <span data-node="engage_contact_txt" data-node-type="text" data-node-default="Contact">
              {{engage_contact_txt}}
            </span>
          </a>
          {{/if}}
        </div>

        <!-- ===== FOLLOW & NEWSLETTER ===== -->

        <div class="flex flex-col gap-6 footer-newsletter-section">
          <h4 class="footer-follow" data-node="footer_follow_title" data-node-type="text" data-node-default="Follow Us">
            {{footer_follow_title}}
          </h4>

          <div class="flex gap-4">
            {{#if show_footer_twitter}}
            <a href="{{footer_twitter_url}}" data-node="footer_twitter_url" data-node-type="url" data-node-default="#">
              <img src="{{footer_twitter}}" class="w-6" data-node="footer_twitter" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045411/seltrix/templates/politician-party-template/icon_twitter.svg">
            </a>
            {{/if}} {{#if show_footer_facebook}}
            <a href="{{footer_facebook_url}}" data-node="footer_facebook_url" data-node-type="url" data-node-default="#">
              <img src="{{footer_facebook}}" class="w-6" data-node="footer_facebook" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045408/seltrix/templates/politician-party-template/icon_facebook.svg">
            </a>
            {{/if}} {{#if show_footer_pinterest}}
            <a href="{{footer_pinterest_url}}" data-node="footer_pinterest_url" data-node-type="url" data-node-default="#">
              <img src="{{footer_pinterest}}" class="w-6" data-node="footer_pinterest" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045410/seltrix/templates/politician-party-template/icon_pinterest.svg">
            </a>
            {{/if}} {{#if show_footer_discord}}
            <a href="{{footer_discord_url}}" data-node="footer_discord_url" data-node-type="url" data-node-default="#">
              <img src="{{footer_discord}}" class="w-6" data-node="footer_discord" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045406/seltrix/templates/politician-party-template/icon_discord.svg">
            </a>
            {{/if}}
          </div>

          {{#if show_footer_newsletter}}
          <p class="footer-follow">
            <span data-node="footer_newsletter_title" data-node-type="text" data-node-default="Subscribe to newsletter">
              {{footer_newsletter_title}}
            </span>
          </p>

          <form data-footer-newsletter class="footer-subscribe-wrap">
            <input type="email" required class="footer-input" placeholder="{{footer_newsletter_placeholder}}" data-node="footer_newsletter_placeholder" data-node-type="text" data-node-default="Enter your email" name="email">

            <button type="submit" class="footer-btn">
              <span data-node="newsletter_btn_text" data-node-type="text" data-node-default="Subscribe">
                {{newsletter_btn_text}}
              </span>
            </button>
          </form>

          <div class="hidden mt-4 text-sm text-center" data-footer-newsletter-status></div>
          {{/if}}
        </div>
      </div>
    </div>
  </div>

  <!-- ================= BOTTOM BAR ================= -->
  {{#if show_footer_copyright}}
  <div class="footer-divider-line py-6">
    <p class="footer-copy" data-node="footer_copy" data-node-type="text" data-node-default="2025 All Rights Reserved">
      {{footer_copy}}
    </p>
  </div>

  {{/if}}
</footer>