Symfony Profiler

{% extends '@Global/layouts/home-layout.html.twig' %}
{% set CDN_URL = app_CDN_url() %}
{% block content %}
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
{% do pimcore_head_link().appendStylesheet(asset('bundles/global/css/newhome-nufind-style.css')) %}
<script>
$(document).ready(function() {
{% if app.request.get('showForgot') == '1' %}
$('#forgot').modal('show');
{% endif %}
{% if app.request.get('showReset') == '1' %}
$('#login').modal('show');
{% endif %}
});
</script>

<section class="hero">
<div class="hero-banner-wrapper">
<div class="container-custom">
{% if editmode %}
<h3>Section 1</h3>
{% for i in pimcore_iterate_block(pimcore_block('bannerSectionNew')) %}
<div class="hero-edit-mode">
<h5>Banner For Desktop</h5>
{{ pimcore_image('bannerIframe', {"title": "Brand Image","uploadPath": misource_landing_path }) }}
<h5>Banner For Mobile</h5>
{{ pimcore_image('bannerIframeMobile', {"title": "Brand Image for mobile","uploadPath": misource_landing_path }) }}
{{ pimcore_input("newHomeBannerLink", {"placeholder": "Banner Link"}) }}
</div>
{% endfor %}
{% else %}
<div class="hero-banner-slider home-carousel-style1 hero-banner-carousel owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('bannerSectionNew')) %}
<div class="hero-image">
{% set bannerImage = pimcore_image("bannerIframe") %}
{% set bannerImageMobile = pimcore_image("bannerIframeMobile") %}
{% set newHomeBannerLink = pimcore_input("newHomeBannerLink") %}
{% if newHomeBannerLink != '' %}
<a target="_blank" href="{{ newHomeBannerLink }}">
{% else %}
<a href="#" class="signup" data-toggle="modal" data-target="#signup">
{% endif %}
<img src="{{ bannerImage.getSrc() }}" class="desktop-v" alt="home hero banner">
<img src="{{ bannerImageMobile.getSrc() }}" class="mobile-v" alt="Mobile banner">
</a>
</div>
{% endfor %}
</div>
{% endif %}
{% if editmode %}
<div class="banner-caption-editmode">
{% else %}
<div class="banner-caption">
{% endif %}
<h1>
{{ pimcore_input("newHomeLandingtxt1", {"placeholder": "Main Heading (e.g. Stylish Homeware)"}) }}
</h1>
<h2>
{{ pimcore_input("newHomeLandingtxt2", {"placeholder": "Sub Heading (e.g. For Less)"}) }}
</h2>
<span class="hero-short-dec">
{{ pimcore_wysiwyg("shortDescription", {"placeholder": "Short Description (e.g. Everyday & Seasonal B2B Homeware for Wholesalers & Retailers)"})|raw }}
</span>
<a href="" class="btn btn-assess" data-toggle="modal" data-target="#signup">
Browse Now
</a>
</div>
</div>
</div>
</section>

<div id="content">

