1<!DOCTYPE html><!-- Last Published: Tue Jul 28 2026 00:25:52 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="new-popthat.webflow.io" data-wf-page="674833159a341a11b722292c" data-wf-site="67347cf267b28cd4256c3340" lang="en-NZ"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Visual Storytelling | Pop That</title><meta content="Your brandâs story deserves to be seen, heard and felt. âWeâre the visual storytellers who transform your vision into scroll-stopping, popcorn-worthy content." name="description"/><meta content="Visual Storytelling | Pop That" property="og:title"/><meta content="Your brandâs story deserves to be seen, heard and felt. âWeâre the visual storytellers who transform your vision into scroll-stopping, popcorn-worthy content." property="og:description"/><meta content="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/677a4ac2a13f7c666b483b39_1a36d1217bb9e6b8cd089deebc5b3112_og_image.png" property="og:image"/><meta content="Visual Storytelling | Pop That" name="twitter:title"/><meta content="Your brandâs story deserves to be seen, heard and felt. âWeâre the visual storytellers who transform your vision into scroll-stopping, popcorn-worthy content." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/677a4ac2a13f7c666b483b39_1a36d1217bb9e6b8cd089deebc5b3112_og_image.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="8RwWRgF-RVpTF9a2I8WkzzCvAhGF3k3NahLIRyeWzzQ" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/css/new-popthat.webflow.shared.50183849a.min.css" rel="stylesheet" type="text/css" integrity="sha384-UBg4Savd2AhIYwaCDF7nLm7dDIJozxYLqED7gL9YH/hnuFj0kKnopWoY1diFGlM1" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/6779155ca17dc0ede201e301_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/677915972d517183e33c3b6e_web-app-manifest-256x256.png" rel="apple-touch-icon"/>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-SKF06B98KW'],'google_tags_first_party');</script>
1<script async="" src="/avljl2rk9q5pNjczNDdjZjI2N2IyOGNkNDI1NmMzMzQw/H_IvOQHgYOGaRP5N28u3opd_mqg"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-SKF06B98KW');</script>
vendor: 86 bytes, line 1
1<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
1<script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1385794799445366');fbq('track', 'PageView');</script>
1<!-- Anime JS -->
2<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
2 3<!-- [Attributes by Finsweet] CMS Filter -->
4<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>
4 5<!-- Calendly badge widget begin --> 6<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
7<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
7 8<!-- Animate CSS --> 9<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> 10<!-- Splide JS -->
11<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
11 12<link href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" rel="stylesheet"> 13<!-- Splide AutoScroll Extension -->
14<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-auto-scroll.min.js"></script>
14 15<!-- Dotlottie player -->
16<script src="https://unpkg.com/@johanaarstein/dotlottie-player@latest/dist/index.js"></script>
16 17<!-- Zapier Chatbot -->
18<script async type='module' src='https://interfaces.zapier.com/assets/web-components/zapier-interfaces/zapier-interfaces.esm.js'></script>
18 19<!-- Video.js base CSS --> 20<link href="https://unpkg.com/[email protected]/dist/video-js.min.css" rel="stylesheet"/> 21<!-- City Video JS Theme --> 22<link href="https://unpkg.com/@videojs/themes@1/dist/city/index.css" rel="stylesheet"/> 23<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 23-24
23 24<script async src="https://www.googletagmanager.com/gtag/js?id=
24G-SKF06B98KW
vendor: 12 bytes, line 24
24"></script>
25<!-- Hotjar Tracking Code for https://www.popthat.nz/ -->
26<script>
vendor: 115 bytes, lines 26-29
26 27 (function(h,o,t,j,a,r){ 28 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 29 h._hjSettings={hjid:
296374828
vendor: 240 bytes, lines 29-34
29,hjsv:6}; 30 a=o.getElementsByTagName('head')[0]; 31 r=o.createElement('script');r.async=1; 32 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 33 a.appendChild(r); 34 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
35</script>
35 36<!-- JSON-LD -->
37<script type="application/ld+json"> 38 { 39 "@context": "https://schema.org", 40 "@type": "ProfessionalService", 41 "name": "Pop That", 42 "description": "Pop That is a multi-disciplinary and collaborative creative content agency that specialises in video and audio. We are much more than a production house, our expertise includes distributing cool content through campaigns and fresh websites to ensure, and measure, a return on investment.", 43 "url": "https://www.popthat.nz", 44 "telephone": "+64 9 390 5773", 45 "foundingDate": "2016", 46 "address": { 47 "@type": "PostalAddress", 48 "addressLocality": "Auckland", 49 "addressRegion": "Auckland", 50 "addressCountry": "NZ" 51 }, 52 "numberOfEmployees": { 53 "@type": "QuantitativeValue", 54 "minValue": "2", 55 "maxValue": "10" 56 }, 57 "sameAs": [ 58 "https://www.linkedin.com/company/pop-that", 59 "https://www.facebook.com/popthat.nz/", 60 "https://www.instagram.com/popthat.nz/" 61 ], 62 "serviceArea": { 63 "@type": "GeoCircle", 64 "geoMidpoint": { 65 "@type": "GeoCoordinates", 66 "latitude": -36.8509, 67 "longitude": 174.7645 68 }, 69 "geoRadius": "100000" 70 }, 71 "knowsAbout": [ 72 "Branding", 73 "Consulting / Strategy", 74 "Content Marketing", 75 "Email Marketing", 76 "Lead Generation", 77 "Paid Social", 78 "Video Production", 79 "Web Design", 80 "Audio Production", 81 "Website Design", 82 "Video Marketing Strategy", 83 "Marketing Strategy", 84 "Animation", 85 "Campaigns", 86 "Music", 87 "YouTube", 88 "Training Videos", 89 "Content" 90 ], 91 "slogan": "It's about bringing a product, brand or idea to market in the right way, with the right energy.", 92 "image": "https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/677915972d517183e33c3b6e_web-app-manifest-256x256.png", 93 "priceRange": "$$" 94 } 95</script>
vendor: 1 bytes, line 95
95
96<script> 97
vendor: 133 bytes, lines 97-100
97window.dataLayer = window.dataLayer || []; 98 function gtag(){dataLayer.push(arguments);} 99 gtag('js', new Date()); 100 gtag('config', '
100G-SKF06B98KW
vendor: 4 bytes, line 100
100');
101</script>
101 102<!-- Google Tag Manager -->
103<script>
vendor: 327 bytes, lines 103-107
103(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 104new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 105j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 106'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 107})(window,document,'script','dataLayer','
107GTM-K67R674
vendor: 3 bytes, line 107
107');
107</script>
107 108<!-- End Google Tag Manager --> 109<style> 110 /* Custom util class */ 111 .flex { 112 display: flex !important; 113 } 114 /* Handling styling tag pill */ 115 .pill-tag-container { 116 display: flex; 117 flex-wrap: wrap; 118 gap: 0.5rem; 119 margin: 1rem 0; 120 } 121 .pill-tag-container.size-large { 122 gap: 1.25rem; 123 } 124 .pill-tag-item { 125 padding: 0.5rem 1rem; 126 border-radius: 12px; 127 background-color: #4C4C4C; 128 color: #D9D9D9; 129 font-weight: 600; 130 text-align: center; 131 } 132 .pill-tag-item.size-large { 133 font-size: 1.75rem; 134 padding: 0.75rem 1.75rem; 135 } 136 .header:hover { 137 box-shadow: 0 1px 5px 0 rgba(89, 89, 89, 0.5) !important; 138 background-color: #ac92ec !important; 139 } 140 /* HOT JAR */ 141 [aria-label="Feedback - Show survey"], 142 [aria-label="Feedback - Hide survey"]{ 143 filter: drop-shadow(0px 0px 2px #333); 144 } 145 @media screen and (max-width: 991px) { 146 .pill-tag-item.size-large { 147 font-size: 1.25rem; 148 } 149 } 150</style>
151<script> 152 // Handling serivces tag pill in CMS 153 let serviceTagsObject = {}; 154 let clientLogoArray = []; 155</script>
155</head><body><div class="page-wrapper"><div class="global-styles w-embed"><link rel="stylesheet" href="https://form.asana.com/static/asana-form-embed-style.css"/> 156<style> 157 158/* Make text look crisper and more legible in all browsers */ 159body { 160 -webkit-font-smoothing: antialiased; 161 -moz-osx-font-smoothing: grayscale; 162 font-smoothing: antialiased; 163 text-rendering: optimizeLegibility; 164} 165 166/* Focus state style for keyboard navigation for the focusable elements */ 167*[tabindex]:focus-visible, 168 input[type="file"]:focus-visible { 169 outline: 0.125rem solid #4d65ff; 170 outline-offset: 0.125rem; 171} 172 173/* Set color style to inherit */ 174.inherit-color * { 175 color: inherit; 176} 177 178/* Configure some pseudo elements */ 179::placeholder { 180 color: var(--text-color--text-primary) !important; 181 font-size: 1rem; 182 font-weight: 600; 183 opacity: 0.8; /* Firefox */ 184} 185 186select { 187 -webkit-appearance: none; 188 -moz-appearance: none; 189 appearance: none; 190 background: url(https://api.iconify.design/akar-icons/chevron-down.svg) no-repeat center / contain; 191 background-size: 20px; 192 background-position: calc(100% - 10px); 193} 194 195/* Get rid of top margin on first element in any rich text element */ 196.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 197 margin-top: 0 !important; 198} 199 200/* Get rid of bottom margin on last element in any rich text element */ 201.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 202 margin-bottom: 0 !important; 203} 204 205 206/* Make sure containers never lose their center alignment */ 207.container-medium,.container-small, .container-large { 208 margin-right: auto !important; 209 margin-left: auto !important; 210} 211 212/* 213Make the following elements inherit typography styles from the parent and not have hardcoded values. 214Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 215Uncomment this CSS to use it in the project. Leave this message for future hand-off. 216*/ 217/* 218.w-input, 219.w-select, 220.w-tab-link, 221.w-nav-link, 222.w-dropdown-btn, 223.w-dropdown-toggle, 224.w-dropdown-link { 225 color: inherit; 226 text-decoration: inherit; 227 font-size: inherit; 228 border-color: inherit; 229} 230*/ 231 232.w-input:focus, .w-select:focus { 233 border-color: var(--popthat--green); 234 border-width: 2px; 235} 236 237/* Apply "..." after 3 lines of text */ 238.text-style-3lines { 239 display: -webkit-box; 240 overflow: hidden; 241 -webkit-line-clamp: 3; 242 -webkit-box-orient: vertical; 243} 244 245/* Apply "..." after 2 lines of text */ 246.text-style-2lines { 247 display: -webkit-box; 248 overflow: hidden; 249 -webkit-line-clamp: 2; 250 -webkit-box-orient: vertical; 251} 252 253/* These classes are never overwritten */ 254 .hide { 255 display: none !important; 256 } 257 258@keyframes rotateAndBounce { 259 0% { 260 transform: translate(-50%, -50%) rotate(0deg); 261 } 262 20% { 263 transform: translate(-50%, -50%) rotate(360deg) scale(1.1); 264 } 265 40% { 266 transform: translate(-50%, -50%) rotate(360deg) scale(1); 267 } 268 100% { 269 transform: translate(-50%, -50%) rotate(360deg); 270 } 271} 272 273/* Popthat button */ 274 #popthat_can_button { 275 position: absolute; 276 left: 50%; 277 top: 50%; 278 transform: translate(-50%, -50%); 279 pointer-events: auto; 280 } 281 282 #popthat_can_button:hover { 283 animation: rotateAndBounce 3s ease-in-out; 284 animation-iteration-count: infinite; 285 animation-delay: 3s; /* Waits 3s before starting next loop */ 286 } 287 288 .center-fade { 289 transition: left 0.5s ease-out, top 0.5s ease-out; 290 } 291 292/* Popthat Mouse cursor */ 293 294@keyframes rotateInfinite { 295 from { 296 transform: translate(-50%, -50%) rotate(0deg); 297 } 298 to { 299 transform: translate(-50%, -50%) rotate(360deg); 300 } 301} 302 303.cursor { 304 pointer-events: none; 305 animation: rotateInfinite 9s linear infinite; 306} 307 308#more-than-ideas-section { 309 cursor: none; 310} 311 312.footer__popup-shadow { 313 clip-path: polygon(5% 0, 80% 0%, 100% 0, 100% 95%, 95% 100%, 20% 100%, 0 100%, 0 5%); 314} 315 316.footer__popup-arrow, .footer__popup-arrow-shadow { 317 clip-path: polygon(100% 0, 0 0, 100% 100%); 318} 319 320 321 322/* Finsweet */ 323 324/* Filter */ 325.fs-cmsfilter_active [fs-cmsfilter-field] { 326 color: var(--popthat--red); 327} 328 329@media screen and (max-width: 991px) { 330 .hide, .hide-tablet { 331 display: none !important; 332 } 333} 334 @media screen and (max-width: 767px) { 335 .hide-mobile-landscape{ 336 display: none !important; 337 } 338} 339 @media screen and (max-width: 479px) { 340 .hide-mobile{ 341 display: none !important; 342 } 343} 344 345.margin-0 { 346 margin: 0rem !important; 347} 348 349.padding-0 { 350 padding: 0rem !important; 351} 352 353.spacing-clean { 354 padding: 0rem !important; 355 margin: 0rem !important; 356} 357 358.margin-top { 359 margin-right: 0rem !important; 360 margin-bottom: 0rem !important; 361 margin-left: 0rem !important; 362} 363 364.padding-top { 365 padding-right: 0rem !important; 366 padding-bottom: 0rem !important; 367 padding-left: 0rem !important; 368} 369 370.margin-right { 371 margin-top: 0rem !important; 372 margin-bottom: 0rem !important; 373 margin-left: 0rem !important; 374} 375 376.padding-right { 377 padding-top: 0rem !important; 378 padding-bottom: 0rem !important; 379 padding-left: 0rem !important; 380} 381 382.margin-bottom { 383 margin-top: 0rem !important; 384 margin-right: 0rem !important; 385 margin-left: 0rem !important; 386} 387 388.padding-bottom { 389 padding-top: 0rem !important; 390 padding-right: 0rem !important; 391 padding-left: 0rem !important; 392} 393 394.margin-left { 395 margin-top: 0rem !important; 396 margin-right: 0rem !important; 397 margin-bottom: 0rem !important; 398} 399 400.padding-left { 401 padding-top: 0rem !important; 402 padding-right: 0rem !important; 403 padding-bottom: 0rem !important; 404} 405 406.margin-horizontal { 407 margin-top: 0rem !important; 408 margin-bottom: 0rem !important; 409} 410 411.padding-horizontal { 412 padding-top: 0rem !important; 413 padding-bottom: 0rem !important; 414} 415 416.margin-vertical { 417 margin-right: 0rem !important; 418 margin-left: 0rem !important; 419} 420 421.padding-vertical { 422 padding-right: 0rem !important; 423 padding-left: 0rem !important; 424} 425 426/* Custom class not support by Webflow out of box */ 427.width-fit { 428 width: fit-content; 429} 430 431.height-fit { 432 height: fit-content; 433} 434 435.height-auto { 436 height: auto; 437} 438 439/* Custom heading */ 440.h1-special { 441 font-size: max(52px, 10vw); 442 text-transform: uppercase; 443} 444 445.h1-special-big { 446 font-size: max(46px, 9vw); 447 text-transform: uppercase; 448} 449 450.h1-special-medium { 451 font-size: max(42px, 6vw); 452 text-transform: uppercase; 453} 454 455.h1-special-small {
456 font-size: max(36px, 5.5vw); 457 text-transform: uppercase; 458} 459 460.h1-special-xsmall { 461 font-size: clamp(32px, 6vw, 56px); 462 line-height: 1.2; 463} 464 465.h1-special-semilarge { 466 font-size: max(52px, 12vw); 467 text-transform: uppercase; 468} 469 470.h1-special-large { 471 font-size: max(60px, 13.5vw); 472 text-transform: uppercase; 473} 474 475.h1-special-home-hero { 476 text-transform: uppercase; 477} 478 479.text-size-display-special { 480 font-size: clamp(1.25rem, 1.5vw, 1.5rem) 481} 482 483.h2-special { 484 font-size: clamp(32px, 6.5vw, 125px); 485 text-transform: uppercase; 486} 487 488.h2-special__small { 489 font-size: clamp(28px, 4.5vw, 52px); 490} 491 492.aspect-video { 493 aspect-ratio: 2 / 1.125; 494} 495 496.w-background-video > video { 497 z-index: 1; 498} 499 500/* Handling Case Study Item layout */ 501@media screen and (min-width: 991px) { 502 .case-studies-item:nth-child(3n + 1) { 503 grid-column: span 2; 504 } 505} 506 507@media screen and (max-width: 991px) { 508 .case-studies-item:nth-child(even) .case-study-item__link-block { 509 margin-left: auto; 510 } 511} 512 513/* Handling sharing blog item link */ 514.blog-item__sharing-link { 515 cursor: pointer; 516 display: block; 517 text-transform: none; 518 margin-bottom: 0.5rem; 519 transition: opacity 0.3s ease; 520 opacity: 1; 521 color: var(--popthat--red); 522} 523 524.blog-item__sharing-link:hover { 525 opacity: 0.7; 526} 527 528/* Reclaim modal */ 529.reclaim-modal-overlay { 530 position: fixed; 531 top: 0; 532 left: 0; 533 width: 100%; 534 height: 100%; 535 background: rgba(0, 0, 0, 0.8); 536 z-index: 10000; 537 display: flex; 538 justify-content: center; 539 align-items: center; 540} 541 542.reclaim-modal-content { 543 background: white; 544 width: 90%; 545 max-width: 1024px; 546 height: 80%; 547 max-height: 700px; 548 border-radius: 8px; 549 position: relative; 550 overflow: hidden; 551 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); 552} 553 554.reclaim-modal-close { 555 position: absolute; 556 top: 15px; 557 right: 20px; 558 background: none; 559 border: none; 560 font-size: 28px; 561 cursor: pointer; 562 z-index: 1; 563 color: #666; 564 width: 30px; 565 height: 30px; 566 display: flex; 567 align-items: center; 568 justify-content: center; 569} 570 571.reclaim-modal-close:hover { 572 color: #000; 573 background: #f0f0f0; 574 border-radius: 50%; 575} 576 577.reclaim-container { 578 width: 100%; 579 height: 100%; 580 overflow: auto; 581} 582 583/* Animation (optional) */ 584.reclaim-modal-overlay.fade-in { 585 animation: fadeIn 0.3s ease-out; 586} 587 588@keyframes fadeIn { 589 from { opacity: 0; } 590 to { opacity: 1; } 591} 592 593@media screen and (max-width: 991px) { 594 .mouse-cursor-wrapper { 595 display: none !important; 596 } 597} 598 599/* Asana */ 600.asana-embed-container { 601 mix-blend-mode: hard-light; 602 max-width: none; 603} 604 605.asana-embed-iframe { 606 height: 860px; 607} 608</style></div><div id="header" class="header"><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" data-doc-height="1" role="banner" class="nav_component w-nav"><div class="padding-global"><div class="nav_container"><a href="/" class="nav_brand w-nav-brand"><img src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo.webp" loading="lazy" sizes="(max-width: 479px) 98vw, (max-width: 767px) 99vw, (max-width: 996px) 100vw, 996px" srcset="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo-p-500.webp 500w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo-p-800.webp 800w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo.webp 996w" alt="" class="nav_logo"/></a><nav role="navigation" class="nav_menu w-nav-menu"><div class="nav_menu_dropdown_container"><div id="services-trigger-dropdown" class="nav_menu_dropdown__header"><div class="text-weight-bold text-size-medium">Services</div><div class="icon-1x1-regular margin-top margin-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 609 <polyline points="6 9 12 15 18 9"/> 610</svg></div></div><div id="services-dropdown" class="nav_menu_dropdown__body hide"><a href="/visual-storytelling" aria-current="page" class="nav_menu_dropdown__item w-inline-block w--current"><div>Visual Storytelling</div></a><a href="/digital-advertising" class="nav_menu_dropdown__item w-inline-block"><div>Digital Advertising</div></a><a href="/website-design" class="nav_menu_dropdown__item w-inline-block"><div>Website Design</div></a><a href="/marketing" class="nav_menu_dropdown__item w-inline-block"><div>Marketing</div></a></div></div><div class="nav_menu_dropdown_container"><div id="about-trigger-dropdown" class="nav_menu_dropdown__header"><div class="text-weight-bold text-size-medium">About</div><div class="icon-1x1-regular margin-top margin-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 611 <polyline points="6 9 12 15 18 9"/> 612</svg></div></div><div id="about-dropdown" class="nav_menu_dropdown__body hide"><a href="/who-we-are" class="nav_menu_dropdown__item w-inline-block"><div>Who We Are</div></a><a href="/meet-the-crew" class="nav_menu_dropdown__item w-inline-block"><div>Meet The Crew</div></a></div></div><a href="/case-studies" class="nav_menu_link w-nav-link">Projects</a><a href="/blog" class="nav_menu_link w-nav-link">Blog</a><a href="/contact-us" class="popthat-button width-fit w-button">Contact</a></nav><div class="nav_button w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div></div><div class="main-wrapper"><section id="top-section" class="section background-color-primary"><div class="video-section-container"><div class="position-relative height-100"><div class="padding-global padding-section-large height-100"><div class="padding-top padding-xhuge height-100"><div data-w-id="ec510167-ed22-eee0-0069-d4d0bc31ac6f" class="d-flex flex-vertical gap-lg height-100"><div>
612<h1 id="intro-01" class="h1-special text-color-primary">BRINGING YOUR</h1><h1 id="intro-02" class="h1-special-large text-color-primary">BRAND</h1><h1 id="intro-03" class="h1-special text-color-primary">TO LIFE</h1></div><div class="video-block v2"><div class="video v2 w-embed"><style> 613 .vjs-theme-city .vjs-control-bar { 614 background: none; 615 } 616 .vjs-theme-city .vjs-play-control { 617 flex: none; 618 left: 15px; 619 bottom: 15px; 620 border-radius: 8px; 621 background: #333333; 622 } 623 .vjs-theme-city .vjs-mute-control { 624 display: block; 625 position: absolute; 626 right: 15px; 627 scale: 2; 628 } 629</style> 630<video 631 id="video-js" 632 class="video-js vjs-theme-city width-100 height-100" 633 width="100%" 634 height="100%" 635 preload="auto" 636 poster="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67a6f834a804491ecd4e5a82_popthat-video-poster.png" 637 data-setup='{ 638 "controls": true, 639 "autoplay": true, 640 "muted": true, 641 "loop": true, 642 "controlBar": { 643 "children": [ 644 "playToggle", 645 "muteToggle" 646 ] 647 } 648 }' 649> 650 <source src="https://popthat-videos.netlify.app/videos/main.mp4" type="video/mp4" /> 651 <p class="vjs-no-js"> 652 To view this video please enable JavaScript, and consider upgrading to a 653 web browser that 654 </p> 655</video></div><div class="margin-top margin-medium"><p class="text-color-primary text-size-xlarge text-weight-semibold">Your brandâs story deserves to be seen, heard, and felt.<br/>â<br/>Every brand has a storyâbut not every story is <strong>unforgettable</strong>. Thatâs where we come in. Weâre the <strong>visual storytellers </strong>who <strong>transform your vision</strong> into powerful, scroll-stopping content that <strong>connects, inspires, and leaves a lasting impression</strong>.<br/><br/>From <strong>cinematic videography and dynamic photography to bold animation and standout design</strong>, we craft <strong>visual experiences that bring your brand to life</strong>.</p></div></div></div></div></div><div class="container-xlarge height-100"></div></div></div><div class="mouse-cursor-wrapper"><img src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/6752080978a5ac73117f520c_red_mouse_cursor.png" loading="lazy" alt="" class="cursor"/></div><div class="w-embed w-script">
655<script> 656 const cursorWrapper = document.querySelector('.mouse-cursor-wrapper'); 657 const topSection = document.getElementById('top-section'); 658 const header = document.querySelector('.header'); 659 const video = document.querySelector('.video'); 660 const navDropDown = document.querySelector('.nav_menu_dropdown__body'); 661 662 // Initially hide the cursor 663 cursorWrapper.style.display = 'none'; 664 665 // Function to check if element is in viewport 666 function isInViewport(element) { 667 const rect = element.getBoundingClientRect(); 668 return ( 669 rect.top <= (window.innerHeight || document.documentElement.clientHeight) && 670 rect.bottom >= 0 671 ); 672 } 673 674 function isOverElement(element, x, y) { 675 if (!element) return false; 676 const rect = element.getBoundingClientRect(); 677 return ( 678 x >= rect.left && 679 x <= rect.right && 680 y >= rect.top && 681 y <= rect.bottom 682 ); 683 } 684 685 // Update cursor position 686 function updateCursor(e) { 687 const sectionRect = topSection.getBoundingClientRect(); 688 const mouseX = e.clientX; 689 const mouseY = e.clientY; 690 691 // Hide cursor if over header 692 if (isOverElement(header, mouseX, mouseY)) { 693 cursorWrapper.style.display = 'none'; 694 return; 695 } 696 697 // Hide cursor if over video 698 if (isOverElement(video, mouseX, mouseY)) { 699 cursorWrapper.style.display = 'none'; 700 return; 701 } 702 703 // Hide cursor if over header 704 if (isOverElement(navDropDown, mouseX, mouseY)) { 705 cursorWrapper.style.display = 'none'; 706 return; 707 } 708 709 // Only show and move cursor if mouse is within section boundaries 710 if (mouseY >= sectionRect.top && mouseY <= sectionRect.bottom) { 711 cursorWrapper.style.display = 'flex'; 712 cursorWrapper.style.transform = `translate(${mouseX}px, ${mouseY}px)`; 713 } else { 714 cursorWrapper.style.display = 'none'; 715 } 716 } 717 718 // Add necessary CSS to the cursor wrapper 719 cursorWrapper.style.position = 'fixed'; 720 cursorWrapper.style.pointerEvents = 'none'; 721 cursorWrapper.style.zIndex = '9999'; 722 cursorWrapper.style.transform = 'translate(-50%, -50%)'; // Center the cursor image 723 724 // Add event listeners 725 document.addEventListener('mousemove', updateCursor); 726 727 // Handle scroll events to show/hide cursor 728 document.addEventListener('scroll', () => { 729 if (isInViewport(topSection)) { 730 document.addEventListener('mousemove', updateCursor); 731 } else { 732 cursorWrapper.style.display = 'none'; 733 document.removeEventListener('mousemove', updateCursor); 734 } 735 }); 736</script>
736</div></section><section class="more-than-ideas-section"><div class="more-than-ideas-wrapper"><div class="padding-global padding-section-large height-100"><div class="red-content-box"><div class="d-flex flex-vertical gap-lg height-100"><div class="more-than-ideas-container v2"><h1 data-w-id="3c268931-34ef-0950-2810-8e94d59b7fac" class="h1-special width-fit">THEÂ <br/>ON-DEMANDÂ <br/>AGENCY</h1><div class="margin-left margin-auto responsive-width-2-3"><p data-w-id="3c268931-34ef-0950-2810-8e94d59b7fb3" class="text-size-display-special text-weight-semibold text-align-right">Your vision, <strong>our masterpiece</strong>.<br/><br/>As your <strong>go-to creative crew</strong>, we donât just create contentâwe <strong>build your brand story</strong>. Whether itâs <strong>stunning photography, high-energy video, jaw-dropping animation, or bold graphic design</strong>, we shape visual narratives that <strong>stop thumbs, turn heads, and spark conversations</strong>.<br/><br/>No cookie-cutter content. No one-size-fits-all. Just <strong>authentic, compelling storytelling</strong> that makes your brand impossible to ignore.</p></div></div><div class="block__footer"><div>VISUAL STORYTELLINGÂ Â //Â Â DESIGN &Â DEVELOPMENTÂ Â //Â Â MARKETING</div><div>WEÂ BELIEVEÂ INÂ BUILINGÂ AWESOMEÂ STUFF</div></div></div></div></div></div></section><section class="section background-color-primary"><div class="position-relative"><div class="padding-global padding-section-large"><div class="d-flex flex-vertical gap-lg"><div class="d-flex flex-vertical gap-lg"><div class="grid-cols-2"><h1 data-w-id="86a46207-4824-406e-ea84-d754225be04d" style="opacity:0" class="h1-special text-color-primary">WHY POP THAT?</h1><div id="w-node-b5be3b8a-2b0a-b4c7-d3eb-070221c83b6c-b722292c" class="d-flex flex-vertical gap-md"><div class="d-flex flex-vertical gap-xs"><div class="text-size-large text-color-primary text-weight-semibold">Your Vision, Our Craft</div><div class="line-divider"></div><p class="text-color-primary text-size-medium">Every great story starts with a vision. Whether itâs capturing the perfect shot, animating a wild idea, or designing a brand identity that pops, weâre your creative partners, working alongside you to bring your vision to life.</p></div><div class="d-flex flex-vertical gap-xs"><div class="text-size-large text-color-primary text-weight-semibold">Passion for Perfection</div><div class="line-divider"></div><p class="text-color-primary text-size-medium"><strong>We're visual wizards</strong> who live and breathe <strong>videography, photography, animation, and design</strong>. Weâre not just good at what we doâ<strong>weâre obsessed with it</strong>. Every frame, colour, and pixel is crafted with <strong>precision, passion, and purpose.</strong></p></div><div class="d-flex flex-vertical gap-xs"><div class="text-size-large text-color-primary text-weight-semibold">Client-First Approach</div><div class="line-divider"></div><p class="text-color-primary text-size-medium">Weâre <strong>110% client-focused</strong>. That means youâre never just another project on our listâ<strong>your vision is our top priority</strong>. We collaborate, listen, and refine until your content <strong>feels like you</strong>âbut even better.</p></div></div></div></div></div></div></div></section><section class="section background-color-primary"><div class="position-relative"><div><div class="padding-vertical padding-huge"><div class="d-flex flex-vertical gap-lg"><div class="d-flex flex-vertical gap-lg"><div class="d-flex flex-vertical"><div class="margin-bottom margin-huge"><div class="padding-medium"><h1 data-w-id="431f8719-3df0-4d32-dd8b-bddf2a525529" style="opacity:0" class="h1-special-large text-color-primary">OUR<br/>PROCESS</h1></div></div><div data-w-id="2bfd76f9-87b4-a743-f5e4-5162ad1a9011" class="process-item"><div class="process-item__header"><div class="h2-special">1.</div><div class="process-item__select"><div class="h2-special">Creative workshop</div></div></div><div class="process-item__dropdown"><div class="width-tiny-small"></div><div class="process-item__dropdown-content responsive-width-1-2"><p class="text-size-medium">We kick things off with a deep diveâ<strong>in person or over Zoom</strong>âto understand your brand, your audience, and your âwhyâ. This is where we <strong>shape the creative vision together</strong> and <strong>map out the perfect execution</strong>.</p></div></div></div><div data-w-id="2bfd76f9-87b4-a743-f5e4-5162ad1a9011" class="process-item"><div class="process-item__header"><div class="h2-special">2.</div><div class="process-item__select"><div class="h2-special">Quoting</div></div></div><div class="process-item__dropdown"><div class="width-tiny-small"></div><div class="process-item__dropdown-content responsive-width-1-2"><p class="text-size-medium">No hidden fees, no surprises. Youâll receive a detailed quote based on your needs and our expert recommendations. Once weâre al
736igned and the deposit is in, itâs <strong>go time</strong>.</p></div></div></div><div data-w-id="2bfd76f9-87b4-a743-f5e4-5162ad1a9011" class="process-item"><div class="process-item__header"><div class="h2-special">3. </div><div class="process-item__select"><div class="h2-special">Pre-Production and Production</div></div></div><div class="process-item__dropdown"><div class="width-tiny-small"></div><div class="process-item__dropdown-content responsive-width-1-2"><p class="text-size-medium">From concept to shoot day, we <strong>plan every detail</strong>âor embrace spontaneity if thatâs your vibe. Whether itâs a <strong>cinematic video, product shoot, animated masterpiece, or brand refresh</strong>, we capture every moment with precision and creativity.</p></div></div></div><div data-w-id="2bfd76f9-87b4-a743-f5e4-5162ad1a9011" class="process-item"><div class="process-item__header"><div class="h2-special">4.</div><div class="process-item__select"><div class="h2-special">Post-Production & Refinement</div></div></div><div class="process-item__dropdown"><div class="width-tiny-small"></div><div class="process-item__dropdown-content responsive-width-1-2"><p class="text-size-medium">Hereâs where the <strong>real magic happens</strong>. We take the best moments, craft a compelling narrative, and bring it all together with <strong>seamless edits, striking visuals, and killer sound design</strong>. Youâll get a first draft, and through our <strong>streamlined feedback system</strong>, we refine until itâs <strong>pixel-perfect</strong>.</p></div></div></div><div data-w-id="2bfd76f9-87b4-a743-f5e4-5162ad1a9011" class="process-item"><div class="process-item__header"><div class="h2-special">5.</div><div class="process-item__select"><div class="h2-special">Publish & Amplify</div></div></div><div class="process-item__dropdown"><div class="width-tiny-small"></div><div class="process-item__dropdown-content responsive-width-1-2"><p class="text-size-medium">We donât just hand over your content and say, "Good luck!" We guide you on how to <strong>maximise its impact</strong>âwhether thatâs <strong>optimising for social, integrating into a campaign, or boosting reach through digital advertising</strong>.</p></div></div></div></div></div></div></div></div></div></section><section class="section background-color-primary"><div class="position-relative"><div class="padding-global padding-section-large"><div class="d-flex flex-vertical gap-lg"><div class="d-flex flex-vertical"><h1 data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae1" style="opacity:0" class="h1-special-medium text-color-primary">VISUALÂ STORYTELLING</h1><h1 data-w-id="c05c7490-af1d-f4e7-042d-fe8bf98895f5" style="opacity:0" class="h1-special text-color-primary">ANDÂ BEYOND</h1><div class="margin-vertical margin-large"><div class="responsive-width-2-3 margin-left margin-auto"><p class="text-size-large text-weight-medium text-color-primary"><strong>Weâre more than just videography gurus, animation pros, and design expertsâweâre a full-service creative agency.<br/><br/>That means we donât stop at content creationâwe help you launch, promote, and amplify your story through strategic marketing, digital advertising, and social media.<br/><br/>Because great content deserves to be seenâand we help ensure it is.</strong><br/></p></div></div><div class="line-divider"></div><div class="container-xlarge"><div class="margin-vertical margin-large"><div class="grid-cols-2"><h3 data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae4" style="opacity:0" class="text-color-primary margin-top margin-medium">We can also help you with:</h3><div data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae6" style="opacity:0" class="our-superpowers-wrapper w-dyn-list"><div role="list" class="our-superpowers-container w-dyn-items"><div data-service="Marketing" role="listitem" class="our-superpwer-item w-dyn-item"><div data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae9" class="accordion__header"><div class="d-flex justify-between align-center width-100"><h4 class="text-color-primary">Marketing</h4><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform-style:preserve-3d" class="accordion__plus">+</div></div></div><div style="height:0px" class="accordion__dropdown"><p class="text-size-medium text-color-primary">We exist to help your brand build meaningful relationships with your audience, driving growth and success through creativity and strategy. Our purpose is to make your business thrive by creating marketing experiences that resonate on a deeper level.</p><div class="w-embed w-script"><div class="pill-tag-container margin-vertical margin-xsmall" id="marketing"> 737</div>
738<script> 739 serviceTagsObject['marketing'] = "Social Media Management, Email Marketing, Blog/Articles, Case Studies, Comms Media Release, Data Driven Results, Content Strategy, Brand Development, Community Management, Conversion Optimisation"; 740 serviceTagsObject['marketing-tags-array'] = serviceTagsObject["marketing"].split(", "); 741 742 serviceTagsObject['marketing-tags-array'].forEach(tag => { 743 const pillDiv = document.createElement('div'); 744 pillDiv.className = 'pill-tag-item'; 745 pillDiv.textContent = tag; 746 document.querySelector("#marketing").appendChild(pillDiv); 747 }); 748</script>
748</div><div class="margin-top margin-small"><a href="/marketing" class="popthat-button is-align-start w-button">Find out more</a></div></div></div><div data-service="Website Design & Development" role="listitem" class="our-superpwer-item w-dyn-item"><div data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae9" class="accordion__header"><div class="d-flex justify-between align-center width-100"><h4 class="text-color-primary">Website Design & Development</h4><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform-style:preserve-3d" class="accordion__plus">+</div></div></div><div style="height:0px" class="accordion__dropdown"><p class="text-size-medium text-color-primary">Your website is your digital homeâso letâs make it remarkable. At Pop That, we craft bespoke, user-friendly websites that look stunning and perform brilliantly. Whether you need a custom build or a fast-track solution, we design with intent, giving you full control. Ready to stand out? Letâs go!</p><div class="w-embed w-script"><div class="pill-tag-container margin-vertical margin-xsmall" id="website-design-development"> 749</div>
750<script> 751 serviceTagsObject['website-design-development'] = "Wix Studio, Wix Legend Partner, Webflow, Strapi, Wordpress, CMS, eCommerce Websites, Multi Platform, Javascript, Responsive, Security, Custom Web Development, SEO, Analytics, Website Maintenance"; 752 serviceTagsObject['website-design-development-tags-array'] = serviceTagsObject["website-design-development"].split(", "); 753 754 serviceTagsObject['website-design-development-tags-array'].forEach(tag => { 755 const pillDiv = document.createElement('div'); 756 pillDiv.className = 'pill-tag-item'; 757 pillDiv.textContent = tag; 758 document.querySelector("#website-design-development").appendChild(pillDiv); 759 }); 760</script>
760</div><div class="margin-top margin-small"><a href="/website-design" class="popthat-button is-align-start w-button">Find out more</a></div></div></div><div data-service="Digital Advertising" role="listitem" class="our-superpwer-item w-dyn-item"><div data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae9" class="accordion__header"><div class="d-flex justify-between align-center width-100"><h4 class="text-color-primary">Digital Advertising</h4><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform-style:preserve-3d" class="accordion__plus">+</div></div></div><div style="height:0px" class="accordion__dropdown"><p class="text-size-medium text-color-primary">Your brandâs story deserves the spotlight. At Pop That, we craft data-driven digital advertising campaigns that attract, engage, and convert. As Google, Meta, and TikTok partners, we ensure your ads reach the right peopleâdriving real results. Ready to amplify your impact? Letâs make it happen!</p><div class="w-embed w-script"><div class="pill-tag-container margin-vertical margin-xsmall" id="digital-advertising"> 761</div>
762<script> 763 serviceTagsObject['digital-advertising'] = "Google Ads, Meta Ads, TikTok Ads, Lead Generation, Brand Awareness, Sales Conversion, Performance Marketing, Digital Strategy, CPC/CPA, Social Media Advertising, Programmatic Advertising, Data-Driven Optimisation, Audience Targeting, Remarketing, A/B Testing, Ad Creative Development, Landing Page Optimisation, Conversion Rate Optimisation, ROI Tracking, Ad Account Management, Multi-Platform Campaigns"; 764 serviceTagsObject['digital-advertising-tags-array'] = serviceTagsObject["digital-advertising"].split(", "); 765 766 serviceTagsObject['digital-advertising-tags-array'].forEach(tag => { 767 const pillDiv = document.createElement('div'); 768 pillDiv.className = 'pill-tag-item'; 769 pillDiv.textContent = tag; 770 document.querySelector("#digital-advertising").appendChild(pillDiv); 771 }); 772</script>
772</div><div class="margin-top margin-small"><a href="/digital-advertising" class="popthat-button is-align-start w-button">Find out more</a></div></div></div><div data-service="Visual Storytelling" role="listitem" class="our-superpwer-item w-dyn-item"><div data-w-id="04dc0473-a87b-6239-8afd-b0f762b74ae9" class="accordion__header"><div class="d-flex justify-between align-center width-100"><h4 class="text-color-primary">Visual Storytelling</h4><div style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(null) rotateY(null) rotateZ(0deg) skew(0, 0);transform-style:preserve-3d" class="accordion__plus">+</div></div></div><div style="height:0px" class="accordion__dropdown"><p class="text-size-medium text-color-primary">Your brandâs story should be unforgettable. At Pop That, we craft powerful visual contentâfrom stunning photography to cinematic videography and bold animations. Whether itâs telling your story, elevating your brand, or driving engagement, we bring your vision to life. Ready to make an impact? ð¬</p><div class="w-embed w-script"><div class="pill-tag-container margin-vertical margin-xsmall" id="visual-storytelling"> 773</div>
774<script> 775 serviceTagsObject['visual-storytelling'] = "Videography, Photography, Animation, Design, Visual Storytelling, Brand Identity, Motion Graphics, Video Editing, Cinematic Content, Product Photography, Event Coverage, Drone Videography, Social Media Content, Commercial Production, Storyboarding, Post-Production, Creative Direction, Brand Films, Campaign Visuals"; 776 serviceTagsObject['visual-storytelling-tags-array'] = serviceTagsObject["visual-storytelling"].split(", "); 777 778 serviceTagsObject['visual-storytelling-tags-array'].forEach(tag => { 779 const pillDiv = document.createElement('div'); 780 pillDiv.className = 'pill-tag-item'; 781 pillDiv.textContent = tag; 782 document.querySelector("#visual-storytelling").appendChild(pillDiv); 783 }); 784</script>
784</div><div class="margin-top margin-small"><a href="/visual-storytelling" aria-current="page" class="popthat-button is-align-start w-button w--current">Find out more</a></div></div></div></div></div></div></div></div></div></div></div></div></section><section class="section background-color-primary client-logo-section"><div class="position-relative overflow-hidden client-logo-container"><div class="padding-global padding-section-large"><div class="d-flex flex-vertical gap-sm"><h1 data-w-id="a257c0d9-e747-c1e4-ae70-a868d30ad5ce" class="h1-special-small text-color-primary">WE'VEÂ WORKEDÂ WITH</h1><h1 data-w-id="a257c0d9-e747-c1e4-ae70-a868d30ad5d0" class="h1-special text-color-primary">SOMEÂ PRETTY EPICÂ PEOPLE</h1></div><div data-w-id="a257c0d9-e747-c1e4-ae70-a868d30ad5d2" class="logo-container"><div class="data_wrapper hide w-dyn-list"><div role="list" class="data_container w-dyn-items"><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
784<script> 785 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a078d0e671a6e5b56776ad_100%25%20Good.png"); 786 clientLogoArray.push({ 787 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a078d0e671a6e5b56776ad_100%25%20Good.png", 788 url: "https://onehundredpercent.nz/", 789 services: [ 790 "Digital advertising", 791 "", 792 "", 793 "" 794 ], 795 }) 796</script>
796</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
796<script> 797 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a078b288a4576aebc5c7ad_818%20Entertainment.png"); 798 clientLogoArray.push({ 799 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a078b288a4576aebc5c7ad_818%20Entertainment.png", 800 url: "https://818.co.nz/", 801 services: [ 802 "Digital advertising", 803 "", 804 "", 805 "" 806 ], 807 }) 808</script>
808</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
808<script> 809 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0787b9dd86be1ef7e0a45_95bFM.png"); 810 clientLogoArray.push({ 811 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0787b9dd86be1ef7e0a45_95bFM.png", 812 url: "https://95bfm.com/", 813 services: [ 814 "Visual storytelling", 815 "", 816 "", 817 "" 818 ], 819 }) 820</script>
820</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
820<script> 821 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07904ab2ac36d183b5e9b_Alien%20Weaponry.png"); 822 clientLogoArray.push({ 823 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07904ab2ac36d183b5e9b_Alien%20Weaponry.png", 824 url: "https://alienweaponry.com/", 825 services: [ 826 "Marketing", 827 "", 828 "", 829 "" 830 ], 831 }) 832</script>
832</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
832<script> 833 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0792e1838891ac4ed9fe6_Alpha%20Sound.png"); 834 clientLogoArray.push({ 835 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0792e1838891ac4ed9fe6_Alpha%20Sound.png", 836 url: "", 837 services: [ 838 "Website design", 839 "", 840 "", 841 "" 842 ], 843 }) 844</script>
844</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
844<script> 845 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a079cbf74e908bc9b166a8_Auckland%20Arts%20Festival.png"); 846 clientLogoArray.push({ 847 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a079cbf74e908bc9b166a8_Auckland%20Arts%20Festival.png", 848 url: "https://www.aaf.co.nz/", 849 services: [ 850 "Digital advertising", 851 "", 852 "", 853 "" 854 ], 855 }) 856</script>
856</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
856<script> 857 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a01b72a1f4338c41b73_August%20Avenue.png"); 858 clientLogoArray.push({ 859 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a01b72a1f4338c41b73_August%20Avenue.png", 860 url: "https://www.augustavenue.co.nz/", 861 services: [ 862 "Digital advertising", 863 "", 864 "", 865 "" 866 ], 867 }) 868</script>
868</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
868<script> 869 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a485fb9c804beedd300_Banished%20Music.png"); 870 clientLogoArray.push({ 871 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a485fb9c804beedd300_Banished%20Music.png", 872 url: "https://banishedmusic.com/", 873 services: [ 874 "Digital advertising", 875 "", 876 "", 877 "" 878 ], 879 }) 880</script>
880</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
880<script> 881 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a7c39c439a353307508_Bartons%20Sound%20Systems.png"); 882 clientLogoArray.push({ 883 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07a7c39c439a353307508_Bartons%20Sound%20Systems.png", 884 url: "https://www.bartonsound.co.nz/", 885 services: [ 886 "Website design", 887 "", 888 "", 889 "" 890 ], 891 }) 892</script>
892</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
892<script> 893 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07ad87c3d3ad180f5f00b_Beacon%20Festival.png"); 894 clientLogoArray.push({ 895 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07ad87c3d3ad180f5f00b_Beacon%20Festival.png", 896 url: "https://www.instagram.com/beacon.festival", 897 services: [ 898 "Visual storytelling", 899 "", 900 "", 901 "" 902 ], 903 }) 904</script>
904</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
904<script> 905 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07b22d1321bc0df490ba1_Bigpop.png"); 906 clientLogoArray.push({ 907 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07b22d1321bc0df490ba1_Bigpop.png", 908 url: "https://www.bigpopstudios.com/", 909 services: [ 910 "Marketing", 911 "", 912 "", 913 "" 914 ], 915 }) 916</script>
916</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
916<script> 917 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07c324aa1b907bc75cf13_Ceres%20Organics.png"); 918 clientLogoArray.push({ 919 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07c324aa1b907bc75cf13_Ceres%20Organics.png", 920 url: "https://ceres.co.nz/", 921 services: [ 922 "Website design", 923 "", 924 "", 925 "" 926 ], 927 }) 928</script>
928</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
928<script> 929 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07d86de467ee2b47add6d_City%20Rail%20Link.png"); 930 clientLogoArray.push({ 931 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07d86de467ee2b47add6d_City%20Rail%20Link.png", 932 url: "https://www.cityraillink.co.nz/", 933 services: [ 934 "Visual storytelling", 935 "", 936 "", 937 "" 938 ], 939 }) 940</script>
940</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
940<script> 941 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07da6d1321bc0df4c5e1e_Cuetone.png"); 942 clientLogoArray.push({ 943 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07da6d1321bc0df4c5e1e_Cuetone.png", 944 url: "https://www.cuetonemedia.com/", 945 services: [ 946 "Visual storytelling", 947 "", 948 "", 949 "" 950 ], 951 }) 952</script>
952</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
952<script> 953 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07dcf8b989e2e4ac5ef26_Cure%20Kids.png"); 954 clientLogoArray.push({ 955 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07dcf8b989e2e4ac5ef26_Cure%20Kids.png", 956 url: "https://www.curekids.org.nz/", 957 services: [ 958 "Visual storytelling", 959 "", 960 "", 961 "" 962 ], 963 }) 964</script>
964</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
964<script> 965 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07df2cc63ed9260fb36dd_Drunken%20Piano.png"); 966 clientLogoArray.push({ 967 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07df2cc63ed9260fb36dd_Drunken%20Piano.png", 968 url: "https://www.instagram.com/drunkenpianomusic/", 969 services: [ 970 "Digital advertising", 971 "", 972 "", 973 "" 974 ], 975 }) 976</script>
976</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
976<script> 977 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e2b858e18cc50de87b1_Eccles.png"); 978 clientLogoArray.push({ 979 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e2b858e18cc50de87b1_Eccles.png", 980 url: "https://eccles.co.nz/", 981 services: [ 982 "Digital advertising", 983 "", 984 "", 985 "" 986 ], 987 }) 988</script>
988</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
988<script> 989 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e57858e18cc50deb89a_Edison.png"); 990 clientLogoArray.push({ 991 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e57858e18cc50deb89a_Edison.png", 992 url: "", 993 services: [ 994 "Marketing", 995 "", 996 "", 997 "" 998 ], 999 }) 1000</script>
1000</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1000<script> 1001 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e7d5be1dcd7c10b790c_Evercare.png"); 1002 clientLogoArray.push({ 1003 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07e7d5be1dcd7c10b790c_Evercare.png", 1004 url: "https://www.evercare.co.nz/", 1005 services: [ 1006 "Website design", 1007 "", 1008 "", 1009 "" 1010 ], 1011 }) 1012</script>
1012</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1012<script> 1013 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07eb977464bffff5f3738_Flamingo%20Pier.png"); 1014 clientLogoArray.push({ 1015 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07eb977464bffff5f3738_Flamingo%20Pier.png", 1016 url: "https://www.flamingopier.net/", 1017 services: [ 1018 "Digital advertising", 1019 "", 1020 "", 1021 "" 1022 ], 1023 }) 1024</script>
1024</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1024<script> 1025 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07ee5324dedbc4b062b7f_Flux%20Federation.png"); 1026 clientLogoArray.push({ 1027 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07ee5324dedbc4b062b7f_Flux%20Federation.png", 1028 url: "https://www.fluxfederation.com/", 1029 services: [ 1030 "Visual storytelling", 1031 "", 1032 "", 1033 "" 1034 ], 1035 }) 1036</script>
1036</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1036<script> 1037 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f0b8b5960fb3c206e5d_Fresh%20Concept..png"); 1038 clientLogoArray.push({ 1039 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f0b8b5960fb3c206e5d_Fresh%20Concept..png", 1040 url: "https://www.freshconcept.co.nz/", 1041 services: [ 1042 "Marketing", 1043 "", 1044 "", 1045 "" 1046 ], 1047 }) 1048</script>
1048</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1048<script> 1049 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f319f17305f38755f2e_Fuzen%20Entertainment.png"); 1050 clientLogoArray.push({ 1051 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f319f17305f38755f2e_Fuzen%20Entertainment.png", 1052 url: "https://www.fuzen.co.nz/", 1053 services: [ 1054 "Digital advertising", 1055 "", 1056 "", 1057 "" 1058 ], 1059 }) 1060</script>
1060</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1060<script> 1061 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f54036ebe0f6a9a63e7_Garden%20to%20Table%20Trust.png"); 1062 clientLogoArray.push({ 1063 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f54036ebe0f6a9a63e7_Garden%20to%20Table%20Trust.png", 1064 url: "https://gardentotable.org.nz/", 1065 services: [ 1066 "Marketing", 1067 "", 1068 "", 1069 "" 1070 ], 1071 }) 1072</script>
1072</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1072<script> 1073 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f7a324dedbc4b06dc09_GOOD%20with%20Nestle%CC%81.png"); 1074 clientLogoArray.push({ 1075 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a07f7a324dedbc4b06dc09_GOOD%20with%20Nestle%CC%81.png", 1076 url: "", 1077 services: [ 1078 "Visual storytelling", 1079 "", 1080 "", 1081 "" 1082 ], 1083 }) 1084</script>
1084</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1084<script> 1085 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a080e64e365a543246c6e4_Gulf%20Harbour%20Marina.png"); 1086 clientLogoArray.push({ 1087 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a080e64e365a543246c6e4_Gulf%20Harbour%20Marina.png", 1088 url: "https://gulfharbourmarina.co.nz/", 1089 services: [ 1090 "Visual storytelling", 1091 "", 1092 "", 1093 "" 1094 ], 1095 }) 1096</script>
1096</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1096<script> 1097 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0811252eb3ac377f9b62c_Guthries%20Jewellers.png"); 1098 clientLogoArray.push({ 1099 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0811252eb3ac377f9b62c_Guthries%20Jewellers.png", 1100 url: "https://www.guthries.co.nz/", 1101 services: [ 1102 "Digital advertising", 1103 "", 1104 "", 1105 "" 1106 ], 1107 }) 1108</script>
1108</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1108<script> 1109 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0813aded696f360fb3dde_Healthy%20Hospo.png"); 1110 clientLogoArray.push({ 1111 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0813aded696f360fb3dde_Healthy%20Hospo.png", 1112 url: "https://www.healthyhospo.co.nz/", 1113 services: [ 1114 "Visual storytelling", 1115 "", 1116 "", 1117 "" 1118 ], 1119 }) 1120</script>
1120</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1120<script> 1121 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0815a36b5bc73138d4ff9_Hunter%20Civil.png"); 1122 clientLogoArray.push({ 1123 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0815a36b5bc73138d4ff9_Hunter%20Civil.png", 1124 url: "https://www.huntercivil.co.nz/", 1125 services: [ 1126 "Website design", 1127 "", 1128 "", 1129 "" 1130 ], 1131 }) 1132</script>
1132</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1132<script> 1133 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a081cdc8a682e5a1874b96_Kharma%20Hemp.png"); 1134 clientLogoArray.push({ 1135 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a081cdc8a682e5a1874b96_Kharma%20Hemp.png", 1136 url: "https://www.kharmahemp.com/", 1137 services: [ 1138 "Website design", 1139 "", 1140 "", 1141 "" 1142 ], 1143 }) 1144</script>
1144</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1144<script> 1145 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08264486baa563269276c_Leighs%20Construction.png"); 1146 clientLogoArray.push({ 1147 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08264486baa563269276c_Leighs%20Construction.png", 1148 url: "https://www.leighs.co.nz/", 1149 services: [ 1150 "Website design", 1151 "", 1152 "", 1153 "" 1154 ], 1155 }) 1156</script>
1156</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1156<script> 1157 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082874978292f35b45b6c_Lion.png"); 1158 clientLogoArray.push({ 1159 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082874978292f35b45b6c_Lion.png", 1160 url: "https://www.lionco.com/", 1161 services: [ 1162 "Visual storytelling", 1163 "", 1164 "", 1165 "" 1166 ], 1167 }) 1168</script>
1168</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1168<script> 1169 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a081f75be1dcd7c10f90e6_L%27Ore%CC%81al.png"); 1170 clientLogoArray.push({ 1171 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a081f75be1dcd7c10f90e6_L%27Ore%CC%81al.png", 1172 url: "https://www.loreal.com/en/anz/", 1173 services: [ 1174 "Visual storytelling", 1175 "", 1176 "", 1177 "" 1178 ], 1179 }) 1180</script>
1180</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1180<script> 1181 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082b3486baa5632698d6b_Lyre%27s.png"); 1182 clientLogoArray.push({ 1183 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082b3486baa5632698d6b_Lyre%27s.png", 1184 url: "https://lyres.com/en-nz", 1185 services: [ 1186 "Visual storytelling", 1187 "", 1188 "", 1189 "" 1190 ], 1191 }) 1192</script>
1192</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1192<script> 1193 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082ece2b46381f3b7783b_Max%20Meyers%20%26%20Co.png"); 1194 clientLogoArray.push({ 1195 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a082ece2b46381f3b7783b_Max%20Meyers%20%26%20Co.png", 1196 url: "https://www.mmco.nz/", 1197 services: [ 1198 "Website design", 1199 "", 1200 "", 1201 "" 1202 ], 1203 }) 1204</script>
1204</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1204<script> 1205 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083505bb956888dca8db8_Mistletone.png"); 1206 clientLogoArray.push({ 1207 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083505bb956888dca8db8_Mistletone.png", 1208 url: "https://mistletone.net/home", 1209 services: [ 1210 "Visual storytelling", 1211 "", 1212 "", 1213 "" 1214 ], 1215 }) 1216</script>
1216</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1216<script> 1217 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0836d65f093d43a204df5_Mountain%20River%20Venison.png"); 1218 clientLogoArray.push({ 1219 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0836d65f093d43a204df5_Mountain%20River%20Venison.png", 1220 url: "https://www.mountainrivervenison.co.nz/", 1221 services: [ 1222 "Visual storytelling", 1223 "", 1224 "", 1225 "" 1226 ], 1227 }) 1228</script>
1228</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1228<script> 1229 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083b33c8412c2d74c82ea_Neilson%20Records.png"); 1230 clientLogoArray.push({ 1231 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083b33c8412c2d74c82ea_Neilson%20Records.png", 1232 url: "https://www.tamineilson.com/", 1233 services: [ 1234 "Digital advertising", 1235 "", 1236 "", 1237 "" 1238 ], 1239 }) 1240</script>
1240</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1240<script> 1241 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08401858e18cc50e62d31_Nestle%CC%81.png"); 1242 clientLogoArray.push({ 1243 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08401858e18cc50e62d31_Nestle%CC%81.png", 1244 url: "https://www.nestle.com.au/en", 1245 services: [ 1246 "Marketing", 1247 "", 1248 "", 1249 "" 1250 ], 1251 }) 1252</script>
1252</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1252<script> 1253 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083d98ef13436a5c51619_Nestle%CC%81%20Cook%20for%20Life.png"); 1254 clientLogoArray.push({ 1255 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a083d98ef13436a5c51619_Nestle%CC%81%20Cook%20for%20Life.png", 1256 url: "https://www.nestle.co.nz/cook-for-life", 1257 services: [ 1258 "Visual storytelling", 1259 "", 1260 "", 1261 "" 1262 ], 1263 }) 1264</script>
1264</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1264<script> 1265 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0843da3670718616ac2bc_New%20Plymouth%20District%20Council.png"); 1266 clientLogoArray.push({ 1267 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0843da3670718616ac2bc_New%20Plymouth%20District%20Council.png", 1268 url: "https://www.npdc.govt.nz/", 1269 services: [ 1270 "Digital advertising", 1271 "", 1272 "", 1273 "" 1274 ], 1275 }) 1276</script>
1276</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1276<script> 1277 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0847ce2b46381f3b97719_Next%20Gen.png"); 1278 clientLogoArray.push({ 1279 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0847ce2b46381f3b97719_Next%20Gen.png", 1280 url: "https://www.nextgenclubs.com.au/location/auckland-domain/", 1281 services: [ 1282 "Visual storytelling", 1283 "", 1284 "", 1285 "" 1286 ], 1287 }) 1288</script>
1288</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1288<script> 1289 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a084afe870a95c80fc949f_Northern%20Bass.png"); 1290 clientLogoArray.push({ 1291 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a084afe870a95c80fc949f_Northern%20Bass.png", 1292 url: "https://northernbass.co.nz/", 1293 services: [ 1294 "Digital advertising", 1295 "", 1296 "", 1297 "" 1298 ], 1299 }) 1300</script>
1300</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1300<script> 1301 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a084ed5aaa20cb7dc2efea_NSL%20Group.png"); 1302 clientLogoArray.push({ 1303 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a084ed5aaa20cb7dc2efea_NSL%20Group.png", 1304 url: "https://nsl.co.nz/", 1305 services: [ 1306 "Visual storytelling", 1307 "", 1308 "", 1309 "" 1310 ], 1311 }) 1312</script>
1312</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1312<script> 1313 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08513d6f6cb9eda0f95a6_On%20Being%20Bold.png"); 1314 clientLogoArray.push({ 1315 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08513d6f6cb9eda0f95a6_On%20Being%20Bold.png", 1316 url: "https://www.onbeingbold.co.nz/", 1317 services: [ 1318 "Visual storytelling", 1319 "", 1320 "", 1321 "" 1322 ], 1323 }) 1324</script>
1324</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1324<script> 1325 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0852e3814d518e3929a63_OnePure.png"); 1326 clientLogoArray.push({ 1327 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0852e3814d518e3929a63_OnePure.png", 1328 url: "https://www.onepure.co.nz/", 1329 services: [ 1330 "Marketing", 1331 "", 1332 "", 1333 "" 1334 ], 1335 }) 1336</script>
1336</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1336<script> 1337 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085594a715dc87cd743e5_Oosterom.png"); 1338 clientLogoArray.push({ 1339 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085594a715dc87cd743e5_Oosterom.png", 1340 url: "https://www.oosteromofficial.com/", 1341 services: [ 1342 "Marketing", 1343 "", 1344 "", 1345 "" 1346 ], 1347 }) 1348</script>
1348</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1348<script> 1349 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085775aaa20cb7dc3b585_Page%201%20Management.png"); 1350 clientLogoArray.push({ 1351 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085775aaa20cb7dc3b585_Page%201%20Management.png", 1352 url: "https://www.page1management.com/", 1353 services: [ 1354 "Digital advertising", 1355 "", 1356 "", 1357 "" 1358 ], 1359 }) 1360</script>
1360</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1360<script> 1361 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085a2417c2a8427138367_Periscope.png"); 1362 clientLogoArray.push({ 1363 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085a2417c2a8427138367_Periscope.png", 1364 url: "https://www.periscope.co.nz/", 1365 services: [ 1366 "Visual storytelling", 1367 "", 1368 "", 1369 "" 1370 ], 1371 }) 1372</script>
1372</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1372<script> 1373 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085e065f093d43a2377dc_Q%20Theatre.png"); 1374 clientLogoArray.push({ 1375 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a085e065f093d43a2377dc_Q%20Theatre.png", 1376 url: "https://www.qtheatre.co.nz/", 1377 services: [ 1378 "Digital advertising", 1379 "", 1380 "", 1381 "" 1382 ], 1383 }) 1384</script>
1384</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1384<script> 1385 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08613fba24b816d63b77d_Rack%20Studs.png"); 1386 clientLogoArray.push({ 1387 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08613fba24b816d63b77d_Rack%20Studs.png", 1388 url: "https://www.rackstuds.com/", 1389 services: [ 1390 "Marketing", 1391 "", 1392 "", 1393 "" 1394 ], 1395 }) 1396</script>
1396</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1396<script> 1397 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08640e145b4819117bb3e_Shapeshifter.png"); 1398 clientLogoArray.push({ 1399 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08640e145b4819117bb3e_Shapeshifter.png", 1400 url: "https://shapeshifter.co.nz/", 1401 services: [ 1402 "Marketing", 1403 "", 1404 "", 1405 "" 1406 ], 1407 }) 1408</script>
1408</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1408<script> 1409 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0866cc2843adb51606739_Sleep%20Loop.png"); 1410 clientLogoArray.push({ 1411 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0866cc2843adb51606739_Sleep%20Loop.png", 1412 url: "https://www.sleeploop.co/", 1413 services: [ 1414 "Marketing", 1415 "", 1416 "", 1417 "" 1418 ], 1419 }) 1420</script>
1420</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1420<script> 1421 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087115aaa20cb7dc5f82d_Solve%20Electrical.png"); 1422 clientLogoArray.push({ 1423 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087115aaa20cb7dc5f82d_Solve%20Electrical.png", 1424 url: "https://www.solveelectrical.co.nz/", 1425 services: [ 1426 "Visual storytelling", 1427 "", 1428 "", 1429 "" 1430 ], 1431 }) 1432</script>
1432</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1432<script> 1433 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087899609ac76408956d4_The%20Being%20Way.png"); 1434 clientLogoArray.push({ 1435 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087899609ac76408956d4_The%20Being%20Way.png", 1436 url: "https://www.thebeingway.co/book-now", 1437 services: [ 1438 "Website design", 1439 "", 1440 "", 1441 "" 1442 ], 1443 }) 1444</script>
1444</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1444<script> 1445 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087bc417c2a842716039f_The%20Chills.png"); 1446 clientLogoArray.push({ 1447 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087bc417c2a842716039f_The%20Chills.png", 1448 url: "https://www.thechills.band/", 1449 services: [ 1450 "Digital advertising", 1451 "", 1452 "", 1453 "" 1454 ], 1455 }) 1456</script>
1456</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1456<script> 1457 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a005a59970d9fd94857147_56.png"); 1458 clientLogoArray.push({ 1459 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a005a59970d9fd94857147_56.png", 1460 url: "https://www.thedatsuns.com/", 1461 services: [ 1462 "Digital advertising", 1463 "", 1464 "", 1465 "" 1466 ], 1467 }) 1468</script>
1468</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1468<script> 1469 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087ef0cf791443dbf5027_The%20New%20Zealand%20Dance%20Company.png"); 1470 clientLogoArray.push({ 1471 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a087ef0cf791443dbf5027_The%20New%20Zealand%20Dance%20Company.png", 1472 url: "https://nzdc.org.nz", 1473 services: [ 1474 "Marketing", 1475 "", 1476 "", 1477 "" 1478 ], 1479 }) 1480</script>
1480</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1480<script> 1481 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08818e8d0ff2151bf1e50_Tironui%20Music%20Trust.png"); 1482 clientLogoArray.push({ 1483 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a08818e8d0ff2151bf1e50_Tironui%20Music%20Trust.png", 1484 url: "https://www.tironui.org.nz/", 1485 services: [ 1486 "Website design", 1487 "", 1488 "", 1489 "" 1490 ], 1491 }) 1492</script>
1492</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1492<script> 1493 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0889059e554eebdb9c4fc_WellMe.png"); 1494 clientLogoArray.push({ 1495 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a0889059e554eebdb9c4fc_WellMe.png", 1496 url: "https://www.facebook.com/wellmenz/", 1497 services: [ 1498 "Marketing", 1499 "Website design", 1500 "", 1501 "" 1502 ], 1503 }) 1504</script>
1504</div></div><div role="listitem" class="data_item w-dyn-item"><div class="w-embed w-script">
1504<script> 1505 // clientLogoArray.push("https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a088388aa88805604a034e_WWF.png"); 1506 clientLogoArray.push({ 1507 logo: "https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a088388aa88805604a034e_WWF.png", 1508 url: "https://www.instagram.com/whaletales2022/", 1509 services: [ 1510 "Visual storytelling", 1511 "", 1512 "", 1513 "" 1514 ], 1515 }) 1516</script>
1516</div></div></div></div><div class="w-embed w-script"><div class="logos-container"> 1517 <div class="logos-list" id="logosGrid"></div> 1518</div>
1519<script> 1520 document.addEventListener('DOMContentLoaded', function() { 1521 const logosGrid = document.getElementById('logosGrid'); 1522 1523 // Get current pathname and handle homepage case 1524 const currentPath = window.location.pathname; 1525 const isHomepage = currentPath === '/' || currentPath === ''; 1526 const isCaseStudiesPage = currentPath === '/case-studies' || currentPath.includes('case-study'); 1527 1528 // Filter logos based on service if not homepage 1529 const filteredLogos = (isHomepage || isCaseStudiesPage) 1530 ? clientLogoArray 1531 : clientLogoArray.filter(logo => { 1532 if (!logo.services || !Array.isArray(logo.services)) return false; 1533 1534 // Remove leading slash if present for comparison 1535 const pathToCompare = currentPath.startsWith('/') ? currentPath.slice(1) : currentPath; 1536 1537 // Check if any of the services match the current path 1538 return logo.services.some(service => { 1539 // Convert each service to URL-friendly format (lowercase, replace spaces with hyphens) 1540 const serviceUrl = service.toLowerCase().replace(/\s+/g, '-'); 1541 return serviceUrl === pathToCompare; 1542 }); 1543 }); 1544 1545 // Calculate logos per column 1546 const totalLogos = filteredLogos.length; 1547 const logosPerColumn = Math.ceil(totalLogos / 3); 1548 1549 // Create three columns 1550 for (let i = 0; i < 3; i++) { 1551 // Create Splide container structure 1552 const splideContainer = document.createElement('div'); 1553 const splideTrack = document.createElement('div'); 1554 const splideList = document.createElement('div'); 1555 1556 // Set proper classes 1557 splideContainer.className = 'splide'; 1558 splideTrack.className = 'splide__track'; 1559 splideList.className = 'splide__list'; 1560 1561 // Calculate start and end indices for this column 1562 const startIndex = i * logosPerColumn; 1563 const endIndex = Math.min((i + 1) * logosPerColumn, totalLogos); 1564 1565 // Add logos to this column 1566 for (let j = startIndex; j < endIndex; j++) { 1567 const splideSlide = document.createElement('div'); 1568 splideSlide.className = 'splide__slide'; 1569 1570 const logoWrapper = document.createElement('a'); 1571 logoWrapper.className = 'logo-item'; 1572 1573 // If URL exists, make it clickable; otherwise, keep it as a div 1574 if (clientLogoArray[j].url) { 1575 logoWrapper.href = filteredLogos[j].url; 1576 logoWrapper.target = '_blank'; // Open in new tab 1577 logoWrapper.rel = 'noopener noreferrer'; // Security best practice 1578 } else { 1579 logoWrapper.style.cursor = 'default'; 1580 } 1581 1582 const img = document.createElement('img'); 1583 img.src = filteredLogos[j].logo; 1584 img.alt = `Client logo ${j + 1}`; 1585 img.loading = 'lazy'; 1586 1587 logoWrapper.appendChild(img); 1588 splideSlide.appendChild(logoWrapper); 1589 splideList.appendChild(splideSlide); 1590 } 1591 1592 // Assemble the Splide structure 1593 splideTrack.appendChild(splideList); 1594 splideContainer.appendChild(splideTrack); 1595 logosGrid.appendChild(splideContainer); 1596 1597 // Modify revert for middle column 1598 const speed = i === 1 ? -0.5 : 0.5; 1599 1600 // Initialize Splide with optimized settings 1601 new Splide(splideContainer, { 1602 arrows: false, 1603 pagination: false, 1604 type: 'loop', 1605 fixedWidth: '300px', 1606 gap: '2rem', 1607 autoScroll: { 1608 speed: speed, 1609 pauseOnHover: true, 1610 pauseOnFocus: false, 1611 rewind: false, 1612 }, 1613 throttle: 100, // Add throttling to smooth performance 1614 updateOnMove: true, 1615 lazyLoad: 'nearby', 1616 preloadPages: 2, 1617 flickMaxPages: 3, 1618 easing: 'cubic-bezier(0.4, 0.0, 0.2, 1)', // Smooth easing 1619 }).mount(window.splide.Extensions); 1620 } 1621}); 1622</script>
1622</div></div></div></div></section><section data-w-id="c2e1ce16-dd11-fbeb-a6e2-0cc0a56e55b8" class="section background-color-primary testimonial-section"><div class="position-relative overflow-hidden testimonial-container"><div class="padding-global padding-section-large"><div class="d-flex flex-vertical gap-sm testimonial-heading"><h1 data-w-id="c2e1ce16-dd11-fbeb-a6e2-0cc0a56e55bc" class="h1-special-small text-color-primary">AND THEYâVE SAID SOME</h1><h1 data-w-id="c2e1ce16-dd11-fbeb-a6e2-0cc0a56e55be" class="h1-special text-color-primary">PRETTY KIND WORDS</h1></div></div><div class="container-xlarge"><div class="padding-global padding-medium"><div><div class="splide testimonial-splide"><div class="max-width-xlarge margin-auto"><div class="splide__track testimonial-track w-dyn-list"><div role="list" class="splide__list testimonial-list w-dyn-items"><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"OMG!!! I have goosebumps! YOU GUYS ARE AWESOME! Thank you from the bottom of my heartâso good to see everything coming together! The work has been so well received itâs even been shared globally. It feels like a true partnership!"</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a127b583fb0f4ca4aa2ffa_Amanda%20McDermott.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Amanda McDermott</div><div class="d-flex flex-vertical gap-xs"><div>Nestlé New Zealand</div><div>//</div><div class="text-weight-semibold">Corporate Brand & Sustainability Manager</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"Philip and his team are legends. An absolute pleasure to work with, they make my job easier and they know their stuff! Highly skilled and super-efficient, my go-to in many aspects of creative work."</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d76a12c562e61cf79f2fc_Aimee%20Stewart.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Aimee Stewart</div><div class="d-flex flex-vertical gap-xs"><div>Lion</div><div>//</div><div class="text-weight-semibold">Executive Assistant to Managing Director</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"Price point, ability to capture the brief and translate it to a great, meaningful video. The whole team was wonderful to work with, and the time it took to send me the first cut of the video was efficient. Overall, an incredible experience."</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a127cb194eacb19455adf7_Emily%20Hett.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Emily Hett</div><div class="d-flex flex-vertical gap-xs"><div>Flux Federation</div><div>//</div><div class="text-weight-semibold">Talent and Organisational Development Manager</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"Pop That people are smart, honest, reliable and basically just really nice people! I've really appreciated the support, advice and help provided over the past few months by Philip and the team."</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d758f25aa44a47d39ebd5_Terri%20Cumiskey.jpeg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d758f25aa44a47d39ebd5_Terri%20Cumiskey-p-500.jpeg 500w, https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d758f25aa44a47d39ebd5_Terri%20Cumiskey.jpeg 800w" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Terri Cumiskey</div><div class="d-flex flex-vertical gap-xs"><div>Te Ahurei Toi o TÄmaki Auckland Arts Festival</div><div>//</div><div class="text-weight-semibold">Head of Marketing and Communications</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"10/10. Amazingly easy and great to deal with (even on ridiculous timelines). It was a great time working with you all :)"</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/67a00334c9c9f5c8916c0666_Natalie%20Johnson.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Natalie Johnson</div><div class="d-flex flex-vertical gap-xs"><div>PepsiCo</div><div>//</div><div class="text-weight-semibold">Shopper Lead and Category Manager</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"Phil and his team are excellent to work with. They understand our needs, deliver a really good service and we'
1622ve benefited immensely over the last 4 years. They always delivered on time and on budget and, best of all, keep making us look good!"</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d75df8c2cc618054f1876_Gareth%20O%27Donnell.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Gareth O'Donnell</div><div class="d-flex flex-vertical gap-xs"><div>WellMe</div><div>//</div><div class="text-weight-semibold">CEO</div></div></div></div></div></div><div role="listitem" class="splide__slide testimonial-slide w-dyn-item"><div class="testimonial-block text-color-primary"><p class="text-size-xlarge text-weight-medium testimonial-content">"I love Philip and his crew of humans at Pop That. Work doesn't feel like work, and business associates feel more like family. One of my greatest appreciations is how they see the greater vision of what you are trying to achieve. No task seems too difficult or silly to talk through."</p><div class="d-flex gap-md align-center margin-vertical margin-large"><img src="https://cdn.prod.website-files.com/6741bcb4e42caea6f3c1da5a/679d7660bb2d4af1a1c141f6_Bree%20Nicholls.jpg" loading="lazy" alt="" class="testmonial__profile-image"/><div class="testimonial-author-info"><div class="text-size-large text-weight-bold">Bree Nicholls</div><div class="d-flex flex-vertical gap-xs"><div>The Being Way</div><div>//</div><div class="text-weight-semibold">Life, Relationship, & Business Coach</div></div></div></div></div></div></div></div></div></div><div class="w-embed w-script">
1622<script> 1623 // Testimonial Sliding 1624 document.addEventListener('DOMContentLoaded', function() { 1625 // Debug: Check if elements exist 1626 const splideElement = document.querySelector('.splide.testimonial-splide'); 1627 const trackElement = document.querySelector('.splide__track.testimonial-track.w-dyn-list'); 1628 const listElement = document.querySelector('.splide__list.testimonial-list.w-dyn-items'); 1629 1630 if (splideElement && trackElement && listElement) { 1631 var splide = new Splide('.testimonial-splide', { 1632 arrows: false, 1633 pagination: true, 1634 type: 'fade', 1635 perPage: 1, 1636 rewind: true, 1637 autoplay: true, 1638 classes: { 1639 track: 'splide__track testimonial-track w-dyn-list', 1640 list: 'splide__list testimonial-list w-dyn-items' 1641 } 1642 }); 1643 try { 1644 splide.mount(); 1645 console.log('Splide mounted successfully'); 1646 } catch (error) { 1647 console.error('Error mounting Splide:', error); 1648 } 1649 } else { 1650 console.error('Required elements not found'); 1651 } 1652 }); 1653</script>
1653</div></div></div></div><div class="padding-global"><div class="block__footer testimonial-block-footer"><div class="text-color-primary">TESTIMONIALS</div><div class="text-color-primary">FROM PEOPLE JUST LIKE YOU</div></div></div></div></section><section class="section background-color-primary ready-to-section"><div class="position-relative overflow-hidden ready-to-container"><div class="padding-global padding-section-large"><div class="responsive-width-80"><div class="d-flex flex-vertical gap-sm"><h1 data-w-id="a5de1c78-2329-68e5-d32b-c690560cacd9" class="h1-special-small text-color-primary">ARE YOU READY TO</h1><h1 data-w-id="a5de1c78-2329-68e5-d32b-c690560cacdb" class="h1-special text-color-primary">TAKE YOUR BRAND TO THE NEXT <br/>LEVEL?</h1></div></div><div class="block__footer"><div class="text-color-primary"><strong> </strong></div><div class="text-color-primary">LET'S GET THE BALL ROLLING</div></div></div></div></section><section class="section background-color-primary"><div class="container-xlarge"><div class="position-relative overflow-hidden"><div class="padding-global padding-section-large"><div class="responsive-width-1-2 margin-left margin-auto"><p class="text-color-primary text-size-large text-weight-semibold">Weâre here to craft remarkable partnerships with people just like you. Get in touch with our team today!</p></div><div class="contact-form__container"><div id="Basic-Contact-Form" class="contact-form__block w-form"><form id="wf-form-Basic-Contact-Form" name="wf-form-Basic-Contact-Form" data-name="Basic Contact Form" method="post" class="contact-form" data-wf-page-id="674833159a341a11b722292c" data-wf-element-id="fe72f57b-54e9-3ef4-9941-529e3464efab" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="contact-form__input-container"><div id="w-node-fe72f57b-54e9-3ef4-9941-529e3464efad-3464efa3" class="d-flex flex-vertical gap-sm"><input class="contact-form__text-input w-input" maxlength="256" name="Name" data-name="Name" placeholder="Name" type="text" id="name"/><input class="contact-form__text-input w-input" maxlength="256" name="Email" data-name="Email" placeholder="Email" type="email" id="email" required=""/></div><div id="w-node-fe72f57b-54e9-3ef4-9941-529e3464efb0-3464efa3" class="d-flex flex-vertical gap-sm"><input class="contact-form__text-input w-input" maxlength="256" name="Company" data-name="Company" placeholder="Company" type="text" id="company"/><input class="contact-form__text-input w-input" maxlength="256" name="Phone" data-name="Phone" placeholder="Phone" type="tel" id="phone"/></div><div id="w-node-fe72f57b-54e9-3ef4-9941-529e3464efb3-3464efa3" class="margin-vertical margin-medium"><textarea id="message" name="Message" maxlength="5000" data-name="Message" placeholder="Message" class="contact-form__textarea w-input"></textarea></div></div><div data-sitekey="6LfO5NwqAAAAAF5oKea_3i_aS5Y4NDogeN4y-gbA" class="w-form-formrecaptcha contact-form__recaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled"></div><input type="submit" data-wait="Please wait..." class="popthat-button w-button" value="SUBMIT"/></form><div class="contract-form__success w-form-done"><div class="text-size-large text-color-primary">Thank you! Your submission has been received!<br/>We'll contact you soon!</div></div><div class="contact-form__error w-form-fail"><div>Oops! Something went wrong while submitting the form. Please try again later.</div></div></div></div></div></div></div></section><section class="section background-color-primary"><div class="position-relative overflow-hidden"><div class="padding-global"><div class="padding-top padding-large"><h1 data-w-id="9d27adbd-749a-0195-8da7-eea807ebf06f" class="h1-special-large text-color-primary">SUBSCRIBE</h1></div></div><div class="padding-global"><div class="max-width-medium margin-left margin-auto"><div class="footer__subscribe-block"><div class="footer__subscribe-form-container w-form"><form id="subscribe-form" name="wf-form-Subscribe-Email" data-name="Subscribe Email" method="get" data-w-id="9d27adbd-749a-0195-8da7-eea807ebf074" class="footer__subscribe-form" data-wf-page-id="674833159a341a11b722292c" data-wf-element-id="9d27adbd-749a-0195-8da7-eea807ebf074" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><input class="special-text-input w-input" maxlength="256" name="Subscribe-Email" data-name="Subscribe Email" placeholder="VIA EMAIL HERE" type="email" id="subscribe-email" required=""/><input type="submit" data-wait="Please wait..." id="footer-subscribe-button" class="footer__subscribe-button w-button" value="Submit"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><div class="hide w-embed w-script">
1653<script> 1654 // Get the form elements 1655 const form = document.getElementById('subscribe-form'); 1656 const emailInput = document.getElementById('subscribe-email'); 1657 const submitButton = document.getElementById('footer-subscribe-button'); 1658 1659 // Email regex pattern for validation 1660 const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 1661 1662 // Initially hide the submit button 1663 submitButton.style.display = 'none'; 1664 submitButton.disabled = true; 1665 1666 // Function to validate email 1667 function validateEmail(email) { 1668 return emailPattern.test(email); 1669 } 1670 1671 // Function to handle input changes 1672 function handleInputChange() { 1673 const email = emailInput.value.trim(); 1674 const isValid = validateEmail(email); 1675 1676 if (isValid) { 1677 submitButton.style.display = 'block'; 1678 submitButton.disabled = false; 1679 } else { 1680 submitButton.style.display = 'none'; 1681 submitButton.disabled = true; 1682 } 1683 } 1684 1685 // Add event listeners 1686 emailInput.addEventListener('input', handleInputChange); 1687 emailInput.addEventListener('change', handleInputChange); 1688</script>
1688</div></div></div><div class="grid-cols-2"><div class="width-100"><div data-w-id="9d27adbd-749a-0195-8da7-eea807ebf07e" class="grid-cols-2 gap-sm"><div class="d-flex flex-vertical gap-xs"><a href="/digital-advertising" class="link">DIGITALÂ ADVERTISING</a><a href="/visual-storytelling" aria-current="page" class="link w--current">VISUALÂ STORYTELLING</a><a href="/website-design" class="link">WEBSITEÂ DESIGN</a><a href="/marketing" class="link">MARKETING</a></div><div class="d-flex flex-vertical gap-xs"><a href="/meet-the-crew" class="link">THEÂ CREW</a><a href="/case-studies" class="link">CASEÂ STUDIES</a><a href="/contact-us" class="link">CONTACTÂ US</a></div></div></div><div class="width-100"><div data-w-id="5a195a7d-209c-6e0d-f2f4-bf8751d01205" class="footer__social-icon-container"><a href="https://www.instagram.com/popthat.nz/" target="_blank" class="footer__social-icon w-inline-block"><div class="icon-1x1-xlarge w-embed"><svg viewBox="0 0 66 67" fill="none" xmlns="http://www.w3.org/2000/svg"> 1689<path d="M44.1412 33.1436C44.1412 32.2471 44.0098 31.2715 43.7471 30.2168H47.0576V46.1953C47.0576 46.6172 46.9131 46.96 46.6241 47.2236C46.3351 47.4873 45.9804 47.6191 45.56 47.6191H19.6271C19.2067 47.6191 18.8651 47.4873 18.6024 47.2236C18.3396 46.96 18.2082 46.6172 18.2082 46.1953V30.2168H21.44C21.1773 31.2715 21.0459 32.2471 21.0459 33.1436C21.0459 34.7256 21.348 36.2285 21.9524 37.6523C22.5567 39.0762 23.3843 40.3022 24.4353 41.3306C25.4863 42.3589 26.7212 43.1763 28.14 43.7827C29.5588 44.3892 31.0565 44.6924 32.6329 44.6924C34.2094 44.6924 35.7071 44.3892 37.1259 43.7827C38.5447 43.1763 39.7665 42.3589 40.7912 41.3306C41.8159 40.3022 42.6304 39.0762 43.2347 37.6523C43.839 36.2285 44.1412 34.7256 44.1412 33.1436ZM32.6329 40.3418C31.6345 40.3418 30.6886 40.1572 29.7953 39.7881C28.902 39.4189 28.1269 38.9048 27.47 38.2456C26.8131 37.5864 26.3008 36.8218 25.9329 35.9517C25.5651 35.0815 25.3812 34.1455 25.3812 33.1436C25.3812 32.1416 25.5651 31.1924 25.9329 30.2959C26.3008 29.3994 26.8131 28.6216 27.47 27.9624C28.1269 27.3032 28.902 26.7891 29.7953 26.4199C30.6886 26.0508 31.6345 25.8662 32.6329 25.8662C33.6314 25.8662 34.5641 26.0508 35.4312 26.4199C36.2982 26.7891 37.0602 27.3032 37.7171 27.9624C38.3739 28.6216 38.8863 29.3994 39.2541 30.2959C39.622 31.1924 39.8059 32.1416 39.8059 33.1436C39.8059 34.1455 39.622 35.0815 39.2541 35.9517C38.8863 36.8218 38.3739 37.5864 37.7171 38.2456C37.0602 38.9048 36.2982 39.4189 35.4312 39.7881C34.5641 40.1572 33.6314 40.3418 32.6329 40.3418ZM45.56 18.668C45.9804 18.668 46.3351 18.7998 46.6241 19.0635C46.9131 19.3271 47.0576 19.6699 47.0576 20.0918V24.4424C47.0576 24.8643 46.9131 25.207 46.6241 25.4707C46.3351 25.7344 45.9804 25.8662 45.56 25.8662H41.2247C40.8043 25.8662 40.4627 25.7344 40.2 25.4707C39.9373 25.207 39.8059 24.8643 39.8059 24.4424V20.0918C39.8059 19.6699 39.9373 19.3271 40.2 19.0635C40.4627 18.7998 40.8043 18.668 41.2247 18.668H45.56ZM49.4224 0C51.682 0 53.8233 0.435059 55.8465 1.30518C57.8696 2.17529 59.63 3.36182 61.1276 4.86475C62.6253 6.36768 63.8076 8.12109 64.6747 10.125C65.5418 12.1289 65.9753 14.2646 65.9753 16.5322V49.5967C65.9753 51.8643 65.5418 54.0132 64.6747 56.0435C63.8076 58.0737 62.6253 59.8403 61.1276 61.3433C59.63 62.8462 57.8696 64.0327 55.8465 64.9028C53.8233 65.7729 51.682 66.208 49.4224 66.208H16.4741C14.2145 66.208 12.0863 65.7729 10.0894 64.9028C8.09255 64.0327 6.34529 62.8462 4.84765 61.3433C3.35 59.8403 2.16765 58.0737 1.30059 56.0435C0.433529 54.0132 0 51.8643 0 49.5967V16.5322C0 14.2646 0.433529 12.1289 1.30059 10.125C2.16765 8.12109 3.35 6.36768 4.84765 4.86475C6.34529 3.36182 8.09255 2.17529 10.0894 1.30518C12.0863 0.435059 14.2145 0 16.4741 0H49.4224ZM51.3929 18.668C51.3929 17.4551 50.9725 16.4268 50.1318 15.583C49.291 14.7393 48.2663 14.3174 47.0576 14.3174H18.2082C16.9996 14.3174 15.9749 14.7393 15.1341 15.583C14.2933 16.4268 13.8729 17.4551 13.8729 18.668V47.6191C13.8729 48.832 14.2933 49.8604 15.1341 50.7041C15.9749 51.5479 16.9996 51.9697 18.2082 51.9697H47.0576C48.2663 51.9697 49.291 51.5479 50.1318 50.7041C50.9725 49.8604 51.3929 48.832 51.3929 47.6191V18.668Z" fill="currentColor"/> 1690</svg></div></a><a href="https://www.facebook.com/popthat.nz" target="_blank" class="footer__social-icon w-inline-block"><div class="icon-1x1-xlarge w-embed"><svg viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg"> 1691<path d="M33.0271 0.0107422C37.5988 0.0107422 41.8947 0.880859 45.9147 2.62109C49.9347 4.36133 53.4424 6.73438 56.4376 9.74023C59.4329 12.7461 61.7976 16.2529 63.5318 20.2607C65.2659 24.2686 66.1329 28.5664 66.1329 33.1543C66.1329 37.7422 65.2659 42.0532 63.5318 46.0874C61.7976 50.1216 59.4329 53.6416 56.4376 56.6475C53.4424 59.6533 49.9347 62.0264 45.9147 63.7666C41.8947 65.5068 37.5988 66.377 33.0271 66.377C28.4553 66.377 24.1725 65.5068 20.1788 63.7666C16.1851 62.0264 12.6906 59.6533 9.69529 56.6475C6.7 53.6416 4.33529 50.1216 2.60118 46.0874C0.867059 42.0532 0 37.7422 0 33.1543C0 28.5664 0.867059 24.2686 2.60118 20.2607C4.33529 16.2529 6.7 12.7461 9.69529 9.74023C12.6906 6.73438 16.1851 4.36133 20.1788 2.62109C24.1725 0.880859 28.4553 0.0107422 33.0271 0.0107422ZM45.4812 14.4863H38.4659C37.0996 14.4863 35.8384 14.7236 34.6824 15.1982C33.5263 15.6729 32.5147 16.3057 31.6476 17.0967C30.7806 17.8877 30.1106 18.7842 29.6376 19.7861C29.1647 20.7881 28.9282 21.79 28.9282 22.792V26.9844H22.7012V35.2109H28.9282V51.8223H37.2047V35.2109H43.3529V26.9844H37.2047V24.8486C37.2047 24.2158 37.4543 23.7148 37.9535 23.3457C38.4527 22.9766 38.8863 22.792 39.2541 22.792H45.4812V14.4863Z" fill="currentColor"/> 1692</svg></div></a><a href="https://www.linkedin.com/company/pop-that/" target="_blank" class="footer__social-icon w-inline-block"><div class="icon-1x1-xlarge w-embed"><svg viewBox="0 0 66 68" fill="none" xmlns="http://www.w3.org/2000/svg"> 1693<path d="M49.5012 0.0107422C51.7608 0.0107422 53.889 0.451172 55.8859 1.33203C57.8827 2.21289 59.63 3.41406 61.1276 4.93555C62.6253 6.45703 63.8076 8.2321 64.6747 10.2607C65.5418 12.2894 65.9753 14.4515 65.9753 16.7471V50.2197C65.9753 52.5153 65.5418 54.6908 64.6747 56.7461C63.8076 58.8014 62.6253 60.5898 61.1276 62.1113C59.63 63.6328 57.8827 64.834 55.8859 65.7148C53.889 66.5957 51.7608 67.0361 49.5012 67.0361H16.4741C14.2145 67.0361 12.0863 66.5957 10.0894 65.7148C8.09255 64.834 6.34529 63.6328 4.84765 62.1113C3.35 60.5898 2.16765 58.8014 1.30059 56.7461C0.433529 54.6908 0 52.5153 0 50.2197V16.7471C0 14.4515 0.433529 12.2894 1.30059 10.2607C2.16765 8.2321 3.35 6.45703 4.84765 4.93555C6.34529 3.41406 8.09255 2.21289 10.0894 1.33203C12.0863 0.451172 14.2145 0.0107422 16.4741 0.0107422H49.5012ZM22.7012 25.1553H14.4247V52.3818H22.7012V25.1553ZM18.6024 22.9932C19.7059 22.9932 20.6649 22.5928 21.4794 21.792C22.2939 20.9912 22.7012 20.0036 22.7012 18.8291C22.7012 17.6546 22.2939 16.667 21.4794 15.8662C20.6649 15.0654 19.7059 14.665 18.6024 14.665C17.4463 14.665 16.461 15.0654 15.6465 15.8662C14.832 16.667 14.4247 17.6546 14.4247 18.8291C14.4247 20.0036 14.832 20.9912 15.6465 21.792C16.461 22.5928 17.4463 22.9932 18.6024 22.9932ZM51.5506 36.6064C51.5506 34.6846 51.0251 32.8027 49.974
16931 30.9609C48.9231 29.1191 47.5569 27.7178 45.8753 26.7568C44.3514 25.9027 42.5778 25.4489 40.5547 25.3955C38.5316 25.3421 36.7055 25.6891 35.0765 26.4365V25.1553H26.8V52.3818H35.0765V35.7256L38.4659 34.0439C38.8863 33.8304 39.4643 33.7236 40.2 33.7236C40.9357 33.7236 41.4874 33.8571 41.8553 34.124C42.1706 34.2842 42.4859 34.6312 42.8012 35.165C43.1165 35.6989 43.2741 36.1794 43.2741 36.6064V52.3818H51.5506V36.6064Z" fill="currentColor"/> 1694</svg></div></a></div></div></div></div><div class="margin-top margin-large"><div class="position-relative width-100"><a href="/" class="footer__logo w-inline-block"><img src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo.webp" loading="lazy" sizes="(max-width: 996px) 100vw, 996px" srcset="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo-p-500.webp 500w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo-p-800.webp 800w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67396ae4af48d8385607a067_popthat_logo.webp 996w" alt=""/></a><img src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-500.png 500w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-800.png 800w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-1080.png 1080w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-1600.png 1600w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-2000.png 2000w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave-p-2600.png 2600w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/673968c7e3d20c0de4f2cd1e_footer_wave.png 3024w" alt="" class="footer__pattern-image"/><div class="footer__bottom"><div id="w-node-_37d875cd-c6ca-45df-0522-31de80d75af7-07ebf06c" class="text-color-primary"><strong>© Copyright Pop That 2026</strong></div><a id="w-node-_4d9a7840-dbc6-2d2c-9ac0-e6a19f4ab685-07ebf06c" href="/privacy-policy" class="footer__bottom-link">PRIVACY POLICY</a><a href="/terms-conditions" class="footer__bottom-link">TERMS AND CONDITIONS</a></div></div></div><div data-w-id="576f3ed9-e61f-8129-6dae-e6b0c38821f3" class="footer__popup-container"><div class="footer__popup-box"><div class="footer__popup-content-wrapper"><div class="footer__popup-image"><img src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67976799de77539c83cb6f3c_garden_to_table_logo.jpg" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67976799de77539c83cb6f3c_garden_to_table_logo-p-500.jpg 500w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67976799de77539c83cb6f3c_garden_to_table_logo-p-800.jpg 800w, https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/67976799de77539c83cb6f3c_garden_to_table_logo.jpg 900w" alt="" class="image object-contain"/></div><div class="footer__popup-box-content"><h6 class="text-color-primary text-size-small">We're proud supporters of <a href="https://gardentotable.org.nz/" target="_blank" class="link underline text-size-small">Garden to Table</a></h6><p class="text-color-primary text-size-tiny">Helping over 34,000 tamariki across 320+ schools in Aotearoa New Zealand learn to grow, harvest, prepare, and share kai.</p></div></div></div></div></div></section></div></div>
1694<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67347cf267b28cd4256c3340" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1694<script src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
1694<script src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/js/webflow.schunk.b02c3f69f54632c8.js" type="text/javascript" integrity="sha384-zXA1vsj+JkE6wW0W4Q153u4Lmq95LjnzJpscVsV+u6GNKmoS4Kd8bTHJ6iP4MwD4" crossorigin="anonymous"></script>
1694<script src="https://cdn.prod.website-files.com/67347cf267b28cd4256c3340/js/webflow.416f875b.3c49c0cf78123821.js" type="text/javascript" integrity="sha384-TAb8t5j1d1nqqKDBB33nbzNQtB0MLsziO6pRHTi+/ajXC//8NfLuuR9K6iNCToEy" crossorigin="anonymous"></script>
1694<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1694-1695
1694 1695<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1695GTM-K67R674
vendor: 86 bytes, line 1695
1695" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
1696<!-- End Google Tag Manager (noscript) --> 1697<!-- Video JS -->
1698<script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script>
vendor: 1 bytes, line 1698
1698
1699<script> 1700 // Function to wrap each character in a span 1701 function wrapLetters(selector) { 1702 const elements = document.querySelectorAll(selector); 1703 elements.forEach((element) => { 1704 element.innerHTML = element.textContent.replace(/\S/g, "<span class='letter'>$&</span>"); 1705 }); 1706 } 1707 1708 // Function to create the animation timeline for an element 1709 function createTextAnimation(elementId) { 1710 return anime 1711 .timeline({ loop: false }) 1712 .add({ 1713 targets: `#${elementId} .letter`, 1714 scale: [4, 1], 1715 opacity: [0, 1], 1716 translateZ: 0, 1717 easing: 'easeOutExpo', 1718 duration: 950, 1719 delay: (el, i) => 70 * i, 1720 }) 1721 .add({ 1722 targets: `#${elementId}`, 1723 opacity: 1, 1724 duration: 1000, 1725 easing: 'easeOutExpo', 1726 delay: 1000, 1727 }); 1728 } 1729 1730 // Initialize animations for all intro elements 1731 function initIntroAnimations() { 1732 // First wrap all letters 1733 wrapLetters('[id^="intro-"]'); 1734 1735 // Create timeline for each intro element 1736 const introElements = document.querySelectorAll('[id^="intro-"]'); 1737 introElements.forEach((element, index) => { 1738 createTextAnimation(element.id); 1739 }); 1740 } 1741 1742 // Anime text usage 1743 document.addEventListener('DOMContentLoaded', initIntroAnimations); 1744 // ==================== // 1745 // Header Dropdown menu // 1746 // ==================== // 1747 const servicesTriggerDropdown = document.querySelector('#services-trigger-dropdown'); 1748 const servicesDropdownMenu = document.querySelector('#services-dropdown'); 1749 const aboutTriggerDropdown = document.querySelector('#about-trigger-dropdown'); 1750 const aboutDropdownMenu = document.querySelector('#about-dropdown'); 1751 1752 if (servicesTriggerDropdown && servicesDropdownMenu && aboutTriggerDropdown && aboutDropdownMenu) { 1753 servicesTriggerDropdown.addEventListener('click', () => { 1754 // Toggle flex on serivces menu 1755 servicesDropdownMenu.classList.toggle('flex'); 1756 servicesDropdownMenu.classList.toggle('hide'); 1757 // Ensure about us menu is hidden 1758 aboutDropdownMenu.classList.remove('flex'); 1759 aboutDropdownMenu.classList.add('hide'); 1760 }); 1761 1762 aboutTriggerDropdown.addEventListener('click', () => { 1763 // Toggle flex on about menu 1764 aboutDropdownMenu.classList.toggle('flex'); 1765 aboutDropdownMenu.classList.toggle('hide'); 1766 // Ensure services menu is hidden 1767 servicesDropdownMenu.classList.remove('flex'); 1768 servicesDropdownMenu.classList.add('hide'); 1769 }); 1770 } 1771 1772 // ========================== // 1773 // Header Shadow and BG Color // 1774 // ========================== // 1775 window.addEventListener('scroll', function (event) { 1776 let scroll = this.scrollY; 1777 let navbar = document.querySelector('.header'); 1778 let tpbNavbar = document.querySelector('.header.tpb'); 1779 navbar.style.transition = 'all 0.3s ease'; 1780 if (scroll > 0) { 1781 if (navbar) { 1782 navbar.style.boxShadow = '0 1px 5px 0 rgba(89, 89, 89, 0.5)'; 1783 navbar.style.backgroundColor = '#ac92ec'; 1784 } 1785 if (tpbNavbar) { 1786 navbar.style.boxShadow = '0 1px 5px 0 rgba(89, 89, 89, 0.5)'; 1787 navbar.style.backgroundColor = '#0a162c'; 1788 } 1789 } else { 1790 if (navbar) { 1791 navbar.style.boxShadow = 'none'; 1792 navbar.style.backgroundColor = '#ac92ec'; 1793 } 1794 if (tpbNavbar) { 1795 navbar.style.boxShadow = 'none'; 1796 navbar.style.backgroundColor = '#0a162c'; 1797 } 1798 } 1799 }); 1800 1801 // ============================================================ // 1802 /* When the user scrolls down, hide the navbar. When the user scrolls up, show the navbar */ 1803 // ============================================================ // 1804 const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0); 1805 var prevScrollpos = window.pageYOffset; 1806 1807 if (location.pathname === '/' || vw > 991) { 1808 window.onscroll = function () { 1809 var currentScrollPos = window.pageYOffset; 1810 if (prevScrollpos > currentScrollPos) { 1811 document.getElementById('header').style.transform = 'translateY(0px)'; 1812 if (servicesTriggerDropdown && servicesDropdownMenu && aboutTriggerDropdown && aboutDropdownMenu) { 1813 // Ensure dropdown menu is hidden 1814 servicesDropdownMenu.classList.remove('flex'); 1815 servicesDropdownMenu.classList.add('hide'); 1816 aboutDropdownMenu.classList.remove('flex'); 1817 aboutDropdownMenu.classList.add('hide'); 1818 } 1819 } else { 1820 document.getElementById('header').style.transform = 'translateY(-120px)'; 1821 if (servicesTriggerDropdown && servicesDropdownMenu && aboutTriggerDropdown && aboutDropdownMenu) { 1822 // Ensure about us menu is hidden 1823 servicesDropdownMenu.classList.remove('flex'); 1824 servicesDropdownMenu.classList.add('hide'); 1825 aboutDropdownMenu.classList.remove('flex'); 1826 aboutDropdownMenu.classList.add('hide'); 1827 } 1828 } 1829 prevScrollpos = currentScrollPos; 1830 1831 // At the bottom of page -> Show nav menu 1832 if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { 1833 document.getElementById('header').style.transform = 'translateY(0px)'; 1834 } 1835 }; 1836 } 1837 1838 // Function to update scale based on viewport width 1839 function updateScale() { 1840 const element = document.querySelector('.footer__popup-container'); 1841 if (!element) return; 1842 1843 // Convert viewport width to a scale factor (1vw = 1% of viewport width) 1844 const vwScale = window.innerWidth / 100; 1845 // Scale between 0.5 and 2 based on viewport width
1846 const scale = Math.min(Math.max(vwScale / 20, 0.5), 1); 1847 1848 element.style.transform = `scale(${scale})`; 1849 element.style.transformOrigin = 'bottom right'; // Adjust origin as needed 1850 } 1851 1852 // Add resize listener 1853 window.addEventListener('resize', updateScale); 1854 1855 // Initial calculation 1856 updateScale(); 1857</script>
1857 1858<!-- Zapier Chatbot --> 1859<zapier-interfaces-chatbot-embed is-popup="true" chatbot-id="cm8vb728t002cj080vtz3cbqi"></zapier-interfaces-chatbot-embed>
1859<script> 1860 const services = document.querySelectorAll(".our-superpwer-item"); 1861 document.addEventListener('DOMContentLoaded', function() { 1862 services.forEach(service => { 1863 const serviceLabel = service.getAttribute("data-service"); 1864 if(serviceLabel === 'Visual Storytelling'){ 1865 service.style.display = 'none'; 1866 } 1867 }); 1868 }); 1869</script>
1869</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.