302 yanıt kodu, istenen kaynağın geçici olarak farklı bir URL'de mevcut olduğunu gösterir.
Kullanıcı otomatik olarak yeni URL'ye yönlendirilir, ancak arama motorları eski adresi dizine eklemeye devam eder.
GET / HTTP/1.1 Host: lutra.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="en"> <head> <base href="https://www.lutra.com/"><!--[if lte IE 6]></base><![endif]--> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" /> <title>Water & Wastewater Treatment | Software, Engineering Services | Lutra</title> <meta name="description" content="We offer a range of Engineering and Software Services to improve the performance of your water and wastewater treatment plants, operations and more!"> <link rel="canonical" href="https://www.lutra.com/"> <meta name="robots" content="index,follow"> <meta property="og:title" content="Water & Wastewater Treatment | Software, Engineering Services | Lutra"> <meta name="twitter:title" content="Water & Wastewater Treatment | Software, Engineering Services | Lutra"> <meta property="og:description" content="We offer a range of Engineering and Software Services to improve the performance of your water and wastewater treatment plants, operations and more!"> <meta name="twitter:description" content="We offer a range of Engineering and Software Services to improve the performance of your water and wastewater treatment plants, operations and more!"> <meta property="og:url" content="https://www.lutra.com/"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary"> <meta property="og:image" content="https://www.lutra.com/assets/MultiPanelBlocks/Fluoride-Dosing-Container-Plant.jpg"> <meta name="twitter:image" content="https://www.lutra.com/assets/MultiPanelBlocks/Fluoride-Dosing-Container-Plant.jpg"> <meta property="og:site_name" content="lutra"> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="shortcut-icon" href="/favicon.ico" /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossOrigin="anonymous" /> <link rel="stylesheet preload" as="style" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Lato:wght@300;400;700;900&family=Manrope&display=swap" /> <link rel="stylesheet preload" as="style" href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Lato:wght@300;400;700;900&family=Manrope&display=swap" crossOrigin="anonymous" /> <link rel="preconnect" href="https://www.googletagmanager.com"/> <link rel="preconnect" href="https://www.google-analytics.com/"> <link rel='preconnect' id='preconnect-vimeo-css' href='https://player.vimeo.com' type='text/css' media='all' /> <link rel='preconnect' id='preconnect-vimeo-i-css' href='https://i.vimeocdn.com' type='text/css' media='all' /> <link rel='preconnect' id='preconnect-vimeo-f-css' href='https://f.vimeocdn.com' type='text/css' media='all' /> <!-- Google Tag Manager --> <script defer> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T7R6K4H'); </script> <!-- End Google Tag Manager --> <!-- pipedrive tracking --> <script> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('lYNOR8x2xyq4WQJZ'); </script> <link rel="stylesheet" type="text/css" href="/_resources/app/client/dist/index.css?m=1747172689" /> <link rel="stylesheet" type="text/css" href="/_resources/vendor/innoweb/silverstripe-cookie-consent/client/dist/css/cookieconsent.css?m=1693196120" /> <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"LocalBusiness","@id":"https:\/\/www.lutra.com\/","name":"Lutra","address":{"@type":"PostalAddress","streetAddress":"Level 1\/10 Raroa Road","addressLocality":"Hutt Central","addressRegion":"Wellington","postalCode":"5010","addressCountry":"New Zealand"},"url":"https:\/\/www.lutra.com\/","geo":{"@type":"GeoCoordinates","latitude":"-41.20733016857102","longitude":"174.90880272642394"},"telephone":"+64 4 576 9484","image":"https:\/\/www.lutra.com\/public\/_resources\/app\/client\/assets\/images\/lutra_logo_header_black.jpg"}</script> </head> <body class="HomePage"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7R6K4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="lutra-app"> <div class="c-menu__mobile"> <div class="c-menu__hamburger" :class="{ 'c-menu__hamburger--open': mainMenuOpen }" v-on:click="toggleMainMenu"> <span></span> <span></span> <span></span> </div> <div class="c-menu__wrapper" :class="{ 'c-menu__wrapper--open': mainMenuOpen }"> <nav class="c-menu"> <ul class="c-menu__topmenu"> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Software - ID'" :link-url="'/infrastructure-data/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/infrastructure-data/apms/" accesskey="1"> Advanced Process Modules </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Services'" :link-url="'/services/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/services/design-4/" accesskey="1"> Water </a> </li> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/services/design-3/" accesskey="2"> Wastewater </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'About us'" :link-url="'/about-us/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/about-us/events/" accesskey="1"> Events </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Our team'" :link-url="'/our-team/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Our Work'" :link-url="'/blog/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Contact us'" :link-url="'/contact-us/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'ID Login'" :link-url="'https://app.infrastructuredata.nz/'" :linking-mode="'link'" :green-button="true" > </menu-item> </ul> </nav> </div> </div> <div class="page-wrapper" :class="{ 'page-wrapper--menu-open': mainMenuOpen }"> <header class="page-header page-header--transparent" :class="{'page-header--fixed': pageScrolled}"> <div class="u-container"> <a class="" href="/"> <img src="/assets/Uploads/lutra_logo_white__FitMaxWzEyMSw2MV0.webp" alt="Lutra" width="121" height="61" /> </a> <div class="c-menu__general"> <div class="c-menu__hamburger" :class="{ 'c-menu__hamburger--open': mainMenuOpen }" v-on:click="toggleMainMenu"> <span></span> <span></span> <span></span> </div> <div class="c-menu__wrapper" :class="{ 'c-menu__wrapper--open': mainMenuOpen }"> <nav class="c-menu"> <ul class="c-menu__topmenu"> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Software - ID'" :link-url="'/infrastructure-data/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/infrastructure-data/apms/" accesskey="1"> Advanced Process Modules </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Services'" :link-url="'/services/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/services/design-4/" accesskey="1"> Water </a> </li> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/services/design-3/" accesskey="2"> Wastewater </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'About us'" :link-url="'/about-us/'" :linking-mode="'link'" :has-children="true" > <template v-slot:child-menu-item> <child-menu-item> <template v-slot="{ grandchildIsOpen, toggleGrandchild }"> <li class="c-menu__child-item"> <a class="c-menu__child-link link" href="/about-us/events/" accesskey="1"> Events </a> </li> </template> </child-menu-item> </template> </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Our team'" :link-url="'/our-team/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Our Work'" :link-url="'/blog/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'Contact us'" :link-url="'/contact-us/'" :linking-mode="'link'" > </menu-item> <menu-item @child-menu-toggle="toggleChildMenu" :child-menu-open-id="childMenuOpenID" :title="'ID Login'" :link-url="'https://app.infrastructuredata.nz/'" :linking-mode="'link'" :green-button="true" > </menu-item> </ul> </nav> </div> </div> </div> </header> <div class="feature-banner feature-banner--Large"> <picture class="feature-banner__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillMaxWyIwLjAwIiwiMC4wMCIsNjAwLDYwMF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDEwMjRd.webp"> <source media="(max-width: 1024px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillWyIwLjAwIiwiMC4wMCIsMTAyNCw3Njhd.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillWyIwLjAwIiwiMC4wMCIsMTI4MCwxMjgwXQ.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillWyIwLjAwIiwiMC4wMCIsMjAwMCwxMDQwXQ.webp"> <source media="(max-width: 3840px)" type="image/webp" srcset="/assets/Banners/Fluoride-Dose-System-Close-Up.webp"> <img class="feature-banner__image" src="/assets/Banners/Fluoride-Dose-System-Close-Up__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDk2MF0.jpg" alt="Fluoride Dose System Close Up" width="960" height="960"> </picture> <div class="feature-banner__inner"> <div class="u-container u-content"> <div class="feature-banner__logo"> <picture class="feature-banner__logo-image"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Logos/Logo-for-branding-White__ScaleMaxWidthWzE4MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Logos/Logo-for-branding-White__ScaleMaxWidthWzI1MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Logos/Logo-for-branding-White__ScaleMaxWidthWzMwMF0.webp"> <img class="feature-banner__logo-image-alt" src="/assets/Logos/Logo-for-branding-White__ScaleMaxWidthWzMwMF0.png" alt="Lutra" width="960" height="960"> </picture> </div> <h1 class="feature-banner__title">Experts in everything Water & Wastewater Treatment:</h1> <div class="feature-banner__content u-content"></div> <div class="link-buttons__links"> <span @click="showModal('vimeo-player-modal-45')" class="link-buttons__link button button--Blue button--large"> Lutra Info Video <span class="button__chevron"></span> </span> <span @click="showModal('pipedrive-form-modal-252', true)" class="link-buttons__link button button--White button--large"> Keep In Touch <span class="button__chevron"></span> </span> </div> </div> </div> <div class="feature-banner__overlay"></div> </div> <div class="popupvimeo__wrapper"> <modal name="vimeo-player-modal-45" :width="'80%'" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="videoTracking(45)" > <div slot="top-right"> <button class="u-close" @click="hideModal('vimeo-player-modal-45')" aria-label="Close video" > <span class="u-close__cross"></span> </button> </div> <div class="popupvimeo__player"> <button class="u-close" @click="hideModal('vimeo-player-modal-45')" aria-label="Close video" > <span class="u-close__cross"></span> </button> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe loading="lazy" id="45" src="https://player.vimeo.com/video/1004314590?autoplay=1" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </div> </div> </modal> </div> <div class="popupform__wrapper popupform__wrapper--pipedrive 252"> <modal name="pipedrive-form-modal-252" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="modalAdjustScroll" > <div class="popupform popupform__form-success" v-if="showPopupSuccessMessage" > <button class="u-close" @click="hideModal('pipedrive-form-modal-252')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div v-html="popupMessage"> </div> </div> <div v-else="showPopupSuccessMessage" class="popupform c-form" > <button class="u-close" @click="hideModal('pipedrive-form-modal-252')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div class="popupform__loading"></div> <div class="popupform__form"> <div class="pipedriveWebForms" data-pd-webforms="https://webforms.pipedrive.com/f/2VNB321eRF1hx6WU9nLA5StOjJvUVvOxrNyC64H9IYON4F9pQevmQvyy4UmJPfAKD"> <script type="application/javascript" src="https://webforms.pipedrive.com/f/loader"></script></div> </div> </div> </modal> </div> <main> <div class="element lutra__elemental__multipanelelement half-padding" id="e983"> <div class="e-multi"> <div class="u-container"> <div class="u-content"> <h2 class="e-multi__title e-multi__title--Grey style-h2">News and Events</h2> </div> <div class="e-multi-panels e-multi-panels--four-col"> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-417"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/about-us/events/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDYwMCwzOTBd.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDc2OCw0MzBd.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDM5NSwyNjBd.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDYwMCwzOTBd.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDM1MCwyNTBd.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/Banners/Lutra-Stand-With-Otter-For-Web-V2__FocusFillWyIwLjI2IiwiLTAuMjEiLDk2MCw2MDBd.jpg" alt="Lutra Stand With Otter" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--Grey style-h4">NEW - Lutra Events Page</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <p>Lutra now has a dedicated events page, where you can find dates and details of all the events we are exhibiting and/or attending in both NZ and Oz.</p> <p>You can book a meeting with us at an event, see what we will be exhibiting and more. <strong>Check it out today:</strong></p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/about-us/events/" class="link-buttons__link button button--Grey "> Events Page <span class="button__chevron"></span> </a> </div> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-432"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <div class="e-multi-panel__image-wrapper e-multi-panel--video"> <div @click="showModal('vimeo-player-modal-432')" class="e-multi-panel__play-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="#fff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z"/> </svg></div> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/Videos/Kanary-Thumb__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Kanary Thumb" width="960" height="550"> </picture> </div> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--Grey style-h4">Latest Lutra TV Episode</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <p><strong>Predicting Cyanobacteria/Blue Green Algae Events</strong></p> <p>Find out about how Lutra can help monitor, predict and respond to Blue Green Algae/Cyanobacteria events.</p> <p><strong>Watch the video on Now:</strong></p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="https://www.youtube.com/@lutrawater" class="link-buttons__link button button--Grey "> Lutra TV - Youtube <span class="button__chevron"></span> </a> </div> </div> <div class="popupvimeo__wrapper"> <modal name="vimeo-player-modal-432" :width="'80%'" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="videoTracking(432)" > <div slot="top-right"> <button class="u-close" @click="hideModal('vimeo-player-modal-432')" aria-label="Close video" > <span class="u-close__cross"></span> </button> </div> <div class="popupvimeo__player"> <button class="u-close" @click="hideModal('vimeo-player-modal-432')" aria-label="Close video" > <span class="u-close__cross"></span> </button> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe loading="lazy" id="432" src="https://www.youtube.com/embed/rFide_wc_BY?si=DRV2fDK5DI7jHzF6" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </div> </div> </modal> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-338"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/blog/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/Infrastructure-Data/Using-Kanary-ID__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Using Kanary ID" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--Grey style-h4">Blogs, Case Studies & White Papers</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <p>Check out some of Lutra's work; from plant upgrades and process optimisation to interesting Infrastructure Data applications and implementations, we have examples of most of our offerings and how they helped our client's improve their operations.</p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/blog/" class="link-buttons__link button button--Grey "> Case Studies <span class="button__chevron"></span> </a> </div> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-337"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/game/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/MultiPanelBlocks/Lutra-Otterman-Image__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.png" alt="Lutra Otterman Data Collection Doldrums" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--Grey style-h4">Play Lutra's Arcade Game</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <p>If you are bored in work or at home why not play Lutra's new retro platform game for a bit, <strong>Lutra Otterman in Data Collection Doldrums</strong> is now free to play online, check out the landing page and have a go.</p> <p>It's frustratingly fun!</p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/game/" class="link-buttons__link button button--Grey "> Lutra Otterman <span class="button__chevron"></span> </a> <div class="popupform__wrapper popupform__wrapper--pipedrive 447"> <modal name="pipedrive-form-modal-447" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="modalAdjustScroll" > <div class="popupform popupform__form-success" v-if="showPopupSuccessMessage" > <button class="u-close" @click="hideModal('pipedrive-form-modal-447')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div v-html="popupMessage"> </div> </div> <div v-else="showPopupSuccessMessage" class="popupform c-form" > <button class="u-close" @click="hideModal('pipedrive-form-modal-447')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div class="popupform__loading"></div> <div class="popupform__form"> <div class="pipedriveWebForms" data-pd-webforms="https://webforms.pipedrive.com/f/2XCqOsoOmWxwBtkarqNeM2aRIrcnb1rXECdd4T8aZ4DAOUO9ONoCaOSeNCSMQoVeH"> <script type="application/javascript" src="https://webforms.pipedrive.com/f/loader"></script></div> </div> </div> </modal> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="element lutra__elemental__multipanelelement remove-padding-bottom" id="e51"> <div class="e-multi"> <div class="u-container"> <div class="u-content"> <h2 class="e-multi__title e-multi__title--Black style-h2">Helping you with all your treatment needs:</h2> </div> <div class="e-multi-panels"> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-8"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/infrastructure-data/modules/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/MultiPanelBlocks/ID-On-Site__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Infrastructure Data In Use On Site On Phone" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <div class="e-multi-panel__icon"> <span class="icon svg"><?xml version="1.0" encoding="UTF-8"?> <svg id="a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1000.17" height="1000.17" viewBox="0 0 1000.17 1000.17"> <path d="m500.09,0c-26.59,0-52.67,2.11-78.14,6.11v314.98c23.94-10.47,50.34-16.36,78.14-16.36,107.89,0,195.34,87.45,195.34,195.35s-87.45,195.35-195.34,195.35c-27.8,0-54.2-5.9-78.14-16.36v314.99c25.46,4,51.55,6.12,78.14,6.12,276.2,0,500.08-223.9,500.08-500.09S776.29,0,500.09,0Z" style="fill: #42b655; stroke-width: 0px;"/> <path d="m0,500.08c0,206.88,125.62,384.39,304.74,460.47V382.87H13.88C4.84,420.47,0,459.7,0,500.08Z" style="fill: #010101; stroke-width: 0px;"/> <path d="m304.74,39.6C180.24,92.49,81.64,194.4,33.05,321.1h271.69V39.6Z" style="fill: #010101; stroke-width: 0px;"/> </svg></span> </div> <h3 class="e-multi-panel__title e-multi-panel__title--Black style-h4">Infrastructure Data - </h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <h3>Operations Management Software</h3><ul> <li>Do you spend time collating information from multiple sources?</li> <li>Getting information too late, or missing compliance deadlines?</li> <li>Are you missing inspections or losing paper forms?</li> </ul><p>Learn how Infrastructure Data can streamline your processes to save time, eliminate errors, plus improve performance.</p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/infrastructure-data/modules/" class="link-buttons__link button button--Green "> Infrastructure Data <span class="button__chevron"></span> </a> </div> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-9"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/services/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/Engineering-Content/DSC01802__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Process Engineer with CO2 tank" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <div class="e-multi-panel__icon"> <span class="icon svg"><?xml version="1.0" encoding="UTF-8"?> <svg id="a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="511.48" height="511.38" viewBox="0 0 511.48 511.38"> <path d="m469.33,18.75l23.4,23.4c25,25,25,65.5,0,90.5l-56.4,56.4-114-113.9,56.4-56.4c25-25,65.5-25,90.5,0h.1ZM44.93,352.65l254.8-254.9,114,114-254.9,254.8c-6.7,6.7-15.1,11.6-24.2,14.2l-104,29.7c-8.4,2.4-17.4.1-23.6-6.1s-8.5-15.2-6.1-23.6l29.7-104c2.6-9.2,7.5-17.5,14.2-24.2l.1.1ZM249.43,102.85L103.43,248.85,16.03,161.35c-18.7-18.7-18.7-49.1,0-67.9L94.13,15.45c18.7-18.7,49.1-18.7,67.9,0l19.8,19.8c-.3.3-.7.6-1,.9l-64,64c-6.2,6.2-6.2,16.4,0,22.6,6.2,6.2,16.4,6.2,22.6,0l64-64c.3-.3.6-.7.9-1,0,0,45.1,45.1,45.1,45.1Zm159.2,159.2l45.1,45.1c-.3.3-.7.6-1,.9l-64,64c-6.2,6.2-6.2,16.4,0,22.6s16.4,6.2,22.6,0l64-64c.3-.3.6-.7.9-1l19.8,19.9c18.7,18.7,18.7,49.1,0,67.9l-78.1,78c-18.7,18.7-49.1,18.7-67.9,0l-87.4-87.4,146-146Z" style="fill: #a6a6a6; stroke-width: 0px;"/> </svg></span> </div> <h3 class="e-multi-panel__title e-multi-panel__title--Black style-h4">Process Engineering-</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <h3>Water Treatment Services</h3> <ul> <li>Expert process design from small upgrades to major treatment plants.</li> <li>Lutra's optimisation services can save you money on chemicals, extend run times and more.</li> <li>We offer many other services, such as commissioning support, training and investigations.</li> </ul> <p>Find out about the wide range of value add services that our specialist water process engineers provide.</p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/services/" class="link-buttons__link button button--Grey "> Process Engineering <span class="button__chevron"></span> </a> </div> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-10"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <a class="e-multi-panel__image-wrapper e-multi-panel--link" href="/services/design-3/"> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/Wastewater-Engineering/Wastewater-Process-Engineer-Onsite-Taking-Measurements__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Wastewater Process Engineer Onsite Taking Measurements" width="960" height="550"> </picture> <div class="e-multi-panel__image-link-wrapper"> <span class="e-multi-panel__image-link"><svg viewBox="0 0 26 26" aria-label="go to link"> <g> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M10.17,8.76l2.12-2.12a5,5,0,0,1,7.07,0h0a5,5,0,0,1,0,7.07l-2.12,2.12"></path> <path fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" d="M15.83,17.24l-2.12,2.12a5,5,0,0,1-7.07,0h0a5,5,0,0,1,0-7.07l2.12-2.12"></path> <line fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="1.5" x1="10.17" y1="15.83" x2="15.83" y2="10.17"></line> </g> </svg></span> </div> </a> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <div class="e-multi-panel__icon"> <span class="icon svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M507.5 117.1c-2.1-12.13-12.37-21.75-24.5-25.13c-12.12-3.25-25.12 .125-33.1 9L390.4 159.6L357.9 154.2l-5.375-32.38l58.75-58.75c8.75-8.875 12.25-21.88 8.875-33.88c-3.375-12.13-13.12-21.5-25.25-24.63c-53.12-13.13-107.1 2.125-146.6 40.75c-37.62 37.63-52.62 91.38-40.75 143.3L23.1 371.1C8.5 387.5 0 408.1 0 429.1s8.5 42.5 23.1 58S60.12 512 81.1 512c21.88 0 42.5-8.5 58-24l183.4-183.3c51.75 11.88 105.6-3.125 143.5-41C504.9 225.7 520.5 169.5 507.5 117.1zM432.9 229.9c-28.5 28.5-70.25 38.13-108.1 25.25l-14.12-4.75l-203.7 203.6c-12.75 12.88-35.25 12.88-47.1 0c-6.499-6.375-9.999-14.88-9.999-24c0-9 3.5-17.63 9.999-24l203.9-203.8l-4.625-14.13C244.4 149.2 253.1 107.5 282.2 79.24c20.37-20.25 47.12-31.25 74.1-31.25h1.125L301.1 105.4l15.12 90.5l90.5 15.13l57.37-57.25C464.5 181.1 453.5 209.2 432.9 229.9zM87.1 407.1c-8.875 0-15.1 7.125-15.1 16c0 8.875 7.125 16 15.1 16s15.1-7.125 15.1-16C103.1 415.1 96.87 407.1 87.1 407.1z" fill="#40b656"/></svg></span> </div> <h3 class="e-multi-panel__title e-multi-panel__title--Black style-h4">Process Engineering-</h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--Black"> <h3 class="text-left">Wastewater Treatment Services</h3> <ul> <li>We can provide process design for full treatment plants and upgrades.</li> <li>Our optimisation services can help you save money and extend equipment life.</li> <li>Our hands-on team can provide great service both onsite and remotely.</li> </ul> <p>Find out how Lutra can help improve your wastewater treatment.</p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> <div class="link-buttons__links"> <a href="/services/design-3/" class="link-buttons__link button button--Blue "> Wastewater <span class="button__chevron"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="element lutra__elemental__multipanelelement half-padding-bottom" id="e52"> <div class="e-multi e-multi--padding-top"> <div class="u-container"> <div class="u-content"> <h2 class="e-multi__title e-multi__title--White style-h2">Adding value through smart solutions.</h2> </div> <div class="e-multi-panels"> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-11"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <div class="e-multi-panel__image-wrapper e-multi-panel--video"> <div @click="showModal('vimeo-player-modal-11')" class="e-multi-panel__play-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="#fff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z"/> </svg></div> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/MultiPanelBlocks/Infrastructure-Data-Waitomo-District-Council__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Infrastructure Data In Use at Waitomo District Council" width="960" height="550"> </picture> </div> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--White style-h4"></h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--White"> <p><span class="style-h5">Waitomo District Council improved their compliance reporting, by moving away from manual systems to a digital process. Find out how this has changed how they operate.</span></p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> </div> <div class="popupvimeo__wrapper"> <modal name="vimeo-player-modal-11" :width="'80%'" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="videoTracking(11)" > <div slot="top-right"> <button class="u-close" @click="hideModal('vimeo-player-modal-11')" aria-label="Close video" > <span class="u-close__cross"></span> </button> </div> <div class="popupvimeo__player"> <button class="u-close" @click="hideModal('vimeo-player-modal-11')" aria-label="Close video" > <span class="u-close__cross"></span> </button> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe loading="lazy" id="11" src="https://player.vimeo.com/video/770540160?h=c3553ddb6d" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </div> </div> </modal> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-12"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <div class="e-multi-panel__image-wrapper e-multi-panel--video"> <div @click="showModal('vimeo-player-modal-12')" class="e-multi-panel__play-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="#fff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z"/> </svg></div> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsNjAwLDM5MF0..webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsNzY4LDQzMF0..webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsMzk1LDI2MF0..webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsNjAwLDM5MF0..webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsMzUwLDI1MF0..webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/MultiPanelBlocks/Craig-Mayall-from-Tauranga-City-Council-discusses-how-ID-helps-operators__FocusFillWyIwLjIwIiwiMC4wMyIsOTYwLDYwMF0..jpg" alt="Craig Mayall from Tauranga City Council discusses how ID helps operators." width="960" height="550"> </picture> </div> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--White style-h4"></h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--White"> <p><span class="style-h5">Tauranga City Council saved a significant amount of time, moving from paper-based to digital forms. Find out how they made this transition.</span></p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> </div> <div class="popupvimeo__wrapper"> <modal name="vimeo-player-modal-12" :width="'80%'" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="videoTracking(12)" > <div slot="top-right"> <button class="u-close" @click="hideModal('vimeo-player-modal-12')" aria-label="Close video" > <span class="u-close__cross"></span> </button> </div> <div class="popupvimeo__player"> <button class="u-close" @click="hideModal('vimeo-player-modal-12')" aria-label="Close video" > <span class="u-close__cross"></span> </button> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe loading="lazy" id="12" src="https://player.vimeo.com/video/266246002?h=e386704849" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </div> </div> </modal> </div> </div> </div> <div class="e-multi-panel e-multi-panel--vimeo-player-modal-13"><!-- include vimeo modal id for layering fix --> <div class="e-multi-panel__liner"> <div class="e-multi-panel__image-wrapper e-multi-panel--video"> <div @click="showModal('vimeo-player-modal-13')" class="e-multi-panel__play-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill="#fff" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 17v-10l9 5.146-9 4.854z"/> </svg></div> <picture class="e-multi-panel__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDQzMF0.webp"> <source media="(max-width: 960px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsMzk1LDI2MF0.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsNjAwLDM5MF0.webp"> <source media="(max-width: 2500px)" type="image/webp" srcset="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsMzUwLDI1MF0.webp"> <img class="e-multi-panel__image" loading="lazy" src="/assets/MultiPanelBlocks/Compass-Coagulant-Control-Kapiti-District-Council-WTP__FocusFillWyIwLjAwIiwiMC4wMCIsOTYwLDYwMF0.jpg" alt="Compass Coagulant Control In Use at Kapiti District Council WTP" width="960" height="550"> </picture> </div> <div class="e-multi-panel__content-wrapper u-content"> <!-- only need wrapper if there is an icon, to make cols on lg screen --> <h3 class="e-multi-panel__title e-multi-panel__title--White style-h4"></h3> </div> <div class="e-multi-panel__content u-content e-multi-panel__content--White"> <p><span class="style-h5">Kapiti Coast District Council's Waikanae plant draws water from a river which is prone to high turbidity events. Find out how they optimised their chemical dosing to match the ever changing river conditions.</span></p> </div> <div class="e-multi-panel__links e-multi-panel__links--Left"> </div> <div class="popupvimeo__wrapper"> <modal name="vimeo-player-modal-13" :width="'80%'" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="videoTracking(13)" > <div slot="top-right"> <button class="u-close" @click="hideModal('vimeo-player-modal-13')" aria-label="Close video" > <span class="u-close__cross"></span> </button> </div> <div class="popupvimeo__player"> <button class="u-close" @click="hideModal('vimeo-player-modal-13')" aria-label="Close video" > <span class="u-close__cross"></span> </button> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe loading="lazy" id="13" src="https://player.vimeo.com/video/722419341?h=047e7abe22" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> </div> </div> </modal> </div> </div> </div> </div> </div> <picture class="e-multi__picture"> <source media="(max-width: 600px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsNTgzLDE4NzFd.webp"> <source media="(max-width: 768px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsNTgzLDE4NzFd.webp"> <source media="(max-width: 1024px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsMTAwNywxMjEwXQ.webp"> <source media="(max-width: 1280px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsMTI2Myw3MDld.webp"> <source media="(max-width: 1900px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsMTkwMCw3Mzhd.webp"> <source media="(max-width: 2700px)" type="image/webp" srcset="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsMjcwMCw3Mzhd.webp"> <img class="e-multi__image" loading="lazy" src="/assets/Banners/Mid-Grey__FocusFillWyIwLjAwIiwiMC4wMCIsNzY4LDUwMF0.png" alt="Mid Grey" width="768" height="500"> </picture> </div> </div> <div class="element lutra__elemental__logoselement remove-padding-bottom" id="e53"> <div class="e-logos"> <div class="u-container"> <div class="u-content"> <h2 class="e-logos__title style-h2">We provide solutions to organisations of all sizes.</h2> </div> <div class="e-logos__logos"> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Sydney-Water-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/WaterCare-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Severn-Trent-Water-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Wellington-Water-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Fonterra-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Hastings-District-Council-Logo-resized2__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Tauranga-City-Council-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Thames-Coromandel-District-Council-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Horowhenua-District-Council-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Manawatu-District-Council-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Matamata-Piako-District-Council-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Seqwater-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Taupo-District-Council-Logo-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Western-Bay-of-Plenty-DC-resized__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> <div class="e-logos__logo"> <img class="e-logos__image" src="/assets/LogosElement/Whangarei-District-Council-Logo-resized-2__FitWzIwMCwxMDBd.webp" alt="" width="200" height="100" /> </div> </div> </div> </div> </div> </main> <div id="footer-app"> <footer class="c-footer"> <div class="u-container c-footer__wrapper"> <div class="c-footer__column"> <div class="c-footer__logo"> <img src="/assets/LogosElement/Lutra-W-Transparent-Medium.webp" alt="Lutra logo" width="384" height="87" /> </div> <div class="c-footer__links"> <a class="c-footer__link" href="/assets/Documents/Infrastructure-Data-Support-Levels.pdf">Support Policy</a> | <a class="c-footer__link" href="/careers/">Careers</a> | <a class="c-footer__link" href="/case-studies/">Projects</a> </div> <div class="social-links"> <a class="social-links__link" href="https://twitter.com/lutrawater" target="_blank" title="Go to Twitter"><span class="icon svg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#1DA1F2" d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"/></svg></span></a> <a class="social-links__link" href="https://www.linkedin.com/company/lutra-ltd/" target="_blank" title="Go to LinkedIn"><span class="icon svg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#0072b1" d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/></svg></span></a> <a class="social-links__link" href="https://www.youtube.com/channel/UC_kDOA4qc31sqxyBop-T2vQ/featured" target="_blank" title="Go to "><span class="icon svg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#FF0000" d="M4.652 0h1.44l.988 3.702.916-3.702h1.454l-1.665 5.505v3.757h-1.431v-3.757l-1.702-5.505zm6.594 2.373c-1.119 0-1.861.74-1.861 1.835v3.349c0 1.204.629 1.831 1.861 1.831 1.022 0 1.826-.683 1.826-1.831v-3.349c0-1.069-.797-1.835-1.826-1.835zm.531 5.127c0 .372-.19.646-.532.646-.351 0-.554-.287-.554-.646v-3.179c0-.374.172-.651.529-.651.39 0 .557.269.557.651v3.179zm4.729-5.07v5.186c-.155.194-.5.512-.747.512-.271 0-.338-.186-.338-.46v-5.238h-1.27v5.71c0 .675.206 1.22.887 1.22.384 0 .918-.2 1.468-.853v.754h1.27v-6.831h-1.27zm2.203 13.858c-.448 0-.541.315-.541.763v.659h1.069v-.66c.001-.44-.092-.762-.528-.762zm-4.703.04c-.084.043-.167.109-.25.198v4.055c.099.106.194.182.287.229.197.1.485.107.619-.067.07-.092.105-.241.105-.449v-3.359c0-.22-.043-.386-.129-.5-.147-.193-.42-.214-.632-.107zm4.827-5.195c-2.604-.177-11.066-.177-13.666 0-2.814.192-3.146 1.892-3.167 6.367.021 4.467.35 6.175 3.167 6.367 2.6.177 11.062.177 13.666 0 2.814-.192 3.146-1.893 3.167-6.367-.021-4.467-.35-6.175-3.167-6.367zm-12.324 10.686h-1.363v-7.54h-1.41v-1.28h4.182v1.28h-1.41v7.54zm4.846 0h-1.21v-.718c-.223.265-.455.467-.696.605-.652.374-1.547.365-1.547-.955v-5.438h1.209v4.988c0 .262.063.438.322.438.236 0 .564-.303.711-.487v-4.939h1.21v6.506zm4.657-1.348c0 .805-.301 1.431-1.106 1.431-.443 0-.812-.162-1.149-.583v.5h-1.221v-8.82h1.221v2.84c.273-.333.644-.608 1.076-.608.886 0 1.18.749 1.18 1.631v3.609zm4.471-1.752h-2.314v1.228c0 .488.042.91.528.91.511 0 .541-.344.541-.91v-.452h1.245v.489c0 1.253-.538 2.013-1.813 2.013-1.155 0-1.746-.842-1.746-2.013v-2.921c0-1.129.746-1.914 1.837-1.914 1.161 0 1.721.738 1.721 1.914v1.656z"/></svg></span></a> </div> </div> <div class="c-footer__column c-footer__content c-footer__content--green u-content"> <h3><span class="style-h4">Any questions?</span></h3> <p><a href="tel:1800%20879 026"><span class="style-h5">New Zealand: <br>+64 4 576 9484</span></a></p> <p><a href="tel:1800%20879 026"><span class="style-h5">Australia: <br>1800 879 026</span></a></p> <p><span style="text-decoration: underline;"><a title="Email Lutra any enquiries." rel="noopener noreferrer" href="mailto:[email protected]?subject=Lutra%20Website%20Enquiry%3A" target="_blank"><span class="style-h5">[email protected]</span></a></span></p> <p> </p> <button @click="showModal('pipedrive-form-modal-1')" class="button button--green button--chevron">Get in touch <span class="button__chevron"></span></button> </div> <div class="c-footer__column c-footer__content u-content"> <h4>Head Office</h4> <p>Level 1, 10 Raroa Road<br>Hutt Central, Lower Hutt,<br>5010</p> <a class="button button--blue button--chevron" href="https://goo.gl/maps/4SxPFAbC9fSzydZ5A" target="_blank">Directions <span class="button__chevron"></span></a> </div> <p class="c-footer__copy">© 2025 Lutra. All Rights Reserved. <a class="c-footer__link" href="/privacy-policy">Privacy Policy</a></p> <button @click="scrollToTop" class="c-footer__back-top" title="Back to top"><span class="c-footer__back-top-chevron"></span></button> </div> </footer> <div class="popupform__wrapper popupform__wrapper--pipedrive 1"> <modal name="pipedrive-form-modal-1" :height="'auto'" :adaptive="true" @closed="disableModal" @opened="modalAdjustScroll" > <div class="popupform popupform__form-success" v-if="showPopupSuccessMessage" > <button class="u-close" @click="hideModal('pipedrive-form-modal-1')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div v-html="popupMessage"> </div> </div> <div v-else="showPopupSuccessMessage" class="popupform c-form" > <button class="u-close" @click="hideModal('pipedrive-form-modal-1')" aria-label="Close form" > <span class="u-close__cross"></span> </button> <div class="popupform__loading"></div> <div class="popupform__form"> <div class="pipedriveWebForms" data-pd-webforms="https://webforms.pipedrive.com/f/2VNB321eRF1hx6WU9nLA5StOjJvUVvOxrNyC64H9IYON4F9pQevmQvyy4UmJPfAKD"> <script type="application/javascript" src="https://webforms.pipedrive.com/f/loader"></script></div> </div> </div> </modal> </div> </div> </div> </div> <script type="application/javascript" src="/_resources/app/client/dist/index.js?m=1747172689"></script> </body> </html>