https://www.locally.com/

Submitted URL:
https://locally.comRedirected
Report Finished:

The outgoing links identified from the page

LinkText
https://join.locally.com/tools/accept-transactionsLearn More
https://www.google.comLearn More
https://join.locally.com/tools/store-locatorLearn More
https://join.locally.com/tools/local-landing-pagesLearn More
https://join.locally.com/tools/product-finderLearn More
https://www.linkedin.com/company/locally-comLinkedIn
https://www.twitter.com/locallyTwitter
https://www.facebook.com/locallyFacebook
https://www.reddit.com/r/locallyReddit

JavaScript Variables · 18 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
lclyEmbedRootundefined
includeCssfunction
includeJsfunction
Alpineobject
FontAwesomeConfigobject
___FONT_AWESOME___object
lsOpenGlobalEventfunction

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html class="bg-gray-200 lg:leading-[29px] is-loaded" lang="en"><head>
  <!-- v1.2.268 -->
  <meta charset="utf-8">
  <title>Locally</title>
  <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="msvalidate.01" content="F3D40F171F81AA1D85550629BA7ECD55">
  <meta name="p:domain_verify" content="44131ef86dd85e6178b683dc06f41dd2">
  <meta name="alexaVerifyID" content="k5IyXxM0d1kPyHz5zxudfxYqEac">
  <meta name="fo-verify" content="04d18eaa-59c4-4614-8998-4d042a01e5e7">
      <meta name="google-site-verification" content="GFQ_r0_QoE2lZxKZUoT4Cp9aF_C1RfnMzd1sClsBktM">
      
  <meta property="og:site_name" content="Locally.com">
  <meta property="og:title" content="">
  <meta property="og:description" content="">
  <meta property="og:image" content="">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.locally.com">
  <meta property="fb:app_id" content="308370859327767">
    <link rel="shortcut icon" href="/img/favicon_2022_16x16.ico?vv1.2.268">
    <link href="https://s3.amazonaws.com/media.locally.net/static/min/css/home-v4.css?ver=v1.2.268" rel="stylesheet">
  <script defer="" src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
  <style>
    .modal-launch:hover {

      background-color:#000;
      color:#fff;
    }

    .modal-launch:hover .header-pin {
      fill:#fff;
    } 

    .css-11unzgr span {
      text-align:left!important;
      font-size:14px;
      margin-left:10px;
      color: gray!important;
      font-weight: 'light';
    
    }

  
   
  </style>

<style data-emotion="css" data-s=""></style></head>

