<footer data-component-type="Footer" class="w-full bg-black text-white pt-20 pb-12" data-component-slug="history-template-footer">
  <!-- OUTER CONTAINER -->
  <div class="w-full px-6 lg:px-[96px]">
    <div class="max-w-[1728px] mx-auto">
      <!-- MAIN GRID -->
      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <!-- ================= LEFT : BRAND ================= -->
        <div class="border border-[#4B4B4B] p-8 flex flex-col justify-between">
          {{#if show_footer_logo}}
          <img src="{{footer_logo}}" class="w-32 sm:w-40 lg:w-44" data-node="footer_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046266/seltrix/templates/history-template/history-logo.svg">
          {{/if}} {{#if show_footer_desc}}
          <p class="font-['Albert Sans'] text-[20px] leading-[100%] mt-10" data-node="footer_desc" data-node-type="text" data-node-default="Journey through Egypt’s timeless legacy, where every era, monument, and myth lives on.">
            {{footer_desc}}
          </p>
          {{/if}}
        </div>

        <!-- ================= CENTER : LINKS + COPYRIGHT ================= -->
        <div class="border border-[#4B4B4B] p-8 flex flex-col">
          <!-- LINKS GRID -->
          <div class="grid grid-cols-3 gap-16 max-md:grid-cols-1 footer-links-grid">
            <!-- QUICK LINKS -->
            <div>
              {{#if show_footer_link_1}}
              <h3 class="font-['Space Grotesk'] font-bold text-[20px] mb-6" data-node="footer_link_1_title" data-node-type="text" data-node-default="Quick Links">
                {{footer_link_1_title}}
              </h3>
              {{/if}}

              <ul class="space-y-4">
                {{#if show_footer_link_1_item_1}}
                <li>
                  <a class="footer-link" href="{{footer_link_1_item_1}}" data-node="footer_link_1_item_1" data-node-type="page_links" data-node-default="#"><span data-node="footer_link_1_item_1_txt" data-node-type="text" data-node-default="Home">{{footer_link_1_item_1_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_1_item_2}}
                <li>
                  <a class="footer-link" href="{{footer_link_1_item_2}}" data-node="footer_link_1_item_2" data-node-type="page_links" data-node-default="#"><span data-node="footer_link_1_item_2_txt" data-node-type="text" data-node-default="About">{{footer_link_1_item_2_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_1_item_3}}
                <li>
                  <a class="footer-link" href="{{footer_link_1_item_3}}" data-node="footer_link_1_item_3" data-node-type="page_links" data-node-default="#"><span data-node="footer_link_1_item_3_txt" data-node-type="text" data-node-default="Top Places">{{footer_link_1_item_3_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_1_item_4}}
                <li>
                  <a class="footer-link" href="{{footer_link_1_item_4}}" data-node="footer_link_1_item_4" data-node-type="page_links" data-node-default="#"><span data-node="footer_link_1_item_4_txt" data-node-type="text" data-node-default="Contact">{{footer_link_1_item_4_txt}}</span></a>
                </li>
                {{/if}}
              </ul>
            </div>

            <!-- EXPLORE -->
            <div>
              {{#if show_footer_link_2}}
              <h3 class="font-['Space Grotesk'] font-bold text-[20px] mb-6" data-node="footer_link_2_title" data-node-type="text" data-node-default="Explore">
                {{footer_link_2_title}}
              </h3>
              {{/if}}

              <ul class="space-y-4">
                {{#if show_footer_link_2_item_1}}
                <li>
                  <a class="footer-link" href="{{footer_link_2_item_1}}" data-node="footer_link_2_item_1" data-node-type="url" data-node-default="#"><span data-node="footer_link_2_item_1_txt" data-node-type="text" data-node-default="Monuments">{{footer_link_2_item_1_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_2_item_2}}
                <li>
                  <a class="footer-link" href="{{footer_link_2_item_2}}" data-node="footer_link_2_item_2" data-node-type="url" data-node-default="#"><span data-node="footer_link_2_item_2_txt" data-node-type="text" data-node-default="Pharaohs">{{footer_link_2_item_2_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_2_item_3}}
                <li>
                  <a class="footer-link" href="{{footer_link_2_item_3}}" data-node="footer_link_2_item_3" data-node-type="url" data-node-default="#"><span data-node="footer_link_2_item_3_txt" data-node-type="text" data-node-default="Temples">{{footer_link_2_item_3_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_2_item_4}}
                <li>
                  <a class="footer-link" href="{{footer_link_2_item_4}}" data-node="footer_link_2_item_4" data-node-type="url" data-node-default="#"><span data-node="footer_link_2_item_4_txt" data-node-type="text" data-node-default="Culture">{{footer_link_2_item_4_txt}}</span></a>
                </li>
                {{/if}}
              </ul>
            </div>

            <!-- LINKS -->
            <div>
              {{#if show_footer_link_3}}
              <h3 class="font-['Space Grotesk'] font-bold text-[20px] mb-6" data-node="footer_link_3_title" data-node-type="text" data-node-default="Links">
                {{footer_link_3_title}}
              </h3>
              {{/if}}

              <ul class="space-y-4">
                {{#if show_footer_link_3_item_1}}
                <li>
                  <a class="footer-link" href="{{footer_link_3_item_1}}" data-node="footer_link_3_item_1" data-node-type="url" data-node-default="#"><span data-node="footer_link_3_item_1_txt" data-node-type="text" data-node-default="Research">{{footer_link_3_item_1_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_3_item_2}}
                <li>
                  <a class="footer-link" href="{{footer_link_3_item_2}}" data-node="footer_link_3_item_2" data-node-type="url" data-node-default="#"><span data-node="footer_link_3_item_2_txt" data-node-type="text" data-node-default="Support">{{footer_link_3_item_2_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_3_item_3}}
                <li>
                  <a class="footer-link" href="{{footer_link_3_item_3}}" data-node="footer_link_3_item_3" data-node-type="url" data-node-default="#"><span data-node="footer_link_3_item_3_txt" data-node-type="text" data-node-default="Visitor">{{footer_link_3_item_3_txt}}</span></a>
                </li>
                {{/if}} {{#if show_footer_link_3_item_4}}
                <li>
                  <a class="footer-link" href="{{footer_link_3_item_4}}" data-node="footer_link_3_item_4" data-node-type="url" data-node-default="#"><span data-node="footer_link_3_item_4_txt" data-node-type="text" data-node-default="Policies">{{footer_link_3_item_4_txt}}</span></a>
                </li>
                {{/if}}
              </ul>
            </div>
          </div>

          <!-- COPYRIGHT -->
          {{#if show_footer_copyright}}
          <div class="border-t border-[#4B4B4B] mt-auto pt-4 -mx-8 footer-copyright-wrap">
            <p class="text-center font-['Albert Sans'] text-[20px] leading-[23px] tracking-[-1%] text-[#8E8E8E] px-8" data-node="footer_copyright" data-node-type="text" data-node-default="© 2025 All Rights Reserved.">
              {{footer_copyright}}
            </p>
          </div>
          {{/if}}
        </div>

        <!-- ================= RIGHT : NEWSLETTER + SOCIAL ================= -->
        <div class="flex flex-col h-full">
          {{#if show_footer_newsletter}}
          <div class="border border-[#4B4B4B] p-8">
            <h3 class="font-['Albert Sans'] font-medium text-[20px] mb-6 max-w-xs" data-node="footer_newsletter_title" data-node-type="text" data-node-default="Subscribe to our Newsletter">
              {{footer_newsletter_title}}
            </h3>

            <p class="font-['Albert Sans'] text-[18px] text-[#8E8E8E]" data-node="footer_newsletter_placeholder" data-node-type="text" data-node-default="Enter your email address">
              {{footer_newsletter_placeholder}}
            </p>

            <div class="w-full border-b-2 border-[#3C3C3C] mt-4"></div>
          </div>
          {{/if}}
          <div class="grid grid-cols-3 gap-6 mt-auto pt-6">
            {{#if show_footer_social_1}}
            <a href="{{footer_social_1_link}}" target="_blank" data-node="footer_social_1_link" data-node-type="url" data-node-default="#" data-node-label="Footer Social 1 Link" class="border border-[#4B4B4B] flex items-center justify-center p-6">
              <img src="{{footer_social_1}}" class="w-12 sm:w-20 lg:w-24" data-node="footer_social_1" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046272/seltrix/templates/history-template/icon%20_twitter_%20%281%29.svg">
            </a>
            {{/if}} {{#if show_footer_social_2}}
            <a href="{{footer_social_2_link}}" target="_blank" data-node="footer_social_2_link" data-node-type="url" data-node-default="#" data-node-label="Footer Social 2 Link" class="border border-[#4B4B4B] flex items-center justify-center p-6">
              <img src="{{footer_social_2}}" class="w-12 sm:w-20 lg:w-24" data-node="footer_social_2" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046269/seltrix/templates/history-template/icon%20_Facebook%20icon_%20%281%29.svg">
            </a>
            {{/if}} {{#if show_footer_social_3}}
            <a href="{{footer_social_3_link}}" target="_blank" data-node="footer_social_3_link" data-node-type="url" data-node-default="#" data-node-label="Footer Social 3 Link" class="border border-[#4B4B4B] flex items-center justify-center p-6">
              <img src="{{footer_social_3}}" class="w-12 sm:w-20 lg:w-24" data-node="footer_social_3" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046270/seltrix/templates/history-template/icon%20_pinterest_%20%281%29.svg">
            </a>
            {{/if}}
          </div>
        </div>
      </div>
    </div>
  </div>

  
</footer>