PageSourceSearch

https://new-popthat.webflow.io/visual-storytelling

html new-popthat.webflow.io collected 2026-10-03 13:31:33 UTC 113,583 bytes, 1,869 lines download raw bytes

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 &amp; 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&#x27;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 &amp; 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 &amp; 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, &quot;Good luck!&quot; 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 &amp; 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 &amp; 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&#x27;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">&quot;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!&quot;</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 &amp; 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">&quot;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.&quot;</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">&quot;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.&quot;</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">&quot;Pop That people are smart, honest, reliable and basically just really nice people! I&#x27;ve really appreciated the support, advice and help provided over the past few months by Philip and the team.&quot;</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">&quot;10/10. Amazingly easy and great to deal with (even on ridiculous timelines). It was a great time working with you all :)&quot;</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">&quot;Phil and his team are excellent to work with. They understand our needs, deliver a really good service and we&#x27;
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!&quot;</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&#x27;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">&quot;I love Philip and his crew of humans at Pop That. Work doesn&#x27;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.&quot;</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, &amp; 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&#x27;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&#x27;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&#x27;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.