<body class="body" style="">  

  <div x-data="{ 'showModal': false }" @keydown.escape="showModal = false">
    <!-- Modal -->
    <div class="fixed z-50 inset-0 bg-gray-500 bg-opacity-75 transition-opacity" x-show="showModal" style="display: none;"></div>

    <div class="fixed z-50 inset-0 overflow-y-auto" x-show="showModal" style="display: none;">
    <div class="flex  sm:h-screen  items-end sm:items-center justify-center  p-4 text-center sm:p-0">
        <!-- This element is to trick the browser into centering the modal contents. -->
        <span class="hidden  sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
        
        <!--
          Modal panel, show/hide based on modal state.

          Entering: "ease-out duration-300"
            From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            To: "opacity-100 translate-y-0 sm:scale-100"
          Leaving: "ease-in duration-200"
            From: "opacity-100 translate-y-0 sm:scale-100"
            To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
        -->
        <div id="switcherModal" @click.away="showModal = false" style="border-radius: 2rem;" class="relative  h-[calc(100vh-36px)] md:h-[400px] inline-block align-bottom  overflow-hidden bg-gray-200  w-full md:w-[300px] text-left shadow-xl transform transition-all sm:my-8 sm:align-middle xs:w-full">       
    
          <div class="flex p-5 pt-6 pb-0 w-full border-b border-gray-300">
          <h4 class="text-base w-full leading-6 font-medium text-slate-600" id="modal-title">Update Your Location</h4>
     
          <svg @click="showModal = false" class="cursor-pointer h-8 w-8 -mt-1 text-black" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
      
          </div>
        <div>
            <div>
              <div class="p-3 text-left" id="locationswitcher" data-use-my-location="Use My Location"><div><div><div class=" css-b62m3t-container"><span id="react-select-2-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" role="log" class="css-7pg0cj-a11yText"></span><div class=" css-8uah43-control"><div class=" css-hlgwow"><div class=" css-1jqq78o-placeholder" id="react-select-2-placeholder"> </div><div class=" css-15ui4yp" data-value=""><input class="" autocapitalize="none" autocomplete="off" autocorrect="off" id="select-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-describedby="react-select-2-placeholder" value="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2 / auto / auto; font: inherit; min-width: 2px; border: 0px; margin: 0px; outline: 0px; padding: 0px;"></div></div><div class=" css-1wy0on6"></div></div></div></div></div></div>
              
            </div>
          </div>
  </div>
      </div>

    </div>

    <div class="wrapper overflow-hidden relative md:p-5 xl:p-10">
      <header class="header absolute top-0 left-0 right-0 z-40 md:top-[105px] lg:top-[140px] animated headroom--top headroom--not-bottom" data-sticky-header="">
        <div class="container">
          <div class="logo-sticky hidden">
            <div class="flex items-center">
            <a href="#" class="text-blue-600">
              <img src="/img/locally-logo-2022.png" width="75" alt="Logo">
            </a>
            
            <div style="margin-left:30px;">
            <button class="border modal-launch rounded-full text-center text-xs border p-3" style="border:2px solid #000; width:184px; padding:10px;" type="button" @click="showModal = true; $nextTick(() => { window.lsOpenGlobalEvent() });">
                <svg class="header-pin inline-block" version="1.1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 32 32">
                  <title>location</title>
                   <path d="M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z"></path>
              </svg>
                Madrid, Comunidad de Madrid 
              </button>
              </div>
            </div>
          </div>

          <a href="#" class="nav-opener" data-nav-opener="">
            <span>Nav Opener</span>
          </a>

          <div class="nav-drop absolute top-0 left-0 right-0 z-30 p- md:opacity-100 md:static md:p-0">
            <ul class="navigation" style="margin-top:4px;">
              <li>
                <a class="navigation__link" href="//join.locally.com/about">About</a>
              </li>
              <li>
                <a class="navigation__link" href="//join.locally.com/for-retailers">Retailers</a>
              </li>
              <li>
                <a class="navigation__link" href="//join.locally.com/for-brands">Brands</a>
              </li>
              <li>
                <a class="navigation__link" href="//join.locally.com/tools">Tools</a>
              </li>
              <li>
                <ul class="list-panes list-none flex pl-5 -mx-2.5 text-[33px] md:pl-0">
                  <li id="icon_search" class="hidden">
                    <a href="#"><span class="icon-search"></span></a>
                  </li>
                  <li>
                    <a href="/home?show_dashboard=account"><span class="icon-profile"></span></a>
                  </li>
                  <li>
                    <a href="/home?show_dashboard=cart-open">
                      <div class="cart-active absolute -top-2 -right-2 w-2.5 h-2.5 rounded-full bg-green-400"></div>
                      <span class="icon-cart"></span>
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </header>
      <main class="main">
        <section class="hero-section" style="background-image: url('/img/home-v4/img-bg-1.jpg')" data-hero-section="">
          <div class="container" data-logo-hero-container="">
            <div class="logo mx-auto md:w-[400px] mb-10 md:mb-20 lg:w-[595px] animated headroom--top headroom--not-bottom" data-logo-hero="">
              <div class="logo-desktop hidden md:block">
                <svg class="max-w-full h-auto mx-auto" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 594 176" fill="currentColor" xml:space="preserve">
                  <g class="logo-group2">
                    <g transform="translate(452.836000, 2.187530)">
                      <g class="logo-group-right">
                        <path d="M113.8,0c-19.5,115.5-17,113.8-37,0H49.2l31,122.1v49.2h30v-49.2L141.2,0H113.8z"></path>
                        <path d="M27,135.1V0H0v171.3h55.4v-27.6H32.7C28,143.7,27,139.9,27,135.1z"></path>
                      </g>
                    </g>
                    <g class="logo-group-left">
                      <path d="M404.1,137.3V2.2h-27v171.3h55.4v-27.6h-22.6C405.1,145.9,404.1,142.1,404.1,137.3z"></path>
                      <path d="M331,173.5h30L324.8,2.2h-29.6l-34.5,171.3H290c7.3-33.9-3.4-32.5,30.1-32c5.2,0,5.9,3.5,6.7,8.4L331,173.5zM298.8,109.9c1.3-1.4,7.3-68.9,11.7-65.8c4.4-3.3,10.8,64.9,12.1,66.1c1.3,7.7-1.3,7.8-5.3,7.8h-15C298.7,118,297.8,115.8,298.8,109.9z"></path>
                      <path d="M253.1,63.8c2.3-36.4-9.6-65.6-41.4-63.6c-27.1,0-41.4,18.9-41.4,54.7v68.7c-5.5,70.3,88.3,70.3,82.8,0c0,0,0-11.5,0-11.5h-26.9c0,0,0,14.2,0,14.2c0,16.4-4.2,23.2-14.5,23.2c-10.3,0-14.5-6.7 -14.5-23.2V51c0-16.9,4.5-24.5,14.5-24.5c15.2-1.8,15,20.6,14.5,37.3H253.1z"></path>
                      <path d="M109.4,0C53.7-4.6,69.7,87,67.6,123.5c0,35.1,13.7,52.2,41.8,52.2c57.1,4.4,39.1-84.1,41.8-120.9C151.2,17.4,137.9,0,109.4,0z M124,50.8v75.5c0,16.4-4.2,23.2-14.6,23.2c-10.4,0-14.6-6.7-14.6-23.2V50.8c0-18.3,4.5-24.5,14.6-24.5C120.1,26.3,124,32.3,124,50.8L124,50.8z"></path>
                      <path d="M27,137.3V2.2H0v171.3h55.3v-27.6H32.7C28,145.9,27,142.1,27,137.3z"></path>
                    </g>
                  </g>
                  <g class="logo-group1">
                    <g transform="translate(452.836000, 2.187530)">
                      <g class="logo-group-right">
                        <path d="M113.8,0c-19.5,115.5-17,113.8-37,0H49.2l31,122.1v49.2h30v-49.2L141.2,0H113.8z"></path>
                        <path d="M27,135.1V0H0v171.3h55.4v-27.6H32.7C28,143.7,27,139.9,27,135.1z"></path>
                      </g>
                    </g>
                    <g class="logo-group-left">
                      <path d="M404.1,137.3V2.2h-27v171.3h55.4v-27.6h-22.6C405.1,145.9,404.1,142.1,404.1,137.3z"></path>
                      <path d="M331,173.5h30L324.8,2.2h-29.6l-34.5,171.3H290c7.3-33.9-3.4-32.5,30.1-32c5.2,0,5.9,3.5,6.7,8.4L331,173.5z M298.8,109.9c1.3-1.4,7.3-68.9,11.7-65.8c4.4-3.3,10.8,64.9,12.1,66.1c1.3,7.7-1.3,7.8-5.3,7.8h-15C298.7,118,297.8,115.8,298.8,109.9z"></path>
                      <path d="M253.1,63.8c2.3-36.4-9.6-65.6-41.4-63.6c-27.1,0-41.4,18.9-41.4,54.7v68.7c-5.5,70.3,88.3,70.3,82.8,0c0,0,0-11.5,0-11.5h-26.9c0,0,0,14.2,0,14.2c0,16.4-4.2,23.2-14.5,23.2c-10.3,0-14.5-6.7-14.5-23.2V51c0-16.9,4.5-24.5,14.5-24.5c15.2-1.8,15,20.6,14.5,37.3H253.1z"></path>
                      <path d="M109.4,0C53.7-4.6,69.7,87,67.6,123.5c0,35.1,13.7,52.2,41.8,52.2c57.1,4.4,39.1-84.1,41.8-120.9C151.2,17.4,137.9,0,109.4,0z M124,50.8v75.5c0,16.4-4.2,23.2-14.6,23.2c-10.4,0-14.6-6.7-14.6-23.2V50.8c0-18.3,4.5-24.5,14.6-24.5C120.1,26.3,124,32.3,124,50.8L124,50.8z"></path>
                      <path d="M27,137.3V2.2H0v171.3h55.3v-27.6H32.7C28,145.9,27,142.1,27,137.3z"></path>
                    </g>
                  </g>
                </svg>
              </div>
              <div class="logo-mobile md:hidden relative z-40">
                <svg class="max-w-full h-auto mx-auto" width="348" height="187" viewBox="0 0 348 187" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path d="M28.7562 146.032V2.13129H0V184.5H59.1202V155.162H34.8448C29.8105 155.162 28.7562 151.058 28.7562 146.032Z" fill="inherit"></path>
                  <path d="M217.503 146.032V2.13129H188.721V184.5H247.762V155.136H223.592C218.558 155.136 217.503 151.058 217.503 146.032Z" fill="inherit"></path>
                  <path d="M162.548 67.7537V58.3075C162.548 18.5237 148.525 3.05176e-05 118.399 3.05176e-05C89.537 3.05176e-05 74.2759 20.155 74.2759 58.3075V131.481C74.2759 168.845 88.6935 187 118.399 187C148.104 187 162.548 168.845 162.548 131.481V119.246H133.871V134.402C133.871 151.9 129.39 159.057 118.425 159.057C107.46 159.057 102.979 151.9 102.979 134.402V54.0713C102.979 36.0476 107.75 27.9961 118.425 27.9961C127.676 27.9961 133.871 32.4428 133.871 54.0713V67.7537H162.548Z" fill="inherit"></path>
                  <path d="M318.822 2.13129L304.088 86.33C303.377 91.5924 301.98 93.7763 299.291 93.7763C296.603 93.7763 295.285 91.6976 294.547 86.33L279.338 2.13129H249.897L282.949 132.192V184.579H314.974V132.192L348 2.21014L318.822 2.13129Z" fill="inherit"></path>
                </svg>
              </div>
            </div>
            <form class="search-box relative animated headroom--top slideDown headroom--not-bottom" action="#" data-search-box="">
              <!-- toggle: search--active -->
              <div id="autocomplete" data-placeholder-text="Shop Locally in"><div><div><div class="input-holder rounded-4xl relative overflow-hidden bg-gray-200"><div class="ico-holder absolute left-5 top-1/2 -translate-y-1/2 text-[32px] leading-none md:left-9"><span class="icon-search"></span></div><input autocomplete="off" type="text" id="search_input" class="input m-0 h-20 w-full border-0 bg-gray-200 py-1 pl-16 pr-24 text-xs text-blue-600 placeholder:text-blue-600 focus:outline-none md:h-[100px] md:pl-[86px] md:pr-[355px] md:text-xl" placeholder="Shop Locally in Madrid, Comunidad de Madrid" value=""></div><div class="search-drop static top-full left-0 right-0 overflow-hidden rounded-b-xl bg-gray-200"></div></div></div></div>
              <script>
                
        if (!document.getElementById('autocomplete')) {
            {
                var lclyEmbedRoot = document.createElement('div');
                lclyEmbedRoot.setAttribute('id', 'autocomplete');
                document.body.appendChild(lclyEmbedRoot);
            }
        }

        if(typeof includeCss !== 'function') {
            function includeCss(cssFilePath) {
                var head  = document.getElementsByTagName('head')[0];
                var link  = document.createElement('link');
                link.rel  = 'stylesheet';
                link.type = 'text/css';
                link.href = cssFilePath;
                link.media = 'all';
                head.appendChild(link);
            }
        }
        
        if(typeof includeJs !== 'function') {
            function includeJs(jsFilePath, id) {
                var __lcly_script = document.getElementById(id);

                if (!__lcly_script) {
                    var js = document.createElement('script');
                    
                    js.id = id;
                    js.type = 'text/javascript';
                    js.src = jsFilePath;
                    js.async = true;
                    /* js.crossOrigin = true; */ /* For debugging ErrorBoundary in dev */
                
                    document.body.appendChild(js);
                }
            }
        }
        
        includeJs('https://frontend2.locally.com/autocomplete/main.js?ver=v1.2.268', '__lcly_script_autocomplete')

        
              </script>
            </form>
          
            <!-- Trigger for Modal -->
            <div class="text-center mt-8">
              <button class="text-white text-sm inline-block bg-white rounded-full p-2" type="button" @click="showModal = true; $nextTick(() => { window.lsOpenGlobalEvent() });">

                <div style="display: inline-block; padding-left: 0.4rem;">
                  <svg class="inline-block" version="1.1" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 32 32">
                    <title>Location</title>
                    <path fill="#000" d="M16 0c-5.523 0-10 4.477-10 10 0 10 10 22 10 22s10-12 10-22c0-5.523-4.477-10-10-10zM16 16c-3.314 0-6-2.686-6-6s2.686-6 6-6 6 2.686 6 6-2.686 6-6 6z">
                    </path>
                  </svg>
                </div>
                <span class="text-green-600 font-bold inline-block pl-3 pr-3" style="color: rgb(30, 186, 66);">Madrid, Comunidad de Madrid</span>
              </button>
            </div>


        </div></section>
        <div class="brands-logo-holder -mt-[80px] -mb-[130px] relative z-10 xl:mb-[-156px] xl:mt-[-115px]" data-logo-wrapper="">
          <div class="container">
            <span class="title text-white text-xl text-center block mb-5 relative z-20 md:mb-9">Featured Brands</span>
          </div>
          <div class="brands-logo relative px-8 md:px-20">
            <div class="swiper-button-prev after:hidden">
              <span class="icon-arrow-circle-left"></span>
            </div>
            <div class="swiper-button-next after:hidden">
              <span class="icon-arrow-circle-right"></span>
            </div>
            <div class="container px-0 md:px-[25px]">
              <div class="brands-logo-swiper relative overflow-hidden py-10 px-10 rounded-xl bg-white lg:py-[70px] lg:px-24 swiper-initialized swiper-horizontal swiper-pointer-events" data-logo-swiper="">
                <div class="swiper-wrapper items-center" style="transform: translate3d(-520px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="22" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/warrior-sports">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/Warrior Circle W logo_2020-09-22-13-12-50.JPG" alt="Warrior Sports">
                      </a>
                    </div>
                  </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="23" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/super73">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/bw-01_2022-03-07-13-02-05.jpg" alt="Super73">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/yeti">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/YetiLogo-BW_2018-03-05-10-27-42.png" alt="YETI">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/hoka">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/hokabw_2022-05-11-16-23-10.png" alt="HOKA">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="2" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/brooks-running">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/Canva Logo Template (1)bw_2024-05-06-12-12-03.png" alt="Brooks Running">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="3" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/thule">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/thule-logo_2015-05-12-11-31-14_2016-04-22-11-43-25.jpg" alt="Thule">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="4" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/yakima">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/yakima_2014-05-03-22-34-30.jpg" alt="Yakima">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="5" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/asics">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/logo_2017-04-17-16-44-45.jpg" alt="ASICS">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="6" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/trek">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/trek-logo_2020-09-24-11-27-03.png" alt="Trek">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="7" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/black-diamond">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/blackdiamond_2022-05-11-16-42-40.png" alt="Black Diamond">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="8" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/crocs">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/Crocs-Logo_2021-05-13-12-03-00.jpg" alt="Crocs">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="9" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/osprey-packs">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/osprey_2022-05-11-16-52-33.png" alt="Osprey Packs">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="10" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/altra-running">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/altra-bw_2015-03-10-14-11-23.jpg" alt="Altra Running">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="11" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/danner">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/danner_mark_primary_black_2018-06-11-15-09-54.png" alt="Danner">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="12" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/sperry">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/SperryLogo_2022-02-09-12-44-02.png" alt="Sperry">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="13" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/camp-chef">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/Camp-Chef-Logo-BW_2021-12-09-10-48-33.png" alt="Camp Chef">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="14" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/old-town">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/oldtownbw_2020-04-30-08-16-08.png" alt="Old Town">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="15" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/jetboil">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/jetboil-logo-bw_2020-10-20-08-27-48.png" alt="Jetboil">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="16" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/ccm">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/bw_logo_2020-11-23-17-08-34.png" alt="CCM">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="17" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/dometic">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/dometic-logo_2020-07-07-11-45-07.png" alt="Dometic">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="18" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/volkl">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/download-1_2019-12-02-15-54-23.png" alt="Volkl">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="19" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/marker">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/marker_logo-b_w_social_2024-08-30-03-05-22.png" alt="MARKER">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="20" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/nordica">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/NordicaBW_2017-08-16-06-59-57.png" alt="Nordica">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="21" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/shimano-cycling">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/logo_shimano-bw_2022-09-26-10-36-36.png" alt="Shimano Cycling">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide" data-swiper-slide-index="22" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/warrior-sports">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/Warrior Circle W logo_2020-09-22-13-12-50.JPG" alt="Warrior Sports">
                      </a>
                    </div>
                  </div>
                                    <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="23" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/super73">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/bw-01_2022-03-07-13-02-05.jpg" alt="Super73">
                      </a>
                    </div>
                  </div>
                                  <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/yeti">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/YetiLogo-BW_2018-03-05-10-27-42.png" alt="YETI">
                      </a>
                    </div>
                  </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 200px; margin-right: 60px;">
                    <div class="brands-logo-swiper__img">
                      <a href="/brand/hoka">
                        <img src="https://s3.amazonaws.com/media.locally.net/logo-270x270/hokabw_2022-05-11-16-23-10.png" alt="HOKA">
                      </a>
                    </div>
                  </div></div>
              </div>
            </div>
          </div>
          <div class="container btn-holder flex justify-end pt-4 xl:pt-9">
            <a href="//www.locally.com/brands" class="btn btn--outline-white">
              <span>Browse all brands</span> <span class="icon-arrow-right inline-block ml-4"></span>
            </a>
          </div>
        </div>
        <section class="info-section overflow-hidden">
          <div class="relative swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" data-info-swiper="">
            <div class="swiper-pagination !opacity-100 !pointer-events-auto !flex swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
            <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">

                            <div class="swiper-slide swiper-slide-active" style="width: 750px; margin-right: 60px;">
                <div class="info-section__wrapper">
                  <div class="container">
                    <div class="info-section__text">
                      <div class="wrap w-full">
                        <div class="block-title">

                          <small class="block">We're spanning the gap.</small>
                          <h2 class="h1 text-white">our story</h2>

                        </div>
                        <div class="block-text mb-8">
                          <p class="mb-8">
                            Locally was founded in 2013 to address changing consumer behavior. We saw that shoppers wanted to use their devices to shop at local stores, learn about the brands they carry and browse real-time inventory, but there wasn't a way to do that.<br><br>