<section class="home-category-section xy-padd nf-gray" id="homeCategory">
{% if editmode %}
<h3>Section 6</h3>
{{ pimcore_input('section6Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section6SubHeading', {"placeholder": "Sub Heading"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section6Images')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_link('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<div class="container-fluid p-0">
<div class="cate-row slide-desktop-v">
<div class="col-mr">
<div class="home-category-carousel-2025 owl-carousel owl-theme">
<div class="category-card first-title-card">
<div class="serv-lf-text">
<span class="srv-title">CATEGORIES</span>
<h2 class="srv-main-title">{{ pimcore_input('section6Heading') }} <span class="title-italic"> {{ pimcore_input('section6SubHeading') }}</span></h2>
<a href="#" data-toggle="modal" data-target="#signup" class="btn btn-pink"> BROWSE <strong>NOW</strong></a>
</div>
</div>
{% for i in pimcore_iterate_block(pimcore_block('section6Images')) %}
{% set image = pimcore_image("image") %}
{% set heading = pimcore_input("heading") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set categoryLink = (salesCampaignObjId) ? salesCampaignLink : link.data.path %}
<div class="category-card">
<img src="{{image.getSrc()}}" class="cate-banner" />


<a href="{{ categoryLink ?? '' }}" class="box-link"><span class="d-none">link</span></a>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="cate-row slide-mobile-v">
<div class="col-ml">
<div class="serv-lf-text">
<span class="srv-title">CATEGORIES</span>
<h2 class="srv-main-title">{{ pimcore_input('section6Heading') }} <span class="title-italic"> {{ pimcore_input('section6SubHeading') }}</span></h2>
<a href="#" data-toggle="modal" data-target="#signup" class="btn btn-pink"> BROWSE <strong>NOW</strong></a>
</div>
</div>
<div class="col-mr">
<div class="home-category-carousel-2025 owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('section6Images')) %}
{% set image = pimcore_image("image") %}
{% set heading = pimcore_input("heading") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set categoryLink = (salesCampaignObjId) ? salesCampaignLink : link.data.path %}
<div class="category-card">
<img src="{{image.getSrc()}}" class="cate-banner" />


<a href="{{ categoryLink ?? '' }}" class="box-link"><span class="d-none">link</span></a>
</div>
{% endfor %}
</div>
</div>
</div>
<!-- <div class="cate-row slide-desktop-v">
<div class="row">
<div class="col-12 text-center">
<h3>{{ pimcore_input('section6Heading') }} <em>{{ pimcore_input('section6SubHeading') }}</em></h3>
</div>
</div>
<div class="row mt-3">
{% for i in pimcore_iterate_block(pimcore_block('section6Images')) %}
{% set image = pimcore_image("image") %}
{% set heading = pimcore_input("heading") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set categoryLink = (salesCampaignObjId) ? salesCampaignLink : link.data.path %}
<div class="col-lg-6 col-md-6 col-12 px-2">
<a href="{{ categoryLink ?? '' }}" class="cat-box">
<div class="row align-items-center">
<div class="col-lg-7 col-md-7 col-8">
<p>{{heading | raw}}</p>
</div>
<div class="col-lg-5 col-md-5 col-4">
<img src="{{image.thumbnail('HomeSection6Thumbnail')}}" />
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div> -->
</div>
{% endif %}
</section>


<section class="row-am nu-find-about d-none">
<div class="container-fluid clearfix text-center">
{% if editmode %}
<h3>Section 2</h3>
{{ pimcore_input("whatIsNeFindTitle",{"placeholder": "What is Nu Find?"}) }}
{{ pimcore_wysiwyg("whatdoWeDoDescription", {"height": 100}) }}
{{ pimcore_input("section2Text",{"placeholder": "Text"}) }}
{{ pimcore_input("section2Link",{"placeholder": "Link"}) }}
{% else %}
<h2>{{ pimcore_input("whatIsNeFindTitle") }} </h2>
{{ pimcore_wysiwyg("whatdoWeDoDescription")|raw }}
<a data-toggle="modal" data-target="#signup" class="btn-link">{{ pimcore_input("section2Text") }}</a>
{% endif %}
{# <div class="nu-find-logos">
<ul>
{% for i in pimcore_iterate_block(pimcore_block('whatIsNufindSection')) %}
{% if editmode %}
{{ pimcore_image("brandImage" ~ i, {"title": "Brand Image","uploadPath": misource_landing_path }) }}
{% else %}
{% set brandImage = pimcore_image("brandImage" ~ i) %}
<li><img src="{{ brandImage.getSrc() }}" alt="icon1"></li>
{% endif %}
{% endfor %}
</ul>
</div> #}
</div>
</section>

<section class="nf-home-about-section xy-padd " id="aboutSection">
<div class="container">
<div class="row">
<div class="col-12 mobile-v">
<span class="srv-title">About</span>
<h2 class="srv-main-title">Cut Costs <span class="title-italic">Save On Style</span></h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="nf-about-image-slider home-carousel-style1 owl-carousel owl-theme carousel-single-item">
<div class="about-image-wrapper">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/about-banner.png" alt="Phone image" class="about banner">
</div>
<div class="about-image-wrapper">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/about-banner-2.png" alt="Phone image" class="about banner">
</div>
<div class="about-image-wrapper">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/about-banner-3.png" alt="Phone image" class="about banner">
</div>
</div>
</div>
<div class="col-md-6">
<div class="serv-lf-text">
<span class="srv-title desktop-v">About</span>
<h2 class="srv-main-title desktop-v">Cut Costs <span class="title-italic">Save On Style</span>
</h2>
<p class="p-short-desc">Nufind manufactures across India and China,
leveraging excess production capacity to deliver significant cost efficiencies for our customers.
Our model helps you save time, speed up development, and benefit from a global team built for agility.
We drive continuous innovation across everyday and seasonal products through our in-house studio. <br/> Our global team of experts creates fresh concepts,
materials, and product ideas that quickly translate into market-ready solutions.</p>
<a href="#homeService" class="btn btn-pink desktop-v"> START SAVING</a>
</div>
</div>
</div>
<div class="feture-card-row">
<div class="ferure-col">
<div class="feature-card">
<div class="feature-icon">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/source-icon-3.png" alt="Sourcing Icon">
</div>
<h4>Save On</h4>
<h3>Manufacturing</h3>
<a href="#" class="more-link">More</a>
<div class="feature-hover-text">
<h4>Save On</h4>
<h3>Manufacturing</h3>
<span>We lease factory floor <br /> space, only use what’s <br /> needed, and pass on <br />
savings.</span>
</div>
</div>
</div>
<div class="ferure-col">
<div class="feature-card">
<div class="feature-icon">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/source-icon-2.png" alt="Sourcing Icon">
</div>
<h4>Save On</h4>
<h3>Designing</h3>
<a href="#" class="more-link">More</a>
<div class="feature-hover-text">
<h4>Save On</h4>
<h3>Designing</h3>
<span>Customise any orders. <br /> Hit the right look & <br /> margins. Brief in bespoke
<br /> orders.</span>
</div>
</div>
</div>
<div class="ferure-col">
<div class="feature-card">
<div class="feature-icon">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/source-icon-1.png" alt="Sourcing Icon">
</div>
<h4>Save On</h4>
<h3>Operation</h3>
<a href="#" class="more-link">More</a>
<div class="feature-hover-text">
<h4>Save On</h4>
<h3>Operation</h3>
<span>10,000+ commercial <br /> products online. Low <br /> MOQs. Save weeks from <br />
sourcing.</span>
</div>
</div>
</div>
<div class="ferure-col">
<div class="feature-card">
<div class="feature-icon">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/source-icon-4.png" alt="Sourcing Icon">
</div>
<h4>Save On</h4>
<h3>Shipping</h3>
<a href="#" class="more-link">More</a>
<div class="feature-hover-text">
<h4>Save On</h4>
<h3>Shipping</h3>
<span>We ensure quality & <br /> speed-to-market with <br /> comprehensive shipping <br />
support.</span>
</div>
</div>
</div>
</div>
<div class="start-saving-mob mobile-v">
<a href="#homeService" class="btn btn-pink"> START SAVING</a>
</div>
</div>
</section>


<section class="home-team-section xy-padd nf-dark" id="homeTeam">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="serv-lf-text">
<span class="srv-title">TEAM</span>
<h2 class="srv-main-title">Buy In <span class="title-italic">Confidence</span></h2>
<p class="p-short-desc">Our 100+ team on the ground keeps you close to the action, and our
offices in India, China and Portugal mean you get the best-in-class manufacturing. <br />
Buy with confidence, with full welfare and regulatory compliance, backed by in, mid, and
final inspections to reduce defects and returns.</p>
<a href="#homeService" class="btn btn-pink desktop-v">MEET THE TEAM</a>
</div>
</div>
<div class="col-md-6">
<div class="team-image-wrapper">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/TK-Building Timelaspe1.gif" alt="team image" class="t-image">
</div>
</div>
</div>
</div>
<div class="container custom-map-row">
<div class="new-location-map-row ">
<div class="map-col por-map">
<h3>Portugal Office</h3>
<div class="i-map">
<img class="desktop-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/nf-port-map.svg" alt="Portugal Office">
<img class="mobile-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/portugal-mobile-map-nf.png" alt="Portugal Office">
</div>
</div>
<div class="map-col ind-map">
<h3>India Offices</h3>
<div class="i-map">
<img class="desktop-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/nf-india-map.svg" alt="India Office">
<img class="mobile-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/india-mobile-map-nf.png" alt="India Office">
</div>
</div>
<div class="map-col china-map">
<h3>China Office</h3>
<div class="i-map">
<img class="desktop-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/nf-china-map.svg" alt="China Office">
<img class="mobile-v" src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/china-map-mobile-nf.png" alt="China Office">
</div>
</div>
</div>
<div class="start-saving-mob mobile-v">
<a href="#homeService" class="btn btn-pink">MEET THE TEAM</a>
</div>
</div>
</section>


<section class="home-category-section home-latest-collection xy-padd nf-gray" id="homeLatestCollection">
{% if editmode %}
<h3>Section 3</h3>
{{ pimcore_input("LatestCollectionHeading1",{"placeholder": "Latest Collection Heading 1?"}) }}
{{ pimcore_input("LatestCollectionHeading2",{"placeholder": "Latest Collection Heading 2?"}) }}
{# {{ pimcore_relations("objectPaths_latestCollection", {
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["Catalog"]
}) }} #}
{% for i in pimcore_iterate_block(pimcore_block('section3SalesCampaigns')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_link('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<!-- <div class="container-fluid p-0">
<div class="row mx-0">
<div class="col-12">
<h2>{{ pimcore_input("LatestCollectionHeading1") }} <em>{{ pimcore_input("LatestCollectionHeading2") }}</em></h2>
</div>
</div>
<ul class="owl-carousel latest-collection-slider owl-theme px-0">
{% for i in pimcore_iterate_block(pimcore_block('section3SalesCampaigns')) %}
{% set imageObje = pimcore_image("image") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set sectionLink = (salesCampaignObjId) ? salesCampaignLink : (link.data.path ?? "") %}
{% if imageObje %}
<li class="item">
<a href="{{ sectionLink }}">
<img src="{{ imageObje.getSrc() }}" alt="{{ imageObje.alt }}">
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div> -->
<div class="container-fluid p-0">
<div class="cate-row slide-desktop-v">
<div class="col-mr">
<div class="home-category-carousel-2025 owl-carousel owl-theme">
<div class="category-card first-title-card">
<div class="serv-lf-text">
<h2 class="srv-main-title">{{ pimcore_input("LatestCollectionHeading1") }} <span class="title-italic">{{ pimcore_input("LatestCollectionHeading2") }} </span></h2>
<a href="#" data-toggle="modal" data-target="#signup" class="btn btn-pink"> BROWSE <strong>NOW</strong></a>
</div>
</div>
{% for i in pimcore_iterate_block(pimcore_block('section3SalesCampaigns')) %}
{% set imageObje = pimcore_image("image") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set sectionLink = (salesCampaignObjId) ? salesCampaignLink : (link.data.path ?? "") %}
{% if imageObje %}
<li class="category-card">
<a href="{{ sectionLink }}">
<img src="{{ imageObje.getSrc() }}" class="cate-banner" alt="{{ imageObje.alt }}">
</a>
</li>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="cate-row slide-mobile-v">
<div class="col-ml">
<div class="serv-lf-text">
<h2 class="srv-main-title">{{ pimcore_input("LatestCollectionHeading1") }} <span class="title-italic">{{ pimcore_input("LatestCollectionHeading2") }} </span></h2>
<a href="#" data-toggle="modal" data-target="#signup" class="btn btn-pink"> BROWSE <strong>NOW</strong></a>
</div>
</div>
<div class="col-mr">
<div class="home-category-carousel-2025 owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('section3SalesCampaigns')) %}
{% set imageObje = pimcore_image("image") %}
{% set link = pimcore_link("link") %}
{% set salesCampaignObjId = link.data.internalId ?? '' %}
{% set salesCampaignLink = '' %}
{% if salesCampaignObjId %}
{% set salesCampaignObj = pimcore_object(salesCampaignObjId) %}
{% if salesCampaignObj.getClassName() == "SalesCampaign" %}
{% set salesCampaignLink = salesCampaignObj.getShareableLink() ?? "" %}
{% endif %}
{% endif %}
{% set sectionLink = (salesCampaignObjId) ? salesCampaignLink : (link.data.path ?? "") %}
{% if imageObje %}
<li class="category-card">
<a href="{{ sectionLink }}">
<img src="{{ imageObje.getSrc() }}" class="cate-banner" alt="{{ imageObje.alt }}">
</a>
</li>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
</section>

{# <section class="row-am cta-section">
{% if editmode %}
<h3>Section 4</h3>
{% for i in pimcore_iterate_block(pimcore_block('section4Images')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('subHeading', {"placeholder": "Sub Heading"}) }}
{% endfor %}
{% else %}
<div class="container clearfix">
<div class="row">
{% for i in pimcore_iterate_block(pimcore_block('section4Images')) %}
{% set image = pimcore_image("image") %}
{% set heading = pimcore_input("heading") %}
{% set subHeading = pimcore_input("subHeading") %}
<div class="col-lg-4 col-md-4 col-12 text-center">
<figure>
<img src="{{image.thumbnail('HomeSection4Thumbnail')}}" />
</figure>
<p>{{heading}}<br /><b>{{subHeading}}</b></p>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</section> #}

{# <section class="row-am exclusive-design">
{% if editmode %}
<h3>Section 5</h3> #}
{# {{ pimcore_input('section5Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section5SubHeading', {"placeholder": "Sub Heading"}) }} #}
{# {{ pimcore_image('section5Image', {"placeholder": "Image"}) }} #}
{# {{ pimcore_input('section5ButtonText', {"placeholder": "Button Text"}) }} #}
{# {{ pimcore_input('section5ButtonLink', {"placeholder": "Link"}) }}
{% else %}
<div class="container-fluid clearfix px-0">
<div class="row px-0">
<div class="col-12 text-center"> #}
{# <h2><em>{{pimcore_input('section5Heading')}}</em> {{pimcore_input('section5SubHeading')}}</h2> #}
{# <p><a href="{{pimcore_input('section5ButtonLink')}}" class="btn-default">{{pimcore_input('section5ButtonText')}}</a></p> #}
{# {% set section5Image = pimcore_image('section5Image') %}
<a href="{{pimcore_input('section5ButtonLink')}}">
<img src="{{ section5Image.getSrc() }}" class="w-100" />
</a>
</div>
</div>
</div>
{% endif %}
</section> #}

<section class="home-collection-section">
{% if editmode %}
<h3>Section 7</h3>
{% for i in pimcore_iterate_block(pimcore_block('section7Images')) %}
<div class="hero-edit-mode">
<h5>Banner For Desktop</h5>
{{ pimcore_image('section7Image', {"placeholder": "Image"}) }}
<h5>Banner For Mobile</h5>
{{ pimcore_image('section7ImageMobile', {"placeholder": "Image"}) }}
{{ pimcore_input('section7ButtonLink', {"placeholder": "Link"}) }}
</div>
{% endfor %}
{% else %}
<div class="container-wrap">
<div class="home-carousel-style1 carousel-single-item owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('section7Images')) %}
<div class="carousel-image">
{% set section7Image = pimcore_image('section7Image') %}
{% set section7ImageMobile = pimcore_image('section7ImageMobile') %}
{% set section7ButtonLink = pimcore_input('section7ButtonLink')|trim %}
<a {% if section7ButtonLink %}target="_blank" href="{{ section7ButtonLink }}"{% else %}href="#" class="signup" data-toggle="modal" data-target="#signup"{% endif %}>
<img src="{{ section7Image.getSrc() }}" class="w-100 banner1 desktop-v" alt="Collection Banner Desktop" />
<img src="{{ section7ImageMobile.getSrc() }}" class="w-100 banner1 mobile-v" alt="Collection Banner Mobile" />
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</section>

<section class="row-am trend-sportlight-home-sec d-none">
{% if editmode %}
<h3>Trends Section</h3>
{{ pimcore_input("TrendSectionHeading1",{"placeholder": "Trend Section Heading 1?"}) }}
{{ pimcore_input("TrendSectionHeading2",{"placeholder": "Trend Section Heading 2?"}) }}
{% for i in pimcore_iterate_block(pimcore_block('trendSection')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('subHeading', {"placeholder": "Sub Heading"}) }}
{{ pimcore_textarea('description', {"placeholder": "Description"}) }}
{{ pimcore_input('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<div class="container-fluid">
<div class="row mx-0">
<div class="col-lg-12 col-md-12 col-12 text-center">
<h3>{{ pimcore_input("TrendSectionHeading1") }}
<em>{{ pimcore_input("TrendSectionHeading2") }}</em>
</h3>
</div>
</div>
<ul class="owl-carousel owl-theme home-trend-spotlight-slider">
{% for i in pimcore_iterate_block(pimcore_block('trendSection')) %}
{% set imageObje = pimcore_image("image") %}
{% set link = pimcore_input("link") %}
{% set heading = pimcore_input("heading") %}
{% set subHeading = pimcore_input("subHeading") %}
{% set description = pimcore_textarea("description") %}
{% if imageObje %}
<li class="item">
<div class="trend-spot-box">
<div class="trend-text">
<h4><em>{{heading}}</em>{{subHeading}}</h4>
<span class="trend-short-desc">{{description}}</span>
<a href="{{link}}" class="explor-btn">Explore</a>
</div>
<div class="trend-image">
<img src="{{imageObje.getSrc()}}" alt="trend image">
</div>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</section>

<section class="row-am fair-box d-none">
{% if editmode %}
<h3>Section 8</h3>
{{ pimcore_input('section8Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section8SubHeading', {"placeholder": "Sub Heading"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section8Images')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('subHeading', {"placeholder": "Sub Heading"}) }}
{{ pimcore_textarea('description', {"placeholder": "Description"}) }}
{% endfor %}
{% else %}
<div class="container clearfix">
<div class="row">
<div class="col-12 text-center">
<h3>{{ pimcore_input('section8Heading') }}<em> {{ pimcore_input('section8SubHeading') }}</em></h3>
</div>
</div>
<div class="row mt-5 owl-carousel things-carousel">
{% set backgroundColorArray = ['688563', '7BA1A6', 'D19688', '7C594D', 'DCAD59', '688563', '7BA1A6', 'D19688', '7C594D', 'DCAD59'] %}
{% set backgroundPositionArray = ['90% 80%', '40% 80%', '90% 80%', '90% 80%', '90% 80%', '90% 80%', '90% 80%', '90% 80%', '90% 80%', '90% 80%'] %}
{% for i in pimcore_iterate_block(pimcore_block('section8Images')) %}
{% set image = pimcore_image("image") %}
{% set heading = pimcore_input("heading") %}
{% set subHeading = pimcore_input("subHeading") %}
{% set description = pimcore_textarea("description") %}
{# {% set thumbnailImg = ((i-1)%6 == 0) ? image.thumbnail('HomeSection8ThumbnailOne') : image.thumbnail('HomeSection8ThumbnailTwo') %} #}
<div class="{% if (i-1)%6 == 0 %} col-lg-8 col-md-8 {% else %} col-lg-4 col-md-4 {% endif %} col-12 px-2 item">
<div class="fair-item" style="background: #{{ backgroundColorArray[i-1] }} url({{ image.getSrc() }}) {{ backgroundPositionArray[i-1] }} no-repeat; background-size:auto;">
<h3>{{ heading | raw }}</h3>
<p>{{ subHeading | raw }}</p>
<div class="plus-link">
<a href="#"><i class="icofont-plus"></i></a>
</div>
<div class="overlay-text" style="background:#{{ backgroundColorArray[i-1] }}">
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<p>{{ description | raw}}</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</section>

<section class="nf-home-service" id="homeService">
<div class="nf-home-service-section xy-padd nf-gray">
<div class="container">
<div class="row desktop-v">
<div class="col-lg-6">
<div class="s-card-wrapper">
<div class="service-cards">
<div class="s-card left">
<div class="s-image">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/catarina-desk-image.jpg" alt="Catarina">
</div>
<div class="info">
<div class="info-bxx">
<div class="name">Catarina</div>
<div class="role">Account Manager</div>
</div>
</div>
</div>
<div class="s-card right">
<div class="s-image">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/kajal-desk-image.jpg" alt="Kajal">
</div>
<div class="info">
<div class="info-bxx">
<div class="name">Kajal</div>
<div class="role">Account Manager, India</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="serv-lf-text">
<span class="srv-title desktop-v">SERVICES</span>
<h2 class="srv-main-title desktop-v"> Stay In Control <span class="title-italic">With a Single
Point of Contact</span>
</h2>
<p class="p-short-desc">From briefing to delivery, we manage all aspects of your projects with a
single point of contact, keeping you in reach, up to date and in control.</p>
<a href="https://calendly.com/sales-veqm" target="_blank" class="btn btn-pink desktop-v">BOOK A MEETING</a>
</div>
</div>
</div>
<div class="row service-card-mobile mobile-v">
<div class="col-lg-12">
<span class="srv-title">SERVICES</span>
<h2 class="srv-main-title"> Stay In Control <span class="title-italic">With a Single
Point of Contact</span>
</h2>
</div>
<div class="col-lg-12">
<div class="s-card-mobile-wrapper">
<div class="service-cards-mob service-card-slider-mobile owl-carousel owl-theme">
<div class="srv-card">
<div class="srv-image">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/kajal-white11.png" alt="Kajal">
</div>
<div class="srv-info">
<div class="info-bx">
<div class="name">Kajal</div>
<div class="role">Account Manager, India</div>
</div>
</div>
</div>
<div class="srv-card">
<div class="srv-image">
<img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/nf-images/catarina-white11.png" alt="catarina">
</div>
<div class="srv-info">
<div class="info-bx">
<div class="name">Catarina</div>
<div class="role">Account Manager, Europe</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="serv-lf-text">
<p class="p-short-desc">From briefing to delivery, we manage all aspects of your projects with a
single point of contact, keeping you in reach, up to date and in control.</p>
<div class="srv-mobile-btn mobile-v text-center">
<a href="https://calendly.com/sales-veqm" target="_blank" class="btn btn-pink">BOOK A MEETING</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="home-news-section">
{% if editmode %}
<h3>Section Exclusive Design</h3>
{% for i in pimcore_iterate_block(pimcore_block('section5Images')) %}
<div class="hero-edit-mode">
<h5>Banner For Desktop</h5>
{{ pimcore_image('section5Image', {"placeholder": "Image"}) }}
<h5>Banner For Mobile</h5>
{{ pimcore_image('section5ImageMobile', {"placeholder": "Image"}) }}
{{ pimcore_input('section5ButtonLink', {"placeholder": "Link"}) }}
</div>
{% endfor %}
{% else %}
<div class="container-wrap">
<div class="home-carousel-style1 caption-style-2 carousel-single-item owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('section5Images')) %}
<div class="carousel-image">
{% set section5Image = pimcore_image('section5Image') %}
{% set section5ImageMobile = pimcore_image('section5ImageMobile') %}
{% set section5ButtonLink = pimcore_input('section5ButtonLink')|trim %}
<a {% if section5ButtonLink %}href="{{ section5ButtonLink }}" target="_blank"{% else %}href="#" class="signup" data-toggle="modal" data-target="#signup"{% endif %}>
<img src="{{ section5Image.getSrc() }}" class="w-100 banner1 desktop-v" alt="Exclusive Design Desktop" />
<img src="{{ section5ImageMobile.getSrc() }}" class="w-100 banner1 mobile-v" alt="Exclusive Design Mobile" />
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</section>


<section class="home-brand-section nf-rose-glod xy-padd">
<div class="brand-carousel2-wrapper">
<ul class="brand-carousel-2 owl-carousel owl-theme">
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/gommaire.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/loberon.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/libra.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/fleurami.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/rossmann.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/hornbach.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/vancran.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/oosterik.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/homebox.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/ndt.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/rmplants.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/homegoods.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/pointvert.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/foxhome.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/oriental.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/lamart.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/bellarte.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/rice.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/ross.svg" alt="logo"></li>
<li><img src="https://d2577j2dd5wuk.cloudfront.net/assets/images/3s-landing-page/vardinon.svg" alt="logo"></li>
</ul>
</div>
</section>

{# <section class="row-am testimonials">
{% if editmode %}
<h3>Section 9</h3>
{{ pimcore_input('section9Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section9SubHeading1', {"placeholder": "Sub Heading 1"}) }}
{{ pimcore_input('section9SubHeading2', {"placeholder": "Sub Heading 1"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section9Images')) %}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('testimonial-stars', {"placeholder": "No. of Stars (e.g. ★★★★★)"}) }}
{{ pimcore_input('testimonial-title', {"placeholder": "Testimonial Title"}) }}
{{ pimcore_textarea('testimonial-comment', {"placeholder": "Testimonial Comment"}) }}
{{ pimcore_input('testimonial-client-info', {"placeholder": "Client Name/Info"}) }}
{% endfor %}
{% else %}
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-12 col-12 text-center">
<h6>{{ pimcore_input('section9Heading') }}</h6>
<h3>{{ pimcore_input('section9SubHeading1') }} <em>{{ pimcore_input('section9SubHeading2') }}</em></h3>
</div>
</div>
<div class="row mt-3">
<div class="col-12">
<ul class="owl-carousel owl-theme home-testimonial-slider">
{% for i in pimcore_iterate_block(pimcore_block('section9Images')) %}
{% set heading = pimcore_input("heading") %}
<li class="item">
<video preload="metadata" controls="controls" muted="muted" autoplay="autoplay" id="video-{{ (i+1) }}">
{% set video = pimcore_wysiwyg('video')|striptags('p')|raw %}
<source src="{{ video }}" type="video/mp4">
</video>
<div class="video-details details-{{ (i+1) }}">
<div class="video-content w-100">
<h2>{{heading | raw }}</h2>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}
</section> #}

<section class="home-reviews-section xy-padd nf-gray" id="homeReview">
{% if editmode %}
<h3>Testimonials Section</h3>
{# Register all editables only in editmode #}
{% for i in pimcore_iterate_block(pimcore_block('section9Images')) %}
<div style="border: 1px dashed #ccc; padding: 15px; margin-bottom: 20px;">
<strong>Testimonial {{ i }}</strong><br>
{{ pimcore_input('testimonial-title_' ~ i, {
"placeholder": "Testimonial Title"
}) }}
{{ pimcore_textarea('testimonial-comment_' ~ i, {
"placeholder": "Testimonial Comment",
"height": "150px"
}) }}
{{ pimcore_input('testimonial-client-info_' ~ i, {
"placeholder": "Client Name / Company / Position"
}) }}
{# Static stars preview for editors #}
<div style="font-size: 24px; color: #ffc107; margin: 10px 0;">★★★★★</div>
</div>
{% endfor %}
{% else %}
<div class="container-review">

<div class="reviews-main-box slide-desktop-v">
<div class="home-testimonial-wrapper">
<div class="home-testimo-carousel owl-carousel owl-theme">
<div class="testimonial-card testimo-title-card">
<div class="review-lf-box">
<span class="srv-title">REVIEWS</span>
<h2 class="srv-main-title">What Buyers <span class="title-italic">Are Saying</span></h2>
</div>
</div>
{% for i in pimcore_iterate_block(pimcore_block('section9Images')) %}
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">
{{ pimcore_input('testimonial-title_' ~ i).getData() }}
</div>
<div class="testimonial-text">
{{ pimcore_textarea('testimonial-comment_' ~ i).getData()|raw }}
</div>
<div class="testimonial-client">
{{ pimcore_input('testimonial-client-info_' ~ i).getData() }}
</div>
</div>
{% endfor %}
</div>
</div>
</div>

<div class="reviews-main-box slide-mobile-v">
<div class="review-left-col">
<div class="review-lf-box">
<span class="srv-title">REVIEWS</span>
<h2 class="srv-main-title">Built On 25+ Years Of Trust</h2>
</div>
</div>
<div class="home-testimonial-wrapper">
<div class="home-testimo-carousel owl-carousel owl-theme">
{% for i in pimcore_iterate_block(pimcore_block('section9Images')) %}
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">
{{ pimcore_input('testimonial-title_' ~ i).getData() }}
</div>
<div class="testimonial-text">
{{ pimcore_textarea('testimonial-comment_' ~ i).getData()|raw }}
</div>
<div class="testimonial-client">
{{ pimcore_input('testimonial-client-info_' ~ i).getData() }}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="container">
<hr class="my-5">
<div class="row">
<div class="col-lg-6">
<div class="why-india">
<h3>Why NuFind?</h3>
<ul>
<li>✓ Ready to buy products</li>
<li>✓ Made to order</li>
<li>✓ Speed & Savings</li>
<li>✓ Innovation</li>
<li>✓ Single point of contact</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="why-india our-edge">
<h3>Our Edge</h3>
<ul>
<li>× Reduce compliance risks & lead times</li>
<li>× Reduce negotiation and price barriers</li>
<li>× Reduce quality and inconsistencies</li>
<li>× Reduce cultural & holiday disruptions</li>
<li>× Reduce logistics & infrastructure delays</li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}
</section>
{# <section class="home-reviews-section xy-padd nf-gray" id="homeReview">
<div class="container-review">
<div class="reviews-main-box slide-desktop-v">
<div class="home-testimonial-wrapper">
<div class="home-testimo-carousel owl-carousel owl-theme">
<div class="testimonial-card testimo-title-card">
<div class="review-lf-box">
<span class="srv-title">REVIEWS</span>
<h2 class="srv-main-title">What Buyers <span class="title-italic">Are Saying</span></h2>
</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
</div>
</div>
</div>
<div class="reviews-main-box slide-mobile-v">
<div class="review-left-col">
<div class="review-lf-box">
<span class="srv-title">REVIEWS</span>
<h2 class="srv-main-title">Built On 25+ Years Of Trust</h2>
</div>
</div>
<div class="home-testimonial-wrapper">
<div class="home-testimo-carousel owl-carousel owl-theme">
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
<div class="testimonial-card">
<div class="testimonial-stars">★★★★★</div>
<div class="testimonial-title">A Breath of Fresh Air</div>
<div class="testimonial-text">
Working with 3SG was like a breath of fresh air. We were hesitant about India but they
took
away the stress.
</div>
<div class="testimonial-client">USA CLIENT OF 13 YEARS</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<hr class="my-5">
<div class="row">
<div class="col-lg-6">
<div class="why-india">
<h3>Why NuFind?</h3>
<ul>
<li>✓ Low MOQs</li>
<li>✓ Skilled craftsmanship</li>
<li>✓ Competitive labour costs</li>
<li>✓ Highly available, sustainable fibres</li>
<li>✓ Government-backed export Incentives</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="why-india our-edge">
<h3>Our Edge</h3>
<ul>
<li>× Reduce compliance risks & lead times</li>
<li>× Reduce negotiation and price barriers</li>
<li>× Reduce quality and inconsistencies</li>
<li>× Reduce cultural & holiday disruptions</li>
<li>× Reduce logistics & infrastructure delays</li>
</ul>
</div>
</div>
</div>
</div>
</section> #}

<section class="row-am inspiration-box d-none">
{% if editmode %}
<h3>Section 10</h3>
{{ pimcore_input('section10Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section10SubHeading', {"placeholder": "Sub Heading"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section10Images')) %}
{{ pimcore_image("image", {
"title": "image"
}) }}
{{ pimcore_input('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<div class="container-fluid clearfix">
<div class="row">
<div class="col-12 text-center">
<h3>{{ pimcore_input('section10Heading')}} <em>{{ pimcore_input('section10SubHeading')}}</em></h3>
</div>
</div>
<div class="row mt-3">
<div class="col-12 px-0">
<ul class="owl-carousel owl-theme home-brand-slider">
{% for i in pimcore_iterate_block(pimcore_block('section10Images')) %}
{% set image = pimcore_image("image") %}
{% set link = pimcore_input("link") %}
<li class="item">
<a href="{{link}}" target="_blank">
<div class="without-hover">
<img src="{{image.thumbnail('HomeSection10Thumbnail')}}" alt="insta-{{i}}">
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}
</section>
{# <section class="row-am learn-more-box">
{% if editmode %}
<h3>Section 11</h3>
{{ pimcore_input('section11Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section11SubHeading', {"placeholder": "Sub Heading"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section11Items')) %}
{{ pimcore_image('icon', {"placeholder": "Icon"}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('subHeading', {"placeholder": "Sub Heading"}) }}
{{ pimcore_input('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h3>{{ pimcore_input('section11Heading') }} <em>{{ pimcore_input('section11SubHeading') }}</em></h3>
</div>
</div>
<div class="row mt-3">
{% for i in pimcore_iterate_block(pimcore_block('section11Items')) %}
{% set icon = pimcore_image("icon") %}
<div class="col-lg-4 col-md-4 col-12 text-center">
<a href="{{ pimcore_input('link') }}" target="_blank">
<div class="learn-box">
<div class="learn-item">
<img src="{{ icon.getSrc() }}" />
<h4>{{ pimcore_input('heading') }}</h4>
<p>{{ pimcore_input('subHeading') }}</p>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</section> #}

<section class="home-get-free-quote-section nf-rose-glod xy-padd" id="homeContact">
{% if editmode %}
<h3>Section 11</h3>
{{ pimcore_input('section11Heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('section11SubHeading', {"placeholder": "Sub Heading"}) }}
{% for i in pimcore_iterate_block(pimcore_block('section11Items')) %}
{{ pimcore_image('icon', {"placeholder": "Icon"}) }}
{{ pimcore_input('heading', {"placeholder": "Heading"}) }}
{{ pimcore_input('subHeading', {"placeholder": "Sub Heading"}) }}
{{ pimcore_input('link', {"placeholder": "Link"}) }}
{% endfor %}
{% else %}
<div class="container">
<div class="free-quote-wrapper">
<span class="contact-title">CONTACT</span>
<h2 class="srv-main-title">{{ pimcore_input('section11Heading') }}<span class="title-italic">{{ pimcore_input('section11SubHeading') }}</span></h2>
<ul class="quote-media-link">
{% for i in pimcore_iterate_block(pimcore_block('section11Items')) %}
{% set icon = pimcore_image("icon") %}
<li>
<img src="{{ icon.getSrc() }}" class="more-learn-icon"/>
<h3>{{ pimcore_input('heading') }}</h3>

<a href="{{ pimcore_input('link') }}" target="_blank" class="box-link"><span class="d-none">Box link</span></a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</section>

{# <section class="row-am keep-touch d-lg-block d-md-block d-none">
<div class="container clearfix">
<div class="row">
<div class="col-12 text-center">
<h3>{{ pimcore_input('section12Heading') }}</h3>
</div>
</div>
<div class="row mt-3">
<div class="col-lg-4 col-md-4 col-12 pr-2">
<div class="blog-box">
<figure></figure>
<div class="details">
<div class="d-flex align-items-center text-center h-100">
<div class="info w-100">
<h3>{{ pimcore_input('section12Item1Heading1', {"placeholder":'Heading 1'}) }}<br /> {{ pimcore_input('section12Item1Heading2', {"placeholder":'Heading 2'}) }} <em>{{ pimcore_input('section12Item1Heading3', {"placeholder":'Heading 3'}) }}</em></h3>
{% if editmode %}
{{ pimcore_input('section12Item1ButtonLink', {"placeholder":'Button Link'}) }}
{{ pimcore_input('section12Item1ButtonText', {"placeholder":'Button Text'}) }}
{% else %}
<p><a href="{{ pimcore_input('section12Item1ButtonLink') }}" class="btn-default">{{ pimcore_input('section12Item1ButtonText') }}</a></p>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-md-8 col-12 pl-2">
<div class="signup-box">
<div class="row align-items-center h-100">
<div class="col-lg-6 col-md-6 col-12 cust-pad">
<h3>{{ pimcore_input('section12Item2Heading1', {"placeholder":'Heading 1'}) }}<br /><em>{{ pimcore_input('section12Item2Heading2', {"placeholder":'Heading 2'}) }}</em></h3>
{% if editmode %}
{{ pimcore_input('section12Item2ButtonLink', {"placeholder":'Button Link'}) }}
{{ pimcore_input('section12Item2ButtonText', {"placeholder":'Button Text'}) }}
{% else %}
<p><a href="{{ pimcore_input('section12Item2ButtonLink') }}" class="btn-default">{{ pimcore_input('section12Item2ButtonText') }}</a></p>
{% endif %}
</div>
<div class="col-lg-6 col-md-6 col-12">
{% if editmode %}
{{ pimcore_image("section12Item2Image", {"title": "How Does It Work?" }) }}
{% else %}
{% set section12Item2Image = pimcore_image("section12Item2Image") %}
<img src="{{ section12Item2Image.getSrc() }}" />
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="follow-box">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-12">
<h3>{{ pimcore_input('section12Item3Heading1', {"placeholder":'Heading 1'}) }} <em>{{ pimcore_input('section12Item3Heading2', {"placeholder":'Heading 2'}) }}</em></h3>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="icon">
<ul>
<li>
{% if editmode %}
{{ pimcore_input('section12Item3InstagramLink', {"placeholder":'Instagram Link'}) }}
{% else %}
<a target="_blank" href="{{ pimcore_input('section12Item3InstagramLink') }}">
<i class="icofont-instagram"></i>
</a>
{% endif %}
</li>
<li>
{% if editmode %}
{{ pimcore_input('section12Item3TwitterLink', {"placeholder":'Twitter Link'}) }}
{% else %}
<a target="_blank" href="{{ pimcore_input('section12Item3TwitterLink') }}">
<i class="icofont-twitter"></i>
</a>
{% endif %}
</li>
<li>
{% if editmode %}
{{ pimcore_input('section12Item3LinkedinLink', {"placeholder":'Linkedin Link'}) }}
{% else %}
<a target="_blank" href="{{ pimcore_input('section12Item3LinkedinLink') }}">
<i class="icofont-linkedin"></i>
</a>
{% endif %}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> #}

{# <section class="row-am how-it-work">
<div class="container-fluid clearfix">
{% if editmode == false %}
<div id="MsMmSlider">
{% endif %}
{% for i in pimcore_iterate_block(pimcore_block('howDoesItWorkSection')) %}
{% if editmode %}
{{ pimcore_input('workTitle', {"placeholder": "How Does It Work?"}) }}
{{ pimcore_wysiwyg('workDescription', {"placeholder": "How Does It Work Description"}) }}
{{ pimcore_wysiwyg("workImage", {"height": 50,"placeholder": "How Does It Work? Video Link"}) }}
{% else %}
{% set workImage = pimcore_wysiwyg('workImage')|striptags('p')|raw %}
<div data-color="#007cc2" data-img="{{ workImage }}">
<span>
<h5>{{ pimcore_input('workTitle') }}</h5>
<p>{{ pimcore_wysiwyg('workDescription') }} </p>
</span>
</div>
{% endif %}
{% endfor %}
{% if editmode == false %}
</div>
{% endif %}
</div>
</section> #}
{# <section class="row-am how-it-work testimonial how-it-work-animation d-none">
<div class="container-fluid clearfix">
{% if editmode == false %}
{% set bannerClass = "owl-carousel banner-carousel-animation owl-theme" %}
{% else %}
{% set bannerClass = "" %}
{% endif %}
<div class="{{ bannerClass }} ">
{% set dotIncrement = 1 %}
{% for i in pimcore_iterate_block(pimcore_block('howDoesItWorkSection')) %}
{% if editmode %}
{{ pimcore_input('workTitle', {"placeholder": "How Does It Work?"}) }}
{{ pimcore_wysiwyg('workDescription', {"placeholder": "How Does It Work Description"}) }}
{{ pimcore_wysiwyg("workImage", {"height": 50,"placeholder": "How Does It Work? Video Link"}) }}
{% else %}
<div class="item" data-dot="<button>{{dotIncrement}}</button>">
<div class="row">
<div class="col-md-6">
<div class="owl-left">
<span>
<h5>{{ pimcore_input('workTitle') }}</h5>
<p>{{ pimcore_wysiwyg('workDescription') }} </p>
</span>
</div>
</div>
<div class="col-md-6">
{% set workVideoLink = pimcore_wysiwyg('workImage')|striptags('p')|raw %}
<div class="vis">
<video controls playsinline muted width="100%" height="620">
<source src="{{workVideoLink}}" type="video/mp4">
</video>
</div>
</div>
</div>
{% set dotIncrement = dotIncrement + 1 %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section> #}
{# <section class="row-am how-it-work">
<div class="container-fluid clearfix">
{% for i in pimcore_iterate_block(pimcore_block('howDoesItWorkSection')) %}
{% if editmode %}
{{ pimcore_input('workTitle', {"placeholder": "How Does It Work?"}) }}
{{ pimcore_wysiwyg('workDescription', {"placeholder": "How Does It Work Description"}) }}
{{ pimcore_image("workImage", {"title": "How Does It Work?","uploadPath": misource_landing_path }) }}
{% else %}
<div>
<div class="left">
<h5>{{ pimcore_input('workTitle') }}</h5>
<p>{{ pimcore_wysiwyg('workDescription')|raw }} </p>
</div>
<div class="right">
{% set workImage = pimcore_image("workImage") %}
<img src="{{ workImage.getSrc() }}" alt="how-it-work">
</div>
</div>
{% endif %}
{% endfor %}
</div>
</section> #}

{# <section class="row-am benefit d-none">
<div class="container-fluid clearfix">
<div class="left">
{% if editmode %}
{{ pimcore_wysiwyg("buyerVideo", {"height": 50,"placeholder": "How Do I Benefit Buyer Video Link"}) }}
{{ pimcore_input('backGroundColorbuyer', {"placeholder": "Backgound Color Code for buyer"}) }}
{{ pimcore_wysiwyg("supplierVideo", {"height": 50,"placeholder": "How Do I Benefit Supplier Video Link"}) }}
{{ pimcore_input('backGroundColorsupplier', {"placeholder": "Backgound Color Code for supplier"}) }}
{{ pimcore_wysiwyg("designerVideo", {"height": 50,"placeholder": "How Do I Benefit Designer Video Link"}) }}
{{ pimcore_input('backGroundColordesigner', {"placeholder": "Backgound Color Code for Designer"}) }}
{% else %}
{% set buyerVideo = pimcore_wysiwyg('buyerVideo')|striptags('p')|raw %}
{% set supplierVideo = pimcore_wysiwyg('supplierVideo')|striptags('p')|raw %}
{% set designerVideo = pimcore_wysiwyg('designerVideo')|striptags('p')|raw %}
<span id="buyer"><video width="100%" height="620" controls>
<source src="{{ buyerVideo }}" type="video/mp4"></video></span>
<span id="supplier"><video width="100%" height="620" controls>
<source src="{{ supplierVideo }}" type="video/mp4"></video></span>
<span id="designer"><video width="100%" height="620" controls>
<source src="{{ designerVideo }}" type="video/mp4"></video></span>
{% endif %}
</div>
<div class="right">
{% if editmode %}
{{ pimcore_input("howDoIBenefitTitle",{"placeholder": "How Do I Benefit?"}) }}
{{ pimcore_wysiwyg("howDoIBenefitDescription", {"height": 100,"placeholder": "How Do I Benefit"}) }}
{% else %}
<h5>{{ pimcore_input("howDoIBenefitTitle") }}</h5>
<p>{{ pimcore_wysiwyg("howDoIBenefitDescription")|raw }}</p>
{% endif %}
<div class="benefit-bottom-btn">
<span>Benefits For:</span>
<div class="d-flex">
{% if editmode %}
{{ pimcore_input("benefitBuyer",{"placeholder": "Benefits for Buyer"}) }}</br>
{{ pimcore_input("benefitSupplier",{"placeholder": "Benefits for Supplier"}) }}</br>
{{ pimcore_input("benefitDesigner",{"placeholder": "Benefits for Designer"}) }}
{% else %}
<a id="buyerbtn" data-color="{{ pimcore_input('backGroundColorbuyer') }}" class="benefit-btn" href="javascript:void(0);">{{ pimcore_input("benefitBuyer") }}</a>
<a id="supplierbtn" data-color="{{ pimcore_input('backGroundColorsupplier') }}" class="benefit-btn" href="javascript:void(0);">{{ pimcore_input("benefitSupplier") }}</a>
<a id="designerbtn" data-color="{{ pimcore_input('backGroundColordesigner') }}" class="benefit-btn" href="javascript:void(0);">{{ pimcore_input("benefitDesigner") }}</a>
{% endif %}
</div>
</div>
</div>
</div>
</section> #}

{# <section class="row-am testimonial d-none">
<div class="container-fluid clearfix">
{% if editmode == false %}
{% set thinkClass = "owl-carousel banner-carousel-video" %}
{% else %}
{% set thinkClass = "" %}
{% endif %}
<div class="{{ thinkClass }}">
{% for i in pimcore_iterate_block(pimcore_block('WhatBuyerAndSupplierThinkSection')) %}
<div>
<div class="left">
{% if editmode %}
{{ pimcore_input('title', {"placeholder": "title"}) }}
{{ pimcore_wysiwyg('description', {"placeholder": "Description"}) }}
{{ pimcore_wysiwyg("thinkVideo", {"height": 50,"placeholder": "What Buyer and Supplier Think Video Link"}) }}
{% else %}
{% set title = pimcore_input('title') %}
{% set description = pimcore_wysiwyg('description') %}
<h5>{{ title|raw }}</h5>
<p>{{ description|raw }}</p>
{% endif %}
</div>
<div class="right">
{% if editmode == false %}
{% set thinkVideo = pimcore_wysiwyg('thinkVideo')|striptags('p')|raw %}
<video width="100%" height="620" controls>
<source src="{{ thinkVideo }}" type="video/mp4" ></video>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</section> #}

{# <section class="row-am products-of-the-week d-none">
<div class="container-fluid clearfix">
{% if editmode %}
{{ pimcore_input("salesTitle",{"placeholder": "What’s on Offer?"}) }}
{{ pimcore_wysiwyg("salesDescription", {"height": 100,"placeholder": "How Do I Benefit"}) }}
{% else %}
<h6>{{ pimcore_input("salesTitle") }}</h6>
{{ pimcore_wysiwyg("salesDescription")|raw }}
{% endif %}
</div>
<ul class="owl-carousel home-brand-slider">
{% if salesCampaign|length > 0 %}
{% for key, salesCampaignObj in salesCampaign %}
<li>
<div class="without-hover">
<img src="{{ salesCampaignObj.getImage().thumbnail('productListImage') }}" alt="insta-1">
</div>
<div class="with-hover">
<p>{{ salesCampaignObj.getSubTitle() }}</p>
<h3>{{ salesCampaignObj.getTitle() }}</h3>
<a href="{{ salesCampaignObj.getShareableLink() }}" class="box-link"><span class="d-none">link</span></a>
</div>
</li>
{% endfor %}
{% else %}
<li>No Campaigns Available!!</li>
{% endif %}
</ul>
</section> #}
{# <section class="row-am products-of-the-week instagram-inspiration d-none">
<div class="container-fluid clearfix">
{% if editmode %}
{{ pimcore_wysiwyg("instagramSectionTitle",{"height": "50","placeholder": "Instagram Images"}) }}
{% else %}
<h2>{{ pimcore_wysiwyg("instagramSectionTitle")|raw }}</h2>
{% endif %}
</div>
{% if editmode == false %}
{% set instaClass = "owl-carousel home-brand-slider" %}
{% else %}
{% set instaClass = "" %}
{% endif %}
<ul class="{{ instaClass }}">
{% for i in pimcore_iterate_block(pimcore_block('instaBlock')) %}
{% if editmode %}
{{ pimcore_image("instaImage", {
"title": "Instagram Images"
}) }}
{{ pimcore_input("instaLink",{"placeholder": "Enter URL "}) }}
{% else %}
{% set instaImageData = pimcore_image("instaImage") %}
<li><a href="{{pimcore_input('instaLink')}}" target="_blank">
<div class="without-hover">{{ pimcore_link('instaLink') }}
<img src="{{ instaImageData.getSrc() }}" alt="insta-1">
</div></a>
</li>
{% endif %}
{% endfor %}
</ul>
</section> #}
</div>

<div class="modal fade signup-modal login-modal" id="login" tabindex="-1" role="dialog" aria-labelledby="loginmodalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2>Log In</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
{% if errorFlag is defined and errorFlag == '1' %}
{% set isErrorMsg = 1 %}
{% for message in app.flashes('fail') %}
<div class="alert alert-danger">
<input type="hidden" name="_error" id="_error" value="{{ errorFlag }}">
{{ message }}
{% set isErrorMsg = 0 %}
</div>
{% endfor %}
{% if isErrorMsg == 1 %}
<div class="alert alert-danger">
<input type="hidden" name="_error" id="_error" value="{{ errorFlag }}">
{# {{ 'InvalidPassword' | trans }} #}
{% if errorType is defined and errorType %}
{{ errorType }}
{% else %}
{{ 'InvalidPassword' | trans }}
{% endif %}
</div>
{% endif %}
{% endif %}
{% for message in app.flashes('resetsuccess') %}
<div class="alert alert-success">{{ message }}</div>
{% endfor %}
{{ form_start(form) }}
<div class="form-row">
<div class="col-md-12">
{{ form_widget(form._username, { 'attr': {'placeholder': 'Email Address', 'class': 'form-control'}}) }}
</div>
<div class="col-md-12">
{{ form_widget(form._password, { 'attr': {'placeholder': 'Password', 'class': 'form-control'}}) }}
</div>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<div class="col-md-12 forget-pass">
<label><a href="#" data-toggle="modal" data-dismiss="modal" data-target="#forgot" class="pull-right lh-60">Forgot Password?</a></label>
</div>
<div class="col-md-12 custom-control custom-checkbox my-1 mr-sm-2 check-text">
{# <input name="_remember_me" type="checkbox" class="custom-control-input" id="rememberMe"> #}
{# <label class="custom-control-label" for="rememberMe">Keep me Signed In</label> #}
</div>
<div class="col-md-12 signup-btn">
{{ form_widget(form._submit, {'attr': {'class': 'btn btn-primary', 'label': 'Log In'}}) }}
</div>
<div class="col-md-12 bottom-txt">
<p>Don't have an Account?</p>
</div>
<div class="col-md-12 login-btn">
<button type="button" class="btn btn-secondary" data-toggle="modal" data-target="#signup" data-dismiss="modal">Sign Up</button>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</div>
<div class="modal dark-pop fade" id="forgot">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">

<button type="button" class="close" id="close-btn-signup" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>

<div class="modal-body login">
<h2>Forgot Password</h2>
<div class="pop-form-wrapper">
{% for message in app.flashes('success') %}
<div class="alert alert-success">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('fail') %}
<div class="alert alert-danger">{{ message }}</div>
{% endfor %}
<form name="frmForget" id="frmForget" action="/account/send-password-recovery" class="application-form" method="POST" >
<div class="form-group">
<label for="exampleFormControlInput1" class="d-none">Email Address</label>
<input type="email" id="email" name="email" required="required" class="form-control" value="" placeholder="Please Confirm Your Email" />
</div>
<div class="form-group mt-5">
<button type="submit" class="btn">Send Me a Reset Link</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script>
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 4000);
</script>
{% endblock %}

src/GlobalBundle/Resources/views/default/default.html.twig line 107