{% set CDN_URL = app_CDN_url() %}
{% set currentSite = app_current_site() %}
<!-- Go to top scroll -->
<div id="stop" class="page-scrollTop">
<span><a href=""><i class="fa fa-angle-down" aria-hidden="true"></i></a></span>
</div>
<!-- End go to top button -->
<!-- Footer -->
<footer>
{% if currentSite != 'NuFind' %}
<section class="row-am footer1 new-footer-3s {{ currentSite | replace({'3S':'threes'}) }}">
<div class="container-fluid {{ currentSite | replace({'3S':'threes'}) }}">
<div class="row">
{% if editmode %}
{{ pimcore_wysiwyg("landing_aboutus_desc", {"placeholder": "Enter NuFind Description"}) }}
{{ pimcore_wysiwyg("landing_aboutus_desc_3swebsite", {"placeholder": "Enter 3sGlobal Description"}) }}
{% endif %}
<div class="col-lg-6 col-md-6 left-side">
<a href="{{app.request.schemeAndHttpHost}}/home" class="footer-logo">
{% if currentSite != 'NuFind' %}
<!-- <img src="{{asset(CDN_URL~'/assets/images/3s-global-new-logo.png')}}" class="three-sglobal-footer-logo" alt="logo"> -->
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/footer-logo-2025.png" class="three-sglobal-footer-logo" alt="footer logo">
{% else %}
<img src="{{asset(CDN_URL~'/assets/images/nu-find.svg')}}" class="nufind-footer-logo" alt="logo">
{% endif %}
</a>
{% if editmode == false %}
<div class="contact d-md-block d-none">
<a href="https://uat.3sglobal.com/home#homeAccountManager" class="btn-footer-soft-green">CONTACT YOUR <strong>ACCOUNT MANAGER</strong></a>
</div>
{% endif %}
<ul>
{% set selectStore = [] %}
{% for i in 2..29 %}
{% set selectStore = selectStore|merge([i]) %}
{% endfor %}
{% set slidesSelect = pimcore_select('slides', {
store: selectStore,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set slides = slidesSelect.getData()|default(2) %}
{% set selectStore3sGlobal = [] %}
{% for i in 2..29 %}
{% set selectStore3sGlobal = selectStore3sGlobal|merge([i]) %}
{% endfor %}
{% set slidesSelect3sGlobal = pimcore_select('slides_3sglobal', {
store: selectStore3sGlobal,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set slides3sGlobal = slidesSelect3sGlobal.getData()|default(2) %}
{% if editmode %}
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many links you want to show?</span>
{{ slidesSelect|raw }}
</div>
</div>
{% for i in 0..(slides-1) %}
<li>
{{ pimcore_input("footer_page_link_" ~ i,{"placeholder": "Enter URL for NuFind"}) }}
{{ pimcore_input("page_links_labels" ~ i,{"placeholder": "Enter Label for NuFind"}) }}
</li>
{% endfor %}
<!-- 3sGLOBAL -->
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many links you want to show for 3sGlobal?</span>
{{ slidesSelect3sGlobal|raw }}
</div>
</div>
{% for i in 0..(slides3sGlobal-1) %}
<li>
{{ pimcore_input("footer_page_link_3sglobal" ~ i,{"placeholder": "Enter URL for 3sGlobal"}) }}
{{ pimcore_input("page_links_labels_3sglobal" ~ i,{"placeholder": "Enter Label for 3sGlobal"}) }}
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite == 'NuFind' %}
{% for i in 0..(slides-1) %}
<li>
<a href="{{ pimcore_input("footer_page_link_" ~ i) }}">
{{ pimcore_input("page_links_labels" ~ i) }}
</a>
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{% for i in 0..(slides3sGlobal-1) %}
<li>
<a href="{{ pimcore_input("footer_page_link_3sglobal" ~ i) }}">
{{ pimcore_input("page_links_labels_3sglobal" ~ i) }}
</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
<div class="col-lg-6 col-md-6 right-side">
<div class="right-side-content-nw">
{% if editmode == false and (currentSite == 'NuFind') %}
{{ pimcore_wysiwyg('landing_aboutus_desc') }}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{{ pimcore_wysiwyg('landing_aboutus_desc_3swebsite') }}
{% endif %}
</div>
{% if editmode == false %}
<div class="contact d-md-none d-block">
<a href="https://uat.3sglobal.com/home#homeAccountManager" class="btn-footer-soft-green">CONTACT YOUR <strong>ACCOUNT MANAGER</strong></a>
</div>
{% endif %}
<div class="icon">
<ul>
{% set selectSocialStore = [] %}
{% for i in 2..29 %}
{% set selectSocialStore = selectSocialStore|merge([i]) %}
{% endfor %}
{% set selectSocialStore = pimcore_select('socialSlides', {
store: selectSocialStore,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set socialSlides = selectSocialStore.getData()|default(2) %}
{% set selectSocialStore3sGlobal = [] %}
{% for i in 2..29 %}
{% set selectSocialStore3sGlobal = selectSocialStore3sGlobal|merge([i]) %}
{% endfor %}
{% set selectSocialStore3sGlobal = pimcore_select('socialSlides_3sglobal', {
store: selectSocialStore3sGlobal,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set socialSlides3sGlobal = selectSocialStore3sGlobal.getData()|default(2) %}
{% if editmode %}
<li class="blog">
{{ pimcore_input("blog_link",{"placeholder": "Enter Blog URL"}) }}
{{ pimcore_input("blog_text",{"placeholder": "Enter Blog Text"}) }}
</li>
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many Social links you want to show?</span>
{{ selectSocialStore|raw }}
</div>
</div>
{% for i in 0..(socialSlides-1) %}
<li>
{{ pimcore_input("footer_page_social_link_" ~ i,{"placeholder": "Enter URL"}) }}
{{ pimcore_input("page_links_class" ~ i,{"placeholder": "Enter Class"}) }}
</li>
{% endfor %}
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many Social links you want to show for 3sGlobal?</span>
{{ selectSocialStore3sGlobal|raw }}
</div>
</div>
{% for i in 0..(socialSlides3sGlobal-1) %}
<li>
{{ pimcore_input("footer_page_social_link_3sglobal" ~ i,{"placeholder": "Enter URL"}) }}
{{ pimcore_input("page_links_class_3sglobal" ~ i,{"placeholder": "Enter Class"}) }}
</li>
{% endfor %}
{% endif %}
{% if editmode == false %}
<li class="blog">
<a href="{{ pimcore_input("blog_link") }}">{{ pimcore_input("blog_text") }}</a>
</li>
{% endif %}
{% if editmode == false and currentSite == 'NuFind' %}
{% for i in 0..(socialSlides-1) %}
<li>
<a target="_blank" href="{{ pimcore_input("footer_page_social_link_" ~ i) }}">
<i class="{{ pimcore_input("page_links_class" ~ i) }}"></i>
</a>
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{% for i in 0..(socialSlides3sGlobal-1) %}
<li>
<a target="_blank" href="{{ pimcore_input("footer_page_social_link_3sglobal" ~ i) }}">
<i class="{{ pimcore_input("page_links_class_3sglobal" ~ i) }}"></i>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</section>
{% else %}
<section class="row-am footer1 home-footer new-footer-3s {{ currentSite | replace({'3S':'threes'}) }} nu-find-new-footer">
<div class="container-fluid {{ currentSite | replace({'3S':'threes'}) }}">
<div class="row">
{% if editmode %}
{{ pimcore_wysiwyg("landing_aboutus_desc", {"placeholder": "Enter NuFind Description"}) }}
{{ pimcore_wysiwyg("landing_aboutus_desc_3swebsite", {"placeholder": "Enter 3sGlobal Description"}) }}
{% endif %}
<div class="col-lg-6 col-md-6 left-side">
<a href="{{app.request.schemeAndHttpHost}}/home" class="footer-logo">
{% if currentSite != 'NuFind' %}
<!-- <img src="{{asset(CDN_URL~'/assets/images/3s-global-new-logo.png')}}" class="three-sglobal-footer-logo" alt="logo"> -->
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/footer-logo-2025.png" class="three-sglobal-footer-logo" alt="footer logo">
{% else %}
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/nf-footer-logo.png" class="nufind-footer-logo" alt="logo">
{% endif %}
</a>
{% if editmode == false %}
<div class="contact d-md-block d-none">
<a href="#" data-toggle="modal" data-target="#signup" class="btn-footer-soft-green">BECOME AN <strong>ACCREDITED NUFIND SUPPLIER</strong></a>
</div>
{% endif %}
<ul>
{% set selectStore = [] %}
{% for i in 2..29 %}
{% set selectStore = selectStore|merge([i]) %}
{% endfor %}
{% set slidesSelect = pimcore_select('slides', {
store: selectStore,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set slides = slidesSelect.getData()|default(2) %}
{% set selectStore3sGlobal = [] %}
{% for i in 2..29 %}
{% set selectStore3sGlobal = selectStore3sGlobal|merge([i]) %}
{% endfor %}
{% set slidesSelect3sGlobal = pimcore_select('slides_3sglobal', {
store: selectStore3sGlobal,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set slides3sGlobal = slidesSelect3sGlobal.getData()|default(2) %}
{% if editmode %}
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many links you want to show?</span>
{{ slidesSelect|raw }}
</div>
</div>
{% for i in 0..(slides-1) %}
<li>
{{ pimcore_input("footer_page_link_" ~ i,{"placeholder": "Enter URL for NuFind"}) }}
{{ pimcore_input("page_links_labels" ~ i,{"placeholder": "Enter Label for NuFind"}) }}
</li>
{% endfor %}
<!-- 3sGLOBAL -->
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many links you want to show for 3sGlobal?</span>
{{ slidesSelect3sGlobal|raw }}
</div>
</div>
{% for i in 0..(slides3sGlobal-1) %}
<li>
{{ pimcore_input("footer_page_link_3sglobal" ~ i,{"placeholder": "Enter URL for 3sGlobal"}) }}
{{ pimcore_input("page_links_labels_3sglobal" ~ i,{"placeholder": "Enter Label for 3sGlobal"}) }}
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite == 'NuFind' %}
{% for i in 0..(slides-1) %}
<li>
<a href="{{ pimcore_input("footer_page_link_" ~ i) }}">
{{ pimcore_input("page_links_labels" ~ i) }}
</a>
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{% for i in 0..(slides3sGlobal-1) %}
<li>
<a href="{{ pimcore_input("footer_page_link_3sglobal" ~ i) }}">
{{ pimcore_input("page_links_labels_3sglobal" ~ i) }}
</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
<div class="col-lg-6 col-md-6 right-side">
<div class="right-side-content-nw">
{% if editmode == false and (currentSite == 'NuFind') %}
{{ pimcore_wysiwyg('landing_aboutus_desc') }}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{{ pimcore_wysiwyg('landing_aboutus_desc_3swebsite') }}
{% endif %}
</div>
{% if editmode == false %}
<div class="contact d-md-none d-block">
<a href="#" data-toggle="modal" data-target="#signup" class="btn-footer-soft-green">BECOME AN <strong>ACCREDITED NUFIND SUPPLIER</strong></a>
</div>
{% endif %}
<div class="icon">
<ul>
{% set selectSocialStore = [] %}
{% for i in 2..29 %}
{% set selectSocialStore = selectSocialStore|merge([i]) %}
{% endfor %}
{% set selectSocialStore = pimcore_select('socialSlides', {
store: selectSocialStore,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set socialSlides = selectSocialStore.getData()|default(2) %}
{% set selectSocialStore3sGlobal = [] %}
{% for i in 2..29 %}
{% set selectSocialStore3sGlobal = selectSocialStore3sGlobal|merge([i]) %}
{% endfor %}
{% set selectSocialStore3sGlobal = pimcore_select('socialSlides_3sglobal', {
store: selectSocialStore3sGlobal,
reload: true,
width: 70,
class: 'align-middle'
}) %}
{% set socialSlides3sGlobal = selectSocialStore3sGlobal.getData()|default(2) %}
{% if editmode %}
<li class="blog">
{{ pimcore_input("blog_link",{"placeholder": "Enter Blog URL"}) }}
{{ pimcore_input("blog_text",{"placeholder": "Enter Blog Text"}) }}
</li>
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many Social links you want to show?</span>
{{ selectSocialStore|raw }}
</div>
</div>
{% for i in 0..(socialSlides-1) %}
<li>
{{ pimcore_input("footer_page_social_link_" ~ i,{"placeholder": "Enter URL"}) }}
{{ pimcore_input("page_links_class" ~ i,{"placeholder": "Enter Class"}) }}
</li>
{% endfor %}
<div class="alert alert-secondary col-xs-12" style="height: 75px">
<div class="col-xs-6 d-inline mx-auto">
<span class="editmode-label align-middle">How many Social links you want to show for 3sGlobal?</span>
{{ selectSocialStore3sGlobal|raw }}
</div>
</div>
{% for i in 0..(socialSlides3sGlobal-1) %}
<li>
{{ pimcore_input("footer_page_social_link_3sglobal" ~ i,{"placeholder": "Enter URL"}) }}
{{ pimcore_input("page_links_class_3sglobal" ~ i,{"placeholder": "Enter Class"}) }}
</li>
{% endfor %}
{% endif %}
{% if editmode == false %}
<li class="blog">
<a href="{{ pimcore_input("blog_link") }}">{{ pimcore_input("blog_text") }}</a>
</li>
{% endif %}
{% if editmode == false and currentSite == 'NuFind' %}
{% for i in 0..(socialSlides-1) %}
<li>
<a target="_blank" href="{{ pimcore_input("footer_page_social_link_" ~ i) }}">
<i class="{{ pimcore_input("page_links_class" ~ i) }}"></i>
</a>
</li>
{% endfor %}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{% for i in 0..(socialSlides3sGlobal-1) %}
<li>
<a target="_blank" href="{{ pimcore_input("footer_page_social_link_3sglobal" ~ i) }}">
<i class="{{ pimcore_input("page_links_class_3sglobal" ~ i) }}"></i>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</section>
{% endif %}
<section class="copyright">
{% if editmode %}
{{ pimcore_wysiwyg("copyright_line", {"height": 200, "placeholder": "Enter NuFind Copyright Line" }) }}
{{ pimcore_wysiwyg("copyright_line_3sglobal", {"height": 200, "placeholder": "Enter 3sGlobal Copyright Line" }) }}
{% endif %}
{% if editmode == false %}
{% if editmode == false and currentSite == 'NuFind' %}
{{ pimcore_wysiwyg("copyright_line") }}
{% endif %}
{% if editmode == false and currentSite != 'NuFind' %}
{{ pimcore_wysiwyg("copyright_line_3sglobal") }}
{% endif %}
{% endif %}
</section>
</footer>
<!-- Footer END -->
{% if editmode == false %}
<!--Contact Us Modal -->
<div class="modal fade signup-modal contactus-modal" id="contactusmodal" tabindex="-1" role="dialog" aria-labelledby="contactusTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2>Contact Us!</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form name="frmContactUs" id="frmContactUs" class="application-form" method="POST">
<div class="form-row">
<div class="col-md-12">
<input type="text" class="form-control" placeholder="Your Name*" id="contactName" name="contactName">
</div>
<div class="col-md-12">
<input type="text" class="form-control" placeholder="Your Email*" id="contactEmail" name="contactEmail">
</div>
<div class="col-md-12 what-in-mind">
<textarea rows="4" placeholder="Whats On Your Mind?" id="contactMessage" name="contactMessage"></textarea>
</div>
<div class="col-md-12 who-im">
<label for="select">You Are A:</label>
</div>
<div class="col-md-12 slect-user">
<div class="radio-tile-group">
<div class="input-container">
<input class="radio-button submitBy" type="checkbox" name="submitBy" value="Buyer"/>
<div class="radio-tile">
<p class="radio-tile-label">
Buyer
</p>
<div class="icon walk-icon">
<i class="icofont-check-alt"></i>
</div>
</div>
</div>
<div class="input-container">
<input class="radio-button submitBy" type="checkbox" name="submitBy" value="Supplier"/>
<div class="radio-tile">
<p class="radio-tile-label">
Supplier
</p>
<div class="icon bike-icon">
<i class="icofont-check-alt"></i>
</div>
</div>
</div>
<div class="input-container">
<input class="radio-button submitBy" type="checkbox" name="submitBy" value="Designer"/>
<div class="radio-tile">
<p class="radio-tile-label">
Designer
</p>
<div class="icon car-icon">
<i class="icofont-check-alt"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 signup-btn">
<button type="submit" name="submit_contactus" class="btn btn-send">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal edit-modal signup-modal thank-" id="contact_success">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<button type="button" class="close contactusClose" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<!-- Modal body -->
<div class="modal-body">
<div class="col-lg-12 sps text-center col-md-12 col-12" style="padding-top: 60px;padding-bottom: 10px;">
<h3 id="success-message">{{ 'wishlist-edit-name-desc' | trans }}</h3>
</div>
</div>
</div>
</div>
</div>
<!-- Delete Confirmation Modal -->
<div class="modal signup-modal fade" id="deleteConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="deleteConfirmationModalLabel">Delete</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p id="deleteConfirmationModalText">Are You Sure?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn-yes" id="deleteConfirmation">Yes</button>
<button type="button" class="btn-no" data-dismiss="modal" id="deleteConfirmationNo">No</button>
</div>
</div>
</div>
</div>
<!-- Delete Brief Confirmation Modal -->
<div class="modal signup-modal fade" id="deleteBriefConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmationModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h5 id="deleteBriefConfirmationModalText"></h5>
</div>
<div class="modal-footer">
<button type="button" class="btn-no" id="deleteConfirmation">Delete</button>
<button type="button" class="btn-yes" data-dismiss="modal" id="deleteConfirmationNo">Cancel</button>
</div>
</div>
</div>
</div>
<!-- unpublish Confirmation Modal -->
<div class="modal signup-modal fade" id="unpublishConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="unpublishConfirmationModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="unpublishConfirmationModalLabel">Unpublish</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p id="unpublishConfirmationModalText">Are You Sure?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn-yes" id="unpublishConfirmation">Yes</button>
<button type="button" class="btn-no" data-dismiss="modal" id="unpublishConfirmationNo">No</button>
</div>
</div>
</div>
</div>
{% endif %}