Locally was founded to fill the gap.<br><br>

Every day, we help millions of shoppers find their favorite brands at nearby stores and complete their purchases using local pickup or delivery.
                          </p>
                        </div>
                      </div>
                      <div class="btn-holder md:self-end">
                        <a target="_blank" href="//join.locally.com/about" class="btn btn--white">
                          <span>Learn more about us</span> <span class="icon-arrow-right inline-block ml-4"></span>
                        </a>
                      </div>
                    </div>
                    <!-- <div class="caption">
                      <div class="caption__number">20x</div>
                      <div class="caption__text">
                        larger than the<br />
                        Amazon marketplace.
                      </div>
                    </div> -->
                  </div>
                  <div class="bg-section" style="background-image: url(https://s3.amazonaws.com/media.locally.net/marketing_original/img-bg-2_2022-05-03-11-01-55_2022-05-10-11-58-33.jpg)">
                  </div>
                </div>
              </div>
                            <div class="swiper-slide swiper-slide-next" style="width: 750px; margin-right: 60px;">
                <div class="info-section__wrapper">
                  <div class="container">
                    <div class="info-section__text">
                      <div class="wrap w-full">
                        <div class="block-title">

                          <small class="block">Connecting shoppers, brands, &amp; stores.</small>
                          <h2 class="h1 text-white">Online &amp; Offline</h2>

                        </div>
                        <div class="block-text mb-8">
                          <p class="mb-8">
                            When a shopper makes an online purchase decision but prefers a local pickup or delivery Locally spans the gap.<br><br>

