<section class="content-block template-masthead bg-black layout-services bg-dark">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell medium-8">
                <div class="cell__inner">
                    <header class="module header">
                        <h2 class=" h1">Fine-Tune ‘In Your Face’ first impressions</h2>
                    </header>
                    <div class="module text-editor">
                        <p class="p-lg">Online marketplaces are many consumers’ prime marketing channel, so you need to nail them. Blend quantitative and qualitative analysis to invest in the optimal approach, with quick pivots when needed, to bolster your entire marketing strategy.</p>
                    </div>
                    <div class="module buttons mt-xl">
                        <a href="/nto#" class="button button--down js-scroll-down">Scroll down</a>
                    </div>
                </div>
            </div>
            <div class="cell medium-4">
                <div class="cell__inner">
                    <picture class="module image">
                        <img src="/nto/assets/images/cms/masthead_img.jpg" alt="" class="image__main">
                    </picture>
                </div>
            </div>
        </div>
        <div class="splide template-masthead__slider-navigation" role="group">
            <div class="splide__track">
                <div class="splide__list">
                    <div class="splide__slide">
                        <a href="/nto/marketplace-management/" class="template-masthead__slider-navigation-btn">
                        <img src="/nto/assets/images/cms/masthead-service-icon-1.svg" alt="Marketplace Management">
                        Marketplace Management<span class="show-for-sr">Marketplace Management</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/logistics-fulfillment/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-2.svg" alt="Logistics &amp; Fulfillment">
                            Logistics &amp; Fulfillment<span class="show-for-sr">Logistics &amp; Fulfillment</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/brand-protection/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-3.svg" alt="Brand Protection">
                            Brand Protection<span class="show-for-sr">Brand Protection</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/marketing/" class="template-masthead__slider-navigation-btn is-active">
                        <img src="/nto/assets/images/cms/masthead-service-icon-4.svg" alt="Marketing">
                        Marketing<span class="show-for-sr">Marketing</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/advertising/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-5.svg" alt="Advertising">
                            Advertising<span class="show-for-sr">Advertising</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/creative/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-6.svg" alt="Creative">
                            Creative<span class="show-for-sr">Creative</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/creative/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-6.svg" alt="Reporting &amp; Insights">
                            Reporting &amp; Insights<span class="show-for-sr">Reporting &amp; Insights</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{ template("masthead", {
  "innerContent": "templates/masthead/context/services.njk",
  "class": "layout-services bg-dark",
  "bg": {
    "color": "black"
  },
  "currentPage": 4
}) }}