By connecting millions of online shoppers, thousands of local retailers, and hundreds of the world's most popular brands to the fastest-possible logistics, Locally is creating the world's largest, decentralized shopping network.
                          </p>
                        </div>
                      </div>
                      <div class="btn-holder md:self-end">
                        <a target="_blank" href="//join.locally.com/about" class="btn btn--white">
                          <span>Learn more about us</span> <span class="icon-arrow-right inline-block ml-4"></span>
                        </a>
                      </div>
                    </div>
                    <!-- <div class="caption">
                      <div class="caption__number">20x</div>
                      <div class="caption__text">
                        larger than the<br />
                        Amazon marketplace.
                      </div>
                    </div> -->
                  </div>
                  <div class="bg-section" style="background-image: url(https://s3.amazonaws.com/media.locally.net/marketing_original/img-bg-2_2022-05-03-11-01-55.jpg)">
                  </div>
                </div>
              </div>
                          </div>
          </div>
        </section>
        <section class="articles-section">
          <div class="container pt-20 md:pt-28 lg:pt-[180px]">
            <div class="row md:flex md:justify-center">
              <div class="col lg:w-4/5">
                <div class="intro">
                  <div class="block-title-wrap">
                    <div class="block-title">
                      <small class="sub-title">Let's join forces.</small>
                      <h2 class="h1">Locally for Retailers</h2>
                    </div>
                  </div>
                  <div class="ml-auto md:w-[50%] md:text-right">
                    <p>
                      Locally was founded by retailers to help shoppers find and buy products at their favorite nearby stores - keeping those purchases in their communities.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="article-wrapper relative z-10">
            <div class="container">
              <span class="title text-blue-600 text-xl block relative z-20">Here are the top retailers nearby</span>
            </div>
            <div class="article-holder relative px-[10px] md:px-12 mb-9" data-article-holder-top-retailers="">
              <div class="swiper-button-prev after:hidden">
                <span class="icon-arrow-circle-left"></span>
              </div>
              <div class="swiper-button-next after:hidden">
                <span class="icon-arrow-circle-right"></span>
              </div>
              <div class="container">
                <div class="article-swiper-wrapper -mx-12">
                  <div class="article-swiper relative overflow-hidden py-12 px-12" data-article-swiper="">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a href="#" class="article-block">
                          <div class="article-block__img">
                            <div class="img"><img class="mx-auto" src="/img/home-v4/190x190.png" alt="D &amp; R SPORTS CENTER"></div>
                          </div>
                          <div class="article-block__text-holder">
                            <div class="article-block__title">
                              <address class="address bg-gray-200">&nbsp; </address>
                              <h3 class="h5 bg-gray-200">&nbsp; </h3>
                            </div>
                            <ul class="list-none list-info">
                              <li>
                                <span class="ico-holder text-blue-600 text-lg icon-pin"></span>
                                <span class="text text-blue-600 bg-gray-200"> &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                    </span>
                              </li>
                              <li>
                                <span class="ico-holder text-green-400 text-lg icon-check-circle"></span>
                                <span class="text text-green-400 bg-gray-200"> &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                    </span>
                              </li>
                            </ul>
                          </div>
                          <span class="cta-arrow">
                            <span class="icon-arrow-right"></span>
                          </span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="container btn-holder flex justify-end pt-4 -mt-5">
                <a href="//www.locally.com/retailers" class="btn btn--outline-white">
                  <span>See all retailers</span> <span class="icon-arrow-right inline-block ml-4"></span>
                </a>
              </div>
            </div>
          </div>
        </section>
        <div class="visual-post">
          <div class="bg-image" style="background-image: url(/img/home-v4/img-bg-4.jpg)"></div>
          <div class="container pt-[200px]">
            <div class="row md:flex md:items-end md:justify-between">
              <div class="col md:w-[45%] md:order-2 lg:w-[40%]">
                <div class="visual-post__caption md:text-right">
                  <h2 class="text-white mb-9">Built to support local shopping.</h2>
                  <p class="mb-10 lg:mb-[70px]">
                    We're creating the world’s largest network of specialty brands and retailers so it’s easier than ever to shop online and buy locally.
                  </p>
                  <div class="btn-holder">
                    <a href="//join.locally.com/about" class="btn btn--brown"> <span>Learn More</span> <span class="icon-arrow-right inline-block ml-4"></span> </a>
                  </div>
                </div>
              </div>
              <div class="col md:w-[60%] lg:w-1/2 md:order-1">
                <a href="//join.locally.com/tools" class="visual-post__tool">
                  <div class="visual-post__tool-info">
                    <small>Featured tool</small>
                    <h3>Store Locator</h3>
                    <span class="block text-sm uppercase">brooks running</span>
                  </div>
                  <div class="visual-post__tool-img -right-10">
                    <img src="/img/home-v4/img-phone-2.png" alt="image description">
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <section class="articles-section">
          <div class="container pt-28 lg:pt-[180px]">
            <div class="row md:flex md:justify-center">
              <div class="col lg:w-4/5">
                <div class="intro">
                  <div class="block-title-wrap">
                    <div class="block-title">
                      <small class="sub-title">Engaging experiences for local shoppers.</small>
                      <h2 class="h1">Locally for Brands</h2>
                    </div>
                  </div>
                  <div class="ml-auto md:w-[50%] md:text-right">
                    <p>
                      We help global brands guide shoppers through delightful online-to-offline shopping experiences that keep them immersed in the brand all the way through to successful in-store purchases.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="article-wrapper relative z-10">
            <div class="container">
              <span class="title text-blue-600 text-xl block relative z-20">Here are the top brands nearby</span>
            </div>
            <div class="article-holder relative px-[10px] md:px-12 mb-9" data-article-holder-top-brands="">
              <div class="swiper-button-prev after:hidden">
                <span class="icon-arrow-circle-left"></span>
              </div>
              <div class="swiper-button-next after:hidden">
                <span class="icon-arrow-circle-right"></span>
              </div>
              <div class="container">
                <div class="article-swiper-wrapper -mx-12">
                  <div class="article-swiper relative overflow-hidden py-12 px-12" data-article-swiper="">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <a href="#" class="article-block">
                          <div class="article-block__img">
                            <div class="img h-[190px]"><img class="mx-auto w-auto h-full" src="/img/home-v4/190x190.png" alt="Brooks"></div>
                          </div>
                          <div class="article-block__text-holder">
                            <div class="article-block__title">
                              <address class="address bg-gray-200">&nbsp; </address>
                              <h3 class="h5 bg-gray-200">&nbsp; </h3>
                            </div>
                            <ul class="list-none list-info">
                              <li>
                                <span class="ico-holder text-blue-600 text-lg icon-check-circle"></span>
                                <span class="text text-blue-600 bg-gray-200"> &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                     &nbsp;
                                    </span>
                              </li>
                            </ul>
                          </div>
                          <span class="cta-arrow">
                            <span class="icon-arrow-right"></span>
                          </span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="container btn-holder flex justify-end pt-4 -mt-5">
                <a href="//join.locally.com/for-brands" class="btn btn--outline-white">
                  <span>Learn More</span> <span class="icon-arrow-right inline-block ml-4"></span>
                </a>
              </div>
            </div>
          </div>
        </section>
        <div class="visual-post">
          <div class="bg-image" style="background-image: url(/img/home-v4/img-bg-3.jpg)"></div>
          <div class="container pt-[240px] md:pt-[300px]">
            <div class="row md:flex md:items-end md:justify-between">
              <div class="col md:w-[45%] lg:w-[40%]">
                <div class="visual-post__caption">
                  <h2 class="text-white mb-9">Keeping shoppers immersed.</h2>
                  <p class="mb-10 lg:mb-[70px]">
                    Internet-connected devices are perfect for doing product research, but great service is always better when it’s delivered within your community.<br><br>

Locally helps shoppers move past the screen and get the best out of both online and offline shopping.
                  </p>
                  <div class="btn-holder">
                    <a href="//join.locally.com/about" class="btn btn--brown"> <span>Learn More</span> <span class="icon-arrow-right inline-block ml-4"></span> </a>
                  </div>
                </div>
              </div>
              <div class="col flex justify-end md:w-[60%] lg:w-1/2">
                <a href="//join.locally.com/tools/local-marketing/#swis" class="visual-post__tool w-full justify-end">
                  <div class="visual-post__tool-info text-right">
                    <small>Featured tool</small>
                    <h3>See-whats-in-store</h3>
                    <span class="block text-sm uppercase">Google tool</span>
                  </div>
                  <div class="visual-post__tool-img -left-10">
                    <img src="/img/home-v4/img-phone-1.png" alt="image description">
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div class="visual-post !z-1 overflow-hidden bg-blue-400 !mt-0">
          <div class="container relative">
            <div class="row lg:flex md:justify-between">
              <div class="col lg:w-[45%] md:order-2 pt-[100px] md:pt-[150px] xl:w-[50%]">
                <div class="visual-post__caption md:text-right">
                  <small class="subtitle">Our suite of tools.</small>
                  <h2 class="h1">Brilliant tech. Fulfilling shopping.</h2>
                  <p class="mb-10 text-blue-600">
                    For many major retailers, online-to-offline shopping represents more than half of their sales. Our tools help every brand and retailer optimize for the most important shopping channel.
                  </p>
                  <div class="btn-holder">
                    <a href="//join.locally.com/tools" class="btn btn--outline">
                      <span>See all tools</span> <span class="icon-arrow-right inline-block ml-4"></span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col relative overflow-hidden mr-2 lg:mr-0 lg:overflow-visible mx-[-25px] md:mx-0 lg:w-[55%] md:order-1 xl:w-[50%]">
                <div class="vertical-article-holder overflow-hidden min-h-[550px] md:min-h-[500px] lg:min-h-[900px]" data-vertical-article-holder="">
                  <div class="swiper-button-prev after:hidden swiper-button-disabled">
                    <span class="icon-arrow-circle-left"></span>
                  </div>
                  <div class="swiper-button-next after:hidden">
                    <span class="icon-arrow-circle-right"></span>
                  </div>
                  <div class="vertical-article-swiper absolute top-0 bottom-0 left-[25px] right-[25px] py-12 lg:bottom-auto lg:h-[450px] lg:pr-16 xl-pr-20 xl:top-[50px] swiper-initialized swiper-vertical swiper-pointer-events swiper-backface-hidden" data-vertical-article-swiper="">
                    <div class="swiper-wrapper !block">
                                            <div class="swiper-slide swiper-slide-active" style="height: 404px; margin-bottom: 150px;">
                        <div class="info-article">
                          <div class="info-article__title">
                            <span class="subtitle">Featured tool</span>
                            <h3>"Near Me" Transactions
                            </h3>
                            <span class="text-support">Buy It Locally</span>
                          </div>
                          <p>
                            Shoppers expect to be able to place an online order for an in-store or curbside pickup, same-day delivery, or shipment-to-store, not just a shipped box. Locally can help you give them what they want.
                          </p>
                          <div class="btn-holder">
                            <a target="_blank" href="https://join.locally.com/tools/accept-transactions" class="btn">Learn More <span class="icon-arrow-right inline-block ml-4"></span></a>
                          </div>
                        </div>
                      </div>
                                            <div class="swiper-slide swiper-slide-next" style="height: 404px; margin-bottom: 150px;">
                        <div class="info-article">
                          <div class="info-article__title">
                            <span class="subtitle">Featured tool</span>
                            <h3>Local Delivery
                            </h3>
                            <span class="text-support">Buy It Locally</span>
                          </div>
                          <p>
                            Same-day delivery is becoming a high priority for shoppers. But, many stores struggle to implement a solution that is inexpensive and convenient for shoppers.
                          </p>
                          <div class="btn-holder">
                            <a target="_blank" href="https://www.google.com" class="btn">Learn More <span class="icon-arrow-right inline-block ml-4"></span></a>
                          </div>
                        </div>
                      </div>
                                            <div class="swiper-slide" style="height: 404px; margin-bottom: 150px;">
                        <div class="info-article">
                          <div class="info-article__title">
                            <span class="subtitle">Featured tool</span>
                            <h3>Store Locator
                            </h3>
                            <span class="text-support">On-Site Engagement</span>
                          </div>
                          <p>
                            We’ve upgraded the basic store locator into an immersive shopping tool that can be used to drive local sell-through, strengthen retailer/brand relationships,  and cement loyalty with shoppers.
                          </p>
                          <div class="btn-holder">
                            <a target="_blank" href="https://join.locally.com/tools/store-locator" class="btn">Learn More <span class="icon-arrow-right inline-block ml-4"></span></a>
                          </div>
                        </div>
                      </div>
                                            <div class="swiper-slide" style="height: 404px; margin-bottom: 150px;">
                        <div class="info-article">
                          <div class="info-article__title">
                            <span class="subtitle">Featured tool</span>
                            <h3>Landing Pages
                            </h3>
                            <span class="text-support">On-Site Engagement</span>
                          </div>
                          <p>
                            Locally Landing Pages enable brands and retailers to drive clicks back to landing pages on their own sites which feature the real-time inventories available at nearby stores.

                          </p>
                          <div class="btn-holder">
                            <a target="_blank" href="https://join.locally.com/tools/local-landing-pages" class="btn">Learn More <span class="icon-arrow-right inline-block ml-4"></span></a>
                          </div>
                        </div>
                      </div>
                                            <div class="swiper-slide" style="height: 404px; margin-bottom: 150px;">
                        <div class="info-article">
                          <div class="info-article__title">
                            <span class="subtitle">Featured tool</span>
                            <h3>Product Locator
                            </h3>
                            <span class="text-support">On-Site Engagement</span>
                          </div>
                          <p>
                            Our Product Locator steers shoppers to nearby purchases. Locally is one of the few companies in the world closing the gap between what shoppers are looking for online and where they can complete their purchases nearby.

                          </p>
                          <div class="btn-holder">
                            <a target="_blank" href="https://join.locally.com/tools/product-finder" class="btn">Learn More <span class="icon-arrow-right inline-block ml-4"></span></a>
                          </div>
                        </div>
                      </div>
                                          </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
      <footer class="footer relative z-[20] bg-green-600">
        <div class="container py-14">
          <ul class="navigation !visible !opacity-100 !block md:!flex md:!justify-start md:mb-10 md:!hidden">
            <li>
              <a class="navigation__link" href="//join.locally.com/about">About</a>
            </li>
            <li>
              <a class="navigation__link" href="//join.locally.com/for-retailers">Retailers</a>
            </li>
            <li>
              <a class="navigation__link" href="//join.locally.com/for-brands">Brands</a>
            </li>
            <li>
              <a class="navigation__link" href="//join.locally.com/tools">Tools</a>
            </li>
            <li>
              <ul class="list-panes list-none flex pl-5 -mx-2.5 text-[33px] md:pl-0">
                <li>
                  <a href="#"><span class="icon-search"></span></a>
                </li>
                <li>
                  <a href="/home?show_dashboard=account"><span class="icon-profile"></span></a>
                </li>
                <li>
                  <a href="/home?show_dashboard=cart-open">
                    <div class="cart-active absolute -top-2 -right-2 w-2.5 h-2.5 rounded-full bg-green-400"></div>
                    <span class="icon-cart"></span>
                  </a>
                </li>
              </ul>
            </li>
          </ul>
          <div class="site-info-holder text-white">
            <div class="site-info__wrapper ] absolute right-0 top-16 pr-[70px] md:static md:top-0 md:mb-10 md:pr-[200px] xl:pr-[400px]">
              <div class="site-info__logo text-white w-[130px] md:w-full md:max-w-[800px] lg:max-w-[1000px] xl:max-w-[1500px]">
                <svg viewBox="0 0 1080 507" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path d="M49.0618 430.404V179.661L0.0361328 188.226V506.142L49.0618 497.577L100.601 488.371V437.299L59.4414 444.407C50.8575 445.971 49.0618 439.182 49.0618 430.404Z" fill="inherit"></path>
                  <path d="M734.63 310.915V60.1714L685.568 68.7368V386.511L734.63 377.945L786.206 368.953V317.774L745.01 324.882C736.462 326.482 734.63 319.693 734.63 310.915Z" fill="inherit"></path>
                  <path d="M872.369 286.889V36.1812L823.415 44.7111V311.27V362.414L872.476 353.884L923.98 344.963V293.819L882.82 300.928C874.164 302.491 872.369 295.667 872.369 286.889Z" fill="inherit"></path>
                  <path d="M460.23 222.345V205.854C460.23 136.584 436.381 108.471 385.021 117.392C335.78 125.993 309.597 165.657 309.597 232.084V359.605C309.597 424.717 334.164 452.013 384.806 443.234C435.448 434.455 460.23 398.488 460.23 333.376V312.051L411.312 320.581V346.953C411.312 377.483 403.698 391.237 384.985 394.507C366.273 397.777 358.659 386.652 358.659 356.122V216.197C358.659 184.778 366.776 169.353 384.985 166.19C400.788 163.418 411.312 169.318 411.312 207.027V230.875L460.23 222.345Z" fill="inherit"></path>
                  <path d="M601.848 401.082L656.404 391.557L590.606 85.2988L536.732 94.6462L474.094 423.331L527.214 414.09L534.397 369.06C535.69 359.321 538.455 352.746 546.537 351.289L582.202 345.069C591.54 343.434 592.976 349.725 594.341 358.611L601.848 401.082ZM543.268 293.357L559.538 175.609C559.969 171.806 561.119 168.501 564.531 167.79C567.943 167.079 569.164 170.029 569.631 173.939L586.547 286.604C588.882 300.572 584.213 301.496 576.922 302.74L549.626 307.502C543.017 308.533 541.473 304.695 543.268 293.357Z" fill="inherit"></path>
                  <path d="M1030.29 8.56544L1005.15 159.58C1003.93 169.141 1001.56 173.192 996.962 173.974C992.365 174.756 990.174 171.522 988.881 162.423L962.985 20.2585L912.702 29.0016L969.019 245.625V336.966L1023.61 327.441V236.278L1079.96 0L1030.29 8.56544Z" fill="inherit"></path>
                  <path d="M199.012 149.487C149.304 158.159 123.049 197.858 123.049 264.462V391.949C123.049 457.096 147.903 484.356 199.047 475.506C250.192 466.656 275.046 430.617 275.046 365.328V237.806C274.974 168.501 250.839 140.459 199.012 149.487ZM225.518 239.015V379.047C225.518 409.541 217.796 423.331 198.94 426.637C180.084 429.942 172.362 418.818 172.362 388.288V248.291C172.362 214.314 180.551 201.448 198.94 198.249C218.406 194.695 225.554 204.824 225.554 239.015H225.518Z" fill="inherit"></path>
                </svg>
              </div>
              <div class="site-info__img absolute right-0 top-1 w-[70px] md:top-[140px] md:w-[200px] lg:top-[250px] lg:w-[200px] xl:w-[420px] xl:top-[185px]">
                <img src="/img/home-v4/jJxQxz-Q.png" alt="image description">
              </div>
            </div>
            <div class="site-info__text mr-0 ml-auto md:text-right md:w-[55%] lg:w-[40%] xl:w-[30%]">
              We're creating the world's largest network of specialty brands and retailers so it's easier than ever to shop online and buy locally.              
            </div>
          </div>
        </div>
        <div class="bg-green-400">
          <div class="container pb-5 md:py-10">
            <div class="row md:flex md:flex-wrap xl:items-center xl:mx-[-15px]">
              <div class="col mb-5 md:w-full xl:w-2/6 xl:px-[15px] xl:mb-0">
                <div class="footer-info text-blue-600 bg-green-300 py-10 px-[25px] mx-[-25px] md:py-0 md:px-0 md:mx-0 md:text-white md:bg-transparent">
                  <div class="row flex justify-between items-center mx-[-10px]">
                    <div class="px-[10px]">
                      <address class="text-xs not-italic">
                        509 N Carrollton Ave
                        <br>
                        New Orleans, LA 70119
                      </address>
                    </div>
                    <div class="px-[10px]">
                      <div class="copyright text-xs">
                        © 2022 <a href="//www.locally.com" class="text-inherit">Locally.com.</a> All Rights Reserved.
                        <br>
                        <a href="//www.locally.com" class="text-inherit">Locally.com</a> is a service of <a class="text-inherit" href="//www.locally.com">Local Gear Inc.</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col md:w-1/2 xl:w-2/6 xl:px-[15px]">
                <ul class="list-none mb-5 md:mb-0 md:flex md:flex-wrap md:mx-[-10px] xl:justify-center">
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="https://www.linkedin.com/company/locally-com" class="text-white transition-colors hover:text-light-100">LinkedIn</a>
                  </li>
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="https://www.twitter.com/locally" class="text-white transition-colors hover:text-light-100">Twitter</a>
                  </li>
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="https://www.facebook.com/locally" class="text-white transition-colors hover:text-light-100">Facebook</a>
                  </li>
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="https://www.reddit.com/r/locally" class="text-white transition-colors hover:text-light-100">Reddit</a>
                  </li>
                </ul>
              </div>
              <div class="col md:w-1/2 xl:w-2/6 xl:px-[15px]">
                <ul class="list-none md:flex md:flex-wrap md:mx-[-10px] md:justify-end">
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="/privacy" class="text-white transition-colors hover:text-light-100">Privacy Policy</a>
                  </li>
                  <li class="mb-2 md:mb-0 md:px-[10px]">
                    <a href="/terms" class="text-white transition-colors hover:text-light-100">Terms &amp; Conditions</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script defer="" src="https://s3.amazonaws.com/media.locally.net/static/min/js/home-v4.js?ver=v1.2.268"></script>



</div><script id="__lcly_script_locationswitcher" type="text/javascript" src="https://frontend2.locally.com/locationswitcher/main.js?ver=v1.2.268" async=""></script><script id="__lcly_script_autocomplete" type="text/javascript" src="https://frontend2.locally.com/autocomplete/main.js?ver=v1.2.268" async=""></script></body></html>