1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Mon May 04 2026 21:55:01 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="drink-zello.webflow.io" data-wf-page="67e004ef5d8619572286b0f8" data-wf-site="67de82c922d52b417b4981a9" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>About Zello â Finding the Fun in the Functional</title><meta content="Weâre on a mission to bring more fun, flavour and feel-good nostalgia into your everyday. Meet the jelly shaking up wellness in Australia." name="description"/><meta content="About Zello â Finding the Fun in the Functional" property="og:title"/><meta content="Weâre on a mission to bring more fun, flavour and feel-good nostalgia into your everyday. Meet the jelly shaking up wellness in Australia." property="og:description"/><meta content="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67ee55707522dedbebaade11_Zello%20Opengraph.png" property="og:image"/><meta content="About Zello â Finding the Fun in the Functional" name="twitter:title"/><meta content="Weâre on a mission to bring more fun, flavour and feel-good nostalgia into your everyday. Meet the jelly shaking up wellness in Australia." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67ee55707522dedbebaade11_Zello%20Opengraph.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="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/css/drink-zello.webflow.shared.2266e87c9.min.css" rel="stylesheet" type="text/css" integrity="sha384-ImbofJUWrLNG3JOup+k7hk3/hWVu+uyd0NTQtqltwN2v+xWSDF2hYy6l9yMQoGi/" 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/67de82c922d52b417b4981a9/67e4fe88d06168810dd38cee_359d3500eb061c2b2bef871f3a8a3fc3_Favicon-light.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4fd7843c8c53a374f62b5_Webclip.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-S8ZMEQZ253'],'google_tags_first_party');</script>
1<script async="" src="/haqt6iy0yx2eNjdkZTgyYzkyMmQ1MmI0MTdiNDk4MWE5/EZ6DmuyIzyd17ONKeE9Fj9tdN-Q"></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-S8ZMEQZ253');</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', '1056061825464848');fbq('track', 'PageView');</script>
1<link rel="icon" href="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4fe88d06168810dd38cee_Favicon-light.png" media="(prefers-color-scheme:no-preference)" /> 2 3<link rel="icon" href="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4fe88067b3f4e7941c070_883bd78fd58f03fc9f13dcad14c400ba_Favicon-dark.png" media="(prefers-color-scheme:dark)" /> 4 5<link rel="icon" href="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4fe88d06168810dd38cee_Favicon-light.png" media="(prefers-color-scheme:light)" /> 6 7
8<script src="https://cdn.jsdelivr.net/gh/sparx-agency/webflow-core@latest/integration.js"></script>
8 9 10 11<!-- CSS --> 12<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/lenis.css"> 13 14
15<script> 16function setAppHeight() { 17 document.documentElement.style.setProperty('--app-height', window.innerHeight + 'px'); 18} 19window.addEventListener('resize', setAppHeight); 20window.addEventListener('orientationchange', setAppHeight); 21setAppHeight(); 22</script>
22 23 24<!-- Shopyflow CSS --> 25<link rel="stylesheet" href="https://cdn.shopyflow.io/1.0.6/shopyflow.css"/> 26 27<!-- Shopyflow Engine -->
28<script defer 29sf-token="efc343127976e953d12658b6a6a94ad6" 30sf-domain="61a038-2.myshopify.com" 31src="https://cdn.shopyflow.io/1.0.6/shopyflow.js"></script>
31</head><body><div class="page-wrapper"><div class="global-styles w-embed"><style> 32 33/* Make text look crisper and more legible in all browsers */ 34body { 35 -webkit-font-smoothing: antialiased; 36 -moz-osx-font-smoothing: grayscale; 37 font-smoothing: antialiased; 38 text-rendering: optimizeLegibility; 39} 40 41/* Focus state style for keyboard navigation for the focusable elements */ 42*[tabindex]:focus-visible, 43 input[type="file"]:focus-visible { 44 outline: 0.125rem solid #4d65ff; 45 outline-offset: 0.125rem; 46} 47 48/* Set color style to inherit */ 49.inherit-color * { 50 color: inherit; 51} 52 53/* Get rid of top margin on first element in any rich text element */ 54.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 55 margin-top: 0 !important; 56} 57 58/* Get rid of bottom margin on last element in any rich text element */ 59.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 60 margin-bottom: 0 !important; 61} 62 63 64/* Make sure containers never lose their center alignment */ 65.container-medium,.container-small, .container-large { 66 margin-right: auto !important; 67 margin-left: auto !important; 68} 69 70/* 71Make the following elements inherit typography styles from the parent and not have hardcoded values. 72Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 73Uncomment this CSS to use it in the project. Leave this message for future hand-off. 74*/ 75/* 76a, 77.w-input, 78.w-select, 79.w-tab-link, 80.w-nav-link, 81.w-dropdown-btn, 82.w-dropdown-toggle, 83.w-dropdown-link { 84 color: inherit; 85 text-decoration: inherit; 86 font-size: inherit; 87} 88*/ 89 90/* Apply "..." after 3 lines of text */ 91.text-style-3lines { 92 display: -webkit-box; 93 overflow: hidden; 94 -webkit-line-clamp: 3; 95 -webkit-box-orient: vertical; 96} 97 98/* Apply "..." after 2 lines of text */ 99.text-style-2lines { 100 display: -webkit-box; 101 overflow: hidden; 102 -webkit-line-clamp: 2; 103 -webkit-box-orient: vertical; 104} 105 106/* These classes are never overwritten */ 107.hide { 108 display: none !important; 109} 110 111@media screen and (max-width: 991px) { 112 .hide, .hide-tablet { 113 display: none !important; 114 } 115} 116 @media screen and (max-width: 767px) { 117 .hide-mobile-landscape{ 118 display: none !important; 119 } 120} 121 @media screen and (max-width: 479px) { 122 .hide-mobile{ 123 display: none !important; 124 } 125} 126 127.margin-0 { 128 margin: 0rem !important; 129} 130 131.padding-0 { 132 padding: 0rem !important; 133} 134 135.spacing-clean { 136padding: 0rem !important; 137margin: 0rem !important; 138} 139 140.margin-top { 141 margin-right: 0rem !important; 142 margin-bottom: 0rem !important; 143 margin-left: 0rem !important; 144} 145 146.padding-top { 147 padding-right: 0rem !important; 148 padding-bottom: 0rem !important; 149 padding-left: 0rem !important; 150} 151 152.margin-right { 153 margin-top: 0rem !important; 154 margin-bottom: 0rem !important; 155 margin-left: 0rem !important; 156} 157 158.padding-right { 159 padding-top: 0rem !important; 160 padding-bottom: 0rem !important; 161 padding-left: 0rem !important; 162} 163 164.margin-bottom { 165 margin-top: 0rem !important; 166 margin-right: 0rem !important; 167 margin-left: 0rem !important; 168} 169 170.padding-bottom { 171 padding-top: 0rem !important; 172 padding-right: 0rem !important; 173 padding-left: 0rem !important; 174} 175 176.margin-left { 177 margin-top: 0rem !important; 178 margin-right: 0rem !important; 179 margin-bottom: 0rem !important; 180} 181 182.padding-left { 183 padding-top: 0rem !important; 184 padding-right: 0rem !important; 185 padding-bottom: 0rem !important; 186} 187 188.margin-horizontal { 189 margin-top: 0rem !important; 190 margin-bottom: 0rem !important; 191} 192 193.padding-horizontal { 194 padding-top: 0rem !important; 195 padding-bottom: 0rem !important; 196} 197 198.margin-vertical { 199 margin-right: 0rem !important; 200 margin-left: 0rem !important; 201} 202 203.padding-vertical { 204 padding-right: 0rem !important; 205 padding-left: 0rem !important; 206} 207 208</style> 209 210 211 212 213 214 215 216 217<style> 218.tab-content__item.active .hero_tab-thumbnail { 219 transform: scale(1.5); 220} 221 222.tab-content__item.active .hero_thumbnail-line { 223 width: 2rem; 224} 225 226[data-color="pink"] { 227 background-color: var(--color--brand-pink); 228} 229 230[data-color="green"] { 231 background-color: var(--color--brand-green); 232} 233 234[data-color="blue"] { 235 background-color: var(--color--brand-blue); 236} 237 238[data-color="purple"] { 239 background-color: var(--color--brand-purple); 240} 241 242[data-text-color="pink"] { 243 color: var(--color--brand-pink); 244} 245 246[data-text-color="green"] { 247 color: var(--color--brand-green); 248} 249 250[data-text-color="blue"] { 251 color: var(--color--brand-blue); 252} 253 254[data-text-color="purple"] { 255 color: var(--color--brand-purple); 256} 257 258 259.line { 260 position: relative; 261} 262.line-mask { 263 position: absolute; 264 top: 0; 265 right: 0; 266 background-color: white; 267 opacity: 0.65; 268 height: 100%; 269 width: 100%; 270 z-index: 2; 271} 272 273 274 275.h-bento_block:hover [class*="h-bento_span"] { 276 color: white; 277} 278 279[class*="h-bento_span"] { 280 transition: color 0.25s ease; 281} 282 283 284.footer_link-wrap:has(.footer_link:hover) .footer_link:not(:hover) { 285 opacity: 70%; 286} 287 288.contact_item:hover .contact_arrow { 289 transform: translate(0.25rem, -0.25rem); 290} 291 292 293 294.tab-visual__inner:hover .hero_tab_product-img { 295 transform: scale(1.025); 296} 297 298.cart_container.sf-cart-empty .cart_empty-message { 299 display: block; 300} 301</style> 302 303 304 305 306 307 308<style> 309.products_link[data-card="pink"]:hover .products_visual-wrap { 310 background-color: var(--color--brand-pink); 311} 312 313.products_link[data-card="blue"]:hover .products_visual-wrap { 314 background-color: var(--color--brand-blue); 315} 316 317.products_link[data-card="purple"]:hover .products_visual-wrap { 318 background-color: var(--color--brand-purple); 319} 320 321.products_link[data-card="green"]:hover .products_visual-wrap { 322 background-color: var(--color--brand-green); 323} 324 325.products_link:hover .products_mockup { 326 transform: scale(1.05); 327} 328 329.products_link:hover .products_pattern { 330 opacity: 50%; 331} 332 333.products_link:hover .products_item-button { 334 background-color: black; 335 color: white; 336} 337 338.products_link:hover .products_item-arrow { 339 transform: translate(2.25rem, -2.25rem); 340} 341 342.products_link:hover .products_item-arrow.is-2 { 343 transform: translate(0rem, 0rem); 344} 345 346 347.products_link.is-wide:hover .products_wide-mockup { 348 margin-right: 0; 349} 350 351.products_link.is-wide:hover .products_wide-mockup-wrap { 352 margin-left: 0; 353} 354</style> 355 356 357<!-- SHOW DISCOUNT PRICE --> 358<style> 359.product-header_content-inner:has([sf-change-purchase-option] .sf-active:first-child) 360 .product-header_price-wrap .product-header_price-discount{ 361 display: block; 362} 363</style></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_
363component w-nav"><div class="padding-global"><div class="nav_container"><div class="nav_grid"><nav role="navigation" class="nav_menu w-nav-menu"><div class="nav_links-wrap"><a href="/shop" class="nav_menu_link w-nav-link">Shop</a><a href="/about" aria-current="page" class="nav_menu_link w-nav-link w--current">About</a><a href="/contact" class="nav_menu_link w-nav-link">Contact</a></div></nav><div class="nav_logo-wrap"><a href="/" class="nav_brand w-nav-brand"><div class="nav_logo w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 120 41" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 364<path d="M112.926 37.0949C112.926 35.3093 114.221 34.0547 116.033 34.0547C117.846 34.0547 119.089 35.3093 119.089 37.0949C119.089 38.8321 117.898 40.1351 115.981 40.1351C114.169 40.1351 112.926 38.8321 112.926 37.0949Z" fill="currentColor"/> 365<path d="M29.1418 2.03125C29.2041 4.13958 29.2665 6.24791 29.3288 8.35625C22.9417 16.5727 16.5546 24.7891 10.1675 33.0056H29.1418V39.7235H0.911133V33.1081L19.8855 8.74919H0.911133V2.03125H29.1418Z" fill="currentColor"/> 366<path d="M37.6377 27.5691C37.9795 29.5178 38.7443 31.0522 39.9326 32.1717C41.1205 33.2914 42.6205 33.8512 44.4326 33.8512C45.2618 33.8512 46.0453 33.7215 46.7832 33.4622C46.956 33.4015 47.5518 33.1835 48.3301 32.6845C49.0055 32.2514 50.0708 31.4446 51.079 30.0407C52.0793 28.5518 54.0639 28.0992 55.5547 28.9595C57.1315 29.8695 57.6961 31.9831 56.726 33.617C56.0956 34.5861 55.487 35.3369 55.0095 35.8768C54.664 36.2675 54.2756 36.7036 53.6826 37.2115C53.2162 37.6111 52.7183 37.9738 52.189 38.2998C51.1205 38.958 49.9495 39.4581 48.6762 39.7999C47.4025 40.1416 46.0648 40.3127 44.6634 40.3127C42.3044 40.3127 40.1802 39.9536 38.2916 39.2357C36.4026 38.5177 34.8044 37.5009 33.4967 36.1844C32.1891 34.8684 31.1846 33.287 30.484 31.4408C29.7828 29.5947 29.4326 27.5522 29.4326 25.3127C29.4326 23.0563 29.7699 21.0094 30.4455 19.1716C31.1206 17.3343 32.0821 15.7614 33.33 14.4537C34.5777 13.146 36.0905 12.1376 37.8686 11.428C39.6462 10.7189 41.6377 10.364 43.8429 10.364C45.877 10.3471 47.7231 10.642 49.3813 11.2486C51.0392 11.8556 52.4539 12.7145 53.6249 13.8255C54.7956 14.9369 55.7018 16.287 56.3429 17.8768C56.7059 18.7769 57.5049 20.6958 57.3044 23.1845C57.2043 24.4268 57.1898 25.3402 56.5041 26.1418C55.5297 27.2809 54.0009 27.3615 53.5578 27.3694C48.2511 27.436 42.9444 27.5025 37.6377 27.5691ZM44.0737 16.6204C42.2615 16.6204 40.8085 17.1332 39.7147 18.1588C38.3279 19.4592 37.9198 21.1706 37.7365 21.9746C37.6734 22.2511 37.6353 22.4842 37.6121 22.646C37.7929 22.646 37.9736 22.646 38.1544 22.646C42.1702 22.6461 46.186 22.646 50.2018 22.646V22.0563C50.2018 21.2357 50.0564 20.4882 49.766 19.8127C49.4751 19.1376 49.0608 18.5651 48.5223 18.0947C47.9839 17.6248 47.3384 17.2614 46.5865 17.005C45.8341 16.7486 44.9968 16.6204 44.0737 16.6204Z" fill="currentColor"/> 367<path d="M59.5498 0.312584H67.5498V39.7228H59.5498V0.312584Z" fill="currentColor"/> 368<path d="M71.2051 0.312584H79.2051V39.7228H71.2051V0.312584Z" fill="currentColor"/> 369<path d="M96.7832 10.3125C99.1421 10.3125 101.253 10.6715 103.117 11.3894C104.98 12.1074 106.561 13.1202 107.86 14.4279C109.159 15.7355 110.151 17.3125 110.834 19.1586C111.518 21.0048 111.86 23.0561 111.86 25.3125C111.86 27.5689 111.514 29.6202 110.822 31.4663C110.129 33.3125 109.138 34.8894 107.847 36.1971C106.556 37.5048 104.98 38.5175 103.117 39.2355C101.253 39.9534 99.1421 40.3125 96.7832 40.3125C94.4242 40.3125 92.3088 39.9534 90.4371 39.2355C88.5652 38.5175 86.9839 37.5007 85.6935 36.1843C84.4027 34.8682 83.4115 33.2913 82.7191 31.4535C82.0268 29.6161 81.6807 27.5689 81.6807 25.3125C81.6807 23.0561 82.0268 21.0048 82.7191 19.1586C83.4115 17.3125 84.4027 15.7355 85.6935 14.4279C86.9839 13.1202 88.5652 12.1074 90.4371 11.3894C92.3088 10.6715 94.4242 10.3125 96.7832 10.3125ZM96.7832 16.9279C94.4923 16.9279 92.766 17.6546 91.6038 19.1074C90.441 20.5605 89.8602 22.6374 89.8602 25.3381C89.8602 28.022 90.441 30.0861 91.6038 31.5304C92.766 32.9751 94.4923 33.697 96.7832 33.697C99.0737 33.697 100.796 32.9751 101.95 31.5304C103.104 30.0861 103.681 28.022 103.681 25.3381C103.681 22.6374 103.104 20.5605 101.95 19.1074C100.796 17.6546 99.0737 16.9279 96.7832 16.9279Z" fill="currentColor"/> 370</svg></div></a></div>
370<div class="nav_cart-wrap"><a sf-cart="1" href="/cart" class="nav_cart-btn-link w-inline-block"><div sf-cart-open="1" class="nav_cart-btn"><div class="nav_cart-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 371<path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6M10 21C10 21.5523 9.55228 22 9 22C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C9.55228 20 10 20.4477 10 21ZM21 21C21 21.5523 20.5523 22 20 22C19.4477 22 19 21.5523 19 21C19 20.4477 19.4477 20 20 20C20.5523 20 21 20.4477 21 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 372</svg></div><div sf-cart-open="1" sf-cart-count="1" class="cart-count sf-cart-empty">0</div></div></a><a href="/shop" class="button is-nav w-button">Shop now</a><div class="nav_button w-nav-button"><div class="nav_button-inner"><div class="hamburger_wrap"><div class="hamburger_line"></div><div class="hamburger_embed w-embed"><style> 373.hamburger_wrap { 374 --thickness: 0.125rem; 375 --gap: 0.25rem; 376 --rotate: 35; 377 --width: 100%; 378} 379.w--open .hamburger_line { 380 transform: scaleX(0); 381} 382.w--open .hamburger_line:first-child { 383 transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg)); 384} 385.w--open .hamburger_line:last-child { 386 transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg)); 387} 388</style></div><div class="hamburger_line"></div><div class="hamburger_line"></div></div></div></div></div></div></div></div></div><main class="main-wrapper"><section class="section_h-about"><div class="padding-global"><div class="container-large"><div class="h-about_layout"><div class="h-about_head-wrap"><h1 class="h-about_head">We're on a mission to help you find the fun in every day.</h1></div><div class="h-about_img-wrap"><img src="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e886cfe71e2e85034ad9_find%20fun%20pic%202.avif" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e886cfe71e2e85034ad9_find%20fun%20pic%202-p-500.avif 500w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e886cfe71e2e85034ad9_find%20fun%20pic%202.avif 1170w" alt="" class="h-about_img"/></div></div></div></div></section><section class="section_about-mono"><div class="padding-global"><div class="container-large"></div></div></section><div class="love_m-spacer"></div><section class="section_story"><div class="padding-global padding-section-large"><div class="container-large"><div class="story_layout"><div class="story_head-wrap"><h2 class="story_head h1-huge">This is our Zello Story</h2></div><div class="story_grid"><div class="story_top-content"><p class="story_p">With spirits high after a holiday together in Japan and on a creative buzz, founders Madison and Josh saw a gap in the Australian wellness market - a need for convenient, exciting health products that made forming new habits not just attainable, but something people looked forward to. </p></div><div data-parallax-wrap="" class="story_img-wrap"><img class="story_img" src="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e9ad0b513899c6d967ae_IMG_9205%201.webp" alt="" data-parallax-img="" sizes="100vw" loading="lazy" srcset="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e9ad0b513899c6d967ae_IMG_9205%201-p-500.webp 500w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e9ad0b513899c6d967ae_IMG_9205%201-p-800.webp 800w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e9ad0b513899c6d967ae_IMG_9205%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e9ad0b513899c6d967ae_IMG_9205%201.webp 1512w"/></div><div data-parallax-wrap="" class="story_img-wrap is-2"><img class="story_img" src="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e8909e2f66451a050f67_IMG_1003.avif" alt="" data-parallax-img="" sizes="100vw" loading="lazy" srcset="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e8909e2f66451a050f67_IMG_1003-p-500.avif 500w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4e8909e2f66451a050f67_IMG_1003.avif 966w"/></div><div class="story_bottom-content"><p class="story_p">Zello. is a lifestyle movement, masquerading as a brand. Itâs time for us to rediscover how to have fun, tackle challenges, and reclaim our zest for life.</p></div></div></div></div></div></section><section class="section_values"><div class="padding-global padding-section-medium"><div class="container-large"><div class="values_embed w-embed"><style> 389@media (hover: hover) { 390 .values_list:has(.values_item:hover) .values_item:not(:hover) { 391 opacity: 0.4; 392 } 393} 394 395/* Animation keyframes */ 396@keyframes subtle-wiggle { 397 0% { transform: rotate(0deg); } 398 25% { transform: rotate(4deg); } 399 50% { transform: rotate(-4deg); } 400 75% { transform: rotate(4deg); } 401 100% { transform: rotate(0deg); } 402} 403 404/* Targeting elements with a specific data attribute */ 405.values_item:hover [data-value-wiggle] { 406 animation: subtle-wiggle 0.7s ease-in-out; 407} 408 409@keyframes rotate360 { 410 from { transform: rotate(0deg); } 411 to { transform: rotate(360deg); } 412} 413 414.values_item:hover [data-value-rotate] { 415 animation: rotate360 0.9s ease-in-out; 416} 417 418@keyframes slowPulse { 419 0%, 100% { transform: scale(1); } 420 30% { transform: scale(1.1); } 421 60% { transform: scale(1); } 422 80% { transform: scale(1.05); } 423} 424 425.values_item:hover [data-value-pulse] { 426 animation: slowPulse 1.25s ease-in-out; 427} 428 429@keyframes floatDouble { 430 0% { transform: translateY(0); } 431 20% { transform: translateY(-3px); } 432 40% { transform: translateY(0); } 433 60% { transform: translateY(-3px); } 434 80% { transform: translateY(0); } 435 100% { transform: translateY(0); } 436} 437 438.values_item:hover [data-value-float] { 439 animation: floatDouble 1.5s ease-in-out; 440} 441 442</style></div><div class="values_layout"><h2 class="values_head h1-huge">Zello'
442s Values</h2><div class="values_list"><div class="values_item"><div data-value-pulse="" data-text-color="pink" class="values_icon is-1 w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 443<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6901 4.76367L0 16.4537L9.09266 25.5464L20.7823 37.2361L20.7827 37.2364L41.565 16.4541L29.875 4.76402L20.7827 13.8563L11.6901 4.76367Z" fill="currentColor"/> 444</svg></div><div class="values_item-content"><h3 class="values_item-title">Live for the Little Wins</h3><p class="values_item-p">Wellness has no finish line. Enjoy the ride.</p></div></div><div class="values_item"><div data-value-rotate="" data-text-color="green" class="values_icon w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 445<g clip-path="url(#clip0_727_2236)"> 446<path d="M22.1353 2.42969C18.862 5.07642 11.3694 13.3239 16.0139 21.2563C22.4772 32.295 16.6708 34.2974 13.9736 39.5708M36.1094 15.2644C32.1903 13.741 21.3318 11.3483 16.8136 19.3539C10.5261 30.4945 5.89613 26.4457 0 26.7366M30.9649 34.8046C30.3192 30.6344 26.9532 19.9942 17.7906 20.0674C5.03967 20.1693 6.21615 14.1182 3.01726 9.13564" stroke="currentColor" stroke-width="6"/> 447</g> 448<defs> 449<clipPath id="clip0_727_2236"> 450<rect width="42" height="42" fill="currentColor"/> 451</clipPath> 452</defs> 453</svg></div><div class="values_item-content"><h3 class="values_item-title">Find Your Fun</h3><p class="values_item-p">Ditch the pressure. Try new things. Look silly.</p></div></div><div class="values_item"><div data-value-float="" data-text-color="blue" class="values_icon w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 454<path d="M14.6262 2.06055H21.7285V14.852L32.8036 8.45258L36.3547 14.6005L25.2796 20.9999L36.3547 27.3919L32.8036 33.5398L21.7285 27.1478V39.9393H14.6262V27.1478L3.55113 33.5472L0 27.3993L11.0751 20.9999L0 14.6079L3.55113 8.45998L14.6262 14.852V2.06055Z" fill="currentColor"/> 455</svg></div><div class="values_item-content"><h3 class="values_item-title">Bring the Energy</h3><p class="values_item-p">Energy is contagious, spread the good kind.</p></div></div><div class="values_item"><div data-value-wiggle="" data-text-color="purple" class="values_icon w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 456<g clip-path="url(#clip0_727_2242)"> 457<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3242 0.47998H26.6922V12.8479H14.3242V0.47998ZM41.2273 14.9282H28.8594V27.2962H41.2273V14.9282ZM12.368 14.9288H0V27.2967H12.368V14.9288ZM26.7977 29.1519H14.4297V41.5198H26.7977V29.1519Z" fill="currentColor"/> 458</g> 459<defs> 460<clipPath id="clip0_727_2242"> 461<rect width="42" height="42" fill="currentColor"/> 462</clipPath> 463</defs> 464</svg></div><div class="values_item-content"><h3 class="values_item-title">Own the Choice</h3><p class="values_item-p">Give yourself grace, but don't let yourself off the hook.</p></div></div></div></div></div></div></section><section class="section_contact"><div class="padding-global padding-section-medium"><div class="container-large"><div class="contact_layout"><div class="contact_head-wrap"><h2 class="contact_head h1-huge">Contact us</h2><p class="contact_p">Have a question or just want to say Hello</p></div><div class="contact_list"><a href="mailto:[email protected]" class="contact_item w-inline-block"><div class="contact_item-header"><div class="contact_item-top"><div data-text-color="green" class="contact_icon w-embed"><svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 465<g clip-path="url(#clip0_728_2275)"> 466<path d="M0 0.124512H24V19.6245H14.25L7.5 24.1245V19.6245H0V0.124512ZM6 11.3745C6.82969 11.3745 7.5 10.7042 7.5 9.87451C7.5 9.04482 6.82969 8.37451 6 8.37451C5.17031 8.37451 4.5 9.04482 4.5 9.87451C4.5 10.7042 5.17031 11.3745 6 11.3745ZM12 11.3745C12.8297 11.3745 13.5 10.7042 13.5 9.87451C13.5 9.04482 12.8297 8.37451 12 8.37451C11.1703 8.37451 10.5 9.04482 10.5 9.87451C10.5 10.7042 11.1703 11.3745 12 11.3745ZM19.5 9.87451C19.5 9.04482 18.8297 8.37451 18 8.37451C17.1703 8.37451 16.5 9.04482 16.5 9.87451C16.5 10.7042 17.1703 11.3745 18 11.3745C18.8297 11.3745 19.5 10.7042 19.5 9.87451Z" fill="currentColor"/> 467</g> 468<defs> 469<clipPath id="clip0_728_2275"> 470<rect width="24" height="24" fill="white" transform="translate(0 0.124512)"/> 471</clipPath> 472</defs> 473</svg></div><div class="contact_arrow w-embed">
473<svg width=" 100%" height=" 100%" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 474<path d="M8.16699 19.8307L19.8337 8.16406M19.8337 8.16406H8.16699M19.8337 8.16406V19.8307" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 475</svg></div></div><h3 class="contact_item-title">General<br/>Enquiries</h3></div><div>[email protected]</div></a><a href="mailto:[email protected]" class="contact_item w-inline-block"><div class="contact_item-header"><div class="contact_item-top"><div data-text-color="pink" class="contact_icon w-embed"><svg width="28" height="24" viewBox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 476<g clip-path="url(#clip0_728_2277)"> 477<path d="M8 0H12.5V4.5H15.5V0H20V10.5H8V0ZM5 13.5V18H8V13.5H12.5V24H0.5V13.5H5ZM20 13.5V18H23V13.5H27.5V24H15.5V13.5H20Z" fill="currentColor"/> 478</g> 479<defs> 480<clipPath id="clip0_728_2277"> 481<rect width="28" height="24" fill="white"/> 482</clipPath> 483</defs> 484</svg></div><div class="contact_arrow w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 485<path d="M8.16699 19.8307L19.8337 8.16406M19.8337 8.16406H8.16699M19.8337 8.16406V19.8307" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 486</svg></div></div><h3 class="contact_item-title">Wholesale<br/>Enquiries</h3></div><div>[email protected]</div></a><a href="mailto:[email protected]" class="contact_item w-inline-block"><div class="contact_item-header"><div class="contact_item-top"><div data-text-color="purple" class="contact_icon w-embed"><svg width="30" height="24" viewBox="0 0 30 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 487<g clip-path="url(#clip0_728_2279)"> 488<path d="M30 6.75L23.25 0L20.25 3H10.5V4.5V6V13.5H14.25V8.25V7.5H15H19.5H24H25.5V9V11.25L30 6.75ZM9 6H4.5V12.75L0 17.25L6.75 24L9.75 21H20.25V18H22.5V14.25H24V9H19.5H15.75V14.25V15H15H9.75H9V14.25V6Z" fill="currentColor"/> 489</g> 490<defs> 491<clipPath id="clip0_728_2279"> 492<rect width="30" height="24" fill="white"/> 493</clipPath> 494</defs> 495</svg></div><div class="contact_arrow w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 496<path d="M8.16699 19.8307L19.8337 8.16406M19.8337 8.16406H8.16699M19.8337 8.16406V19.8307" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 497</svg></div></div><h3 class="contact_item-title">Partnerships &<br/>Collaborations</h3></div><div>[email protected]</div></a></div></div></div></div></section><section class="section_cta"><div class="padding-global"><div class="container-large"><div class="cta_layout"><div class="cta_card"><div data-parallax-wrap="" class="cta_bg-wrap"><img class="cta_bg-img" src="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4eb3acfe71e2e85065ba7_Footer%202.avif" alt="" data-parallax-img="" sizes="100vw" loading="lazy" srcset="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4eb3acfe71e2e85065ba7_Footer%202-p-500.png 500w, https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/67e4eb3acfe71e2e85065ba7_Footer%202.avif 1728w"/><div class="cta_bg-overlay"></div></div><div class="cta_content"><div class="cta_head-wrap"><div class="cta_logo w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 120 41" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 498<path d="M112.926 37.0949C112.926 35.3093 114.221 34.0547 116.033 34.0547C117.846 34.0547 119.089 35.3093 119.089 37.0949C119.089 38.8321 117.898 40.1351 115.981 40.1351C114.169 40.1351 112.926 38.8321 112.926 37.0949Z" fill="currentColor"/> 499<path d="M29.1418 2.03125C29.2041 4.13958 29.2665 6.24791 29.3288 8.35625C22.9417 16.5727 16.5546 24.7891 10.1675 33.0056H29.1418V39.7235H0.911133V33.1081L19.8855 8.74919H0.911133V2.03125H29.1418Z" fill="currentColor"/> 500<path d="M37.6377 27.5691C37.9795 29.5178 38.7443 31.0522 39.9326 32.1717C41.1205 33.2914 42.6205 33.8512 44.4326 33.8512C45.2618 33.8512 46.0453 33.7215 46.7832 33.4622C46.956 33.4015 47.5518 33.1835 48.3301 32.6845C49.0055 32.2514 50.0708 31.4446 51.079 30.0407C52.0793 28.5518 54.0639 28.0992 55.5547 28.9595C57.1315 29.8695 57.6961 31.9831 56.726 33.617C56.0956 34.5861 55.487 35.3369 55.0095 35.8768C54.664 36.2675 54.2756 36.7036 53.6826 37.2115C53.2162 37.6111 52.7183 37.9738 52.189 38.2998C51.1205 38.958 49.9495 39.4581 48.6762 39.7999C47.4025 40.1416 46.0648 40.3127 44.6634 40.3127C42.3044 40.3127 40.1802 39.9536 38.2916 39.2357C36.402
5006 38.5177 34.8044 37.5009 33.4967 36.1844C32.1891 34.8684 31.1846 33.287 30.484 31.4408C29.7828 29.5947 29.4326 27.5522 29.4326 25.3127C29.4326 23.0563 29.7699 21.0094 30.4455 19.1716C31.1206 17.3343 32.0821 15.7614 33.33 14.4537C34.5777 13.146 36.0905 12.1376 37.8686 11.428C39.6462 10.7189 41.6377 10.364 43.8429 10.364C45.877 10.3471 47.7231 10.642 49.3813 11.2486C51.0392 11.8556 52.4539 12.7145 53.6249 13.8255C54.7956 14.9369 55.7018 16.287 56.3429 17.8768C56.7059 18.7769 57.5049 20.6958 57.3044 23.1845C57.2043 24.4268 57.1898 25.3402 56.5041 26.1418C55.5297 27.2809 54.0009 27.3615 53.5578 27.3694C48.2511 27.436 42.9444 27.5025 37.6377 27.5691ZM44.0737 16.6204C42.2615 16.6204 40.8085 17.1332 39.7147 18.1588C38.3279 19.4592 37.9198 21.1706 37.7365 21.9746C37.6734 22.2511 37.6353 22.4842 37.6121 22.646C37.7929 22.646 37.9736 22.646 38.1544 22.646C42.1702 22.6461 46.186 22.646 50.2018 22.646V22.0563C50.2018 21.2357 50.0564 20.4882 49.766 19.8127C49.4751 19.1376 49.0608 18.5651 48.5223 18.0947C47.9839 17.6248 47.3384 17.2614 46.5865 17.005C45.8341 16.7486 44.9968 16.6204 44.0737 16.6204Z" fill="currentColor"/> 501<path d="M59.5498 0.312584H67.5498V39.7228H59.5498V0.312584Z" fill="currentColor"/> 502<path d="M71.2051 0.312584H79.2051V39.7228H71.2051V0.312584Z" fill="currentColor"/> 503<path d="M96.7832 10.3125C99.1421 10.3125 101.253 10.6715 103.117 11.3894C104.98 12.1074 106.561 13.1202 107.86 14.4279C109.159 15.7355 110.151 17.3125 110.834 19.1586C111.518 21.0048 111.86 23.0561 111.86 25.3125C111.86 27.5689 111.514 29.6202 110.822 31.4663C110.129 33.3125 109.138 34.8894 107.847 36.1971C106.556 37.5048 104.98 38.5175 103.117 39.2355C101.253 39.9534 99.1421 40.3125 96.7832 40.3125C94.4242 40.3125 92.3088 39.9534 90.4371 39.2355C88.5652 38.5175 86.9839 37.5007 85.6935 36.1843C84.4027 34.8682 83.4115 33.2913 82.7191 31.4535C82.0268 29.6161 81.6807 27.5689 81.6807 25.3125C81.6807 23.0561 82.0268 21.0048 82.7191 19.1586C83.4115 17.3125 84.4027 15.7355 85.6935 14.4279C86.9839 13.1202 88.5652 12.1074 90.4371 11.3894C92.3088 10.6715 94.4242 10.3125 96.7832 10.3125ZM96.7832 16.9279C94.4923 16.9279 92.766 17.6546 91.6038 19.1074C90.441 20.5605 89.8602 22.6374 89.8602 25.3381C89.8602 28.022 90.441 30.0861 91.6038 31.5304C92.766 32.9751 94.4923 33.697 96.7832 33.697C99.0737 33.697 100.796 32.9751 101.95 31.5304C103.104 30.0861 103.681 28.022 103.681 25.3381C103.681 22.6374 103.104 20.5605 101.95 19.1074C100.796 17.6546 99.0737 16.9279 96.7832 16.9279Z" fill="currentColor"/> 504</svg></div><p class="cta_p">Find Your Fun</p></div><a href="/shop" class="button w-button">Shop now</a></div></div></div></div></div></section></main><div data-wf--footer--variant="base" class="footer_reveal-wrap"><div class="footer_reveal-spacer"></div><footer class="footer_component"><div class="padding-global"><div class="container-large"><div class="footer_layout"><div class="footer_newsletter_wrap"><div class="footer_newsletter_head-wrap"><h2 class="footer_newsletter_head">Join the Zello Newsletter</h2><p class="footer_newsletter_p">Join our newsletter for early access, secret deals, and juicy Zello news.</p></div><div class="footer_newsletter_form-block w-form"><form id="wf-form-Newsletter-Form" name="wf-form-Newsletter-Form" data-name="Newsletter Form" method="get" data-klaviyo-list-id="RxUWJ2" class="footer_newsletter_form klaviyo-form" data-wf-page-id="67e004ef5d8619572286b0f8" data-wf-element-id="7b687e07-507c-9d82-be05-fc6c35b10c55" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><input class="footer_newsletter_input w-input" maxlength="256" name="email" data-name="email" placeholder="Enter your email" type="email" id="email" required=""/><input type="submit" data-wait="Please wait..." class="footer_newsletter_button w-button" value="Subscribe"/></form><div class="footer_newsletter_success 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><div class="footer_top"><div class="footer_logo-wrap"><a href="/" class="footer_logo-link w-inline-block"><div class="footer_logo w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
504ox="0 0 120 41" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img"> 505<path d="M112.926 37.0949C112.926 35.3093 114.221 34.0547 116.033 34.0547C117.846 34.0547 119.089 35.3093 119.089 37.0949C119.089 38.8321 117.898 40.1351 115.981 40.1351C114.169 40.1351 112.926 38.8321 112.926 37.0949Z" fill="currentColor"/> 506<path d="M29.1418 2.03125C29.2041 4.13958 29.2665 6.24791 29.3288 8.35625C22.9417 16.5727 16.5546 24.7891 10.1675 33.0056H29.1418V39.7235H0.911133V33.1081L19.8855 8.74919H0.911133V2.03125H29.1418Z" fill="currentColor"/> 507<path d="M37.6377 27.5691C37.9795 29.5178 38.7443 31.0522 39.9326 32.1717C41.1205 33.2914 42.6205 33.8512 44.4326 33.8512C45.2618 33.8512 46.0453 33.7215 46.7832 33.4622C46.956 33.4015 47.5518 33.1835 48.3301 32.6845C49.0055 32.2514 50.0708 31.4446 51.079 30.0407C52.0793 28.5518 54.0639 28.0992 55.5547 28.9595C57.1315 29.8695 57.6961 31.9831 56.726 33.617C56.0956 34.5861 55.487 35.3369 55.0095 35.8768C54.664 36.2675 54.2756 36.7036 53.6826 37.2115C53.2162 37.6111 52.7183 37.9738 52.189 38.2998C51.1205 38.958 49.9495 39.4581 48.6762 39.7999C47.4025 40.1416 46.0648 40.3127 44.6634 40.3127C42.3044 40.3127 40.1802 39.9536 38.2916 39.2357C36.4026 38.5177 34.8044 37.5009 33.4967 36.1844C32.1891 34.8684 31.1846 33.287 30.484 31.4408C29.7828 29.5947 29.4326 27.5522 29.4326 25.3127C29.4326 23.0563 29.7699 21.0094 30.4455 19.1716C31.1206 17.3343 32.0821 15.7614 33.33 14.4537C34.5777 13.146 36.0905 12.1376 37.8686 11.428C39.6462 10.7189 41.6377 10.364 43.8429 10.364C45.877 10.3471 47.7231 10.642 49.3813 11.2486C51.0392 11.8556 52.4539 12.7145 53.6249 13.8255C54.7956 14.9369 55.7018 16.287 56.3429 17.8768C56.7059 18.7769 57.5049 20.6958 57.3044 23.1845C57.2043 24.4268 57.1898 25.3402 56.5041 26.1418C55.5297 27.2809 54.0009 27.3615 53.5578 27.3694C48.2511 27.436 42.9444 27.5025 37.6377 27.5691ZM44.0737 16.6204C42.2615 16.6204 40.8085 17.1332 39.7147 18.1588C38.3279 19.4592 37.9198 21.1706 37.7365 21.9746C37.6734 22.2511 37.6353 22.4842 37.6121 22.646C37.7929 22.646 37.9736 22.646 38.1544 22.646C42.1702 22.6461 46.186 22.646 50.2018 22.646V22.0563C50.2018 21.2357 50.0564 20.4882 49.766 19.8127C49.4751 19.1376 49.0608 18.5651 48.5223 18.0947C47.9839 17.6248 47.3384 17.2614 46.5865 17.005C45.8341 16.7486 44.9968 16.6204 44.0737 16.6204Z" fill="currentColor"/> 508<path d="M59.5498 0.312584H67.5498V39.7228H59.5498V0.312584Z" fill="currentColor"/> 509<path d="M71.2051 0.312584H79.2051V39.7228H71.2051V0.312584Z" fill="currentColor"/> 510<path d="M96.7832 10.3125C99.1421 10.3125 101.253 10.6715 103.117 11.3894C104.98 12.1074 106.561 13.1202 107.86 14.4279C109.159 15.7355 110.151 17.3125 110.834 19.1586C111.518 21.0048 111.86 23.0561 111.86 25.3125C111.86 27.5689 111.514 29.6202 110.822 31.4663C110.129 33.3125 109.138 34.8894 107.847 36.1971C106.556 37.5048 104.98 38.5175 103.117 39.2355C101.253 39.9534 99.1421 40.3125 96.7832 40.3125C94.4242 40.3125 92.3088 39.9534 90.4371 39.2355C88.5652 38.5175 86.9839 37.5007 85.6935 36.1843C84.4027 34.8682 83.4115 33.2913 82.7191 31.4535C82.0268 29.6161 81.6807 27.5689 81.6807 25.3125C81.6807 23.0561 82.0268 21.0048 82.7191 19.1586C83.4115 17.3125 84.4027 15.7355 85.6935 14.4279C86.9839 13.1202 88.5652 12.1074 90.4371 11.3894C92.3088 10.6715 94.4242 10.3125 96.7832 10.3125ZM96.7832 16.9279C94.4923 16.9279 92.766 17.6546 91.6038 19.1074C90.441 20.5605 89.8602 22.6374 89.8602 25.3381C89.8602 28.022 90.441 30.0861 91.6038 31.5304C92.766 32.9751 94.4923 33.697 96.7832 33.697C99.0737 33.697 100.796 32.9751 101.95 31.5304C103.104 30.0861 103.681 28.022 103.681 25.3381C103.681 22.6374 103.104 20.5605 101.95 19.1074C100.796 17.6546 99.0737 16.9279 96.7832 16.9279Z" fill="currentColor"/> 511</svg></div></a></div><div class="footer_menu"><div class="footer_link-wrap"><div class="footer_link-list"><a href="/shop" class="footer_link">Shop</a><a href="/about" aria-current="page" class="footer_link w--current">About</a><a href="/contact" class="footer_link">Contact</a></div></div><div class="footer_social-list"><a aria-label="Visit Instagram account" href="https://www.instagram.com/drinkzello" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed">
511<svg width=" 100%" height=" 100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 512<path d="M21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2283 4.78181 20.8322 4.17742 20.32 3.68C19.8226 3.16776 19.2182 2.77166 18.55 2.52C17.7706 2.23484 16.9497 2.07945 16.12 2.06C15.06 2 14.72 2 12 2C9.28 2 8.94 2 7.88 2.06C7.0503 2.07945 6.2294 2.23484 5.45 2.52C4.78181 2.77166 4.17742 3.16776 3.68 3.68C3.16743 4.17518 2.77418 4.78044 2.53 5.45C2.23616 6.22734 2.07721 7.04915 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07721 16.9508 2.23616 17.7727 2.53 18.55C2.77418 19.2196 3.16743 19.8248 3.68 20.32C4.17742 20.8322 4.78181 21.2283 5.45 21.48C6.2294 21.7652 7.0503 21.9206 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9497 21.9206 17.7706 21.7652 18.55 21.48C19.2134 21.219 19.816 20.8242 20.3201 20.3201C20.8242 19.816 21.219 19.2134 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.06 22 14.72 22 12C22 9.28 22 8.94 21.94 7.88ZM20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.6327 18.2913 19.3773 18.683 19.0501 19.0101C18.723 19.3373 18.3313 19.5927 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38073 20.1148 6.72401 20.0132 6.1 19.8C5.66869 19.6327 5.27698 19.3773 4.94985 19.0501C4.62272 18.723 4.36734 18.3313 4.2 17.9C3.97775 17.2911 3.86271 16.6482 3.86 16C3.86 15 3.8 14.63 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86271 7.35178 3.97775 6.70893 4.2 6.1C4.36734 5.66869 4.62272 5.27698 4.94985 4.94985C5.27698 4.62272 5.66869 4.36734 6.1 4.2C6.70893 3.97775 7.35178 3.86271 8 3.86C9 3.86 9.37 3.8 12 3.8C14.63 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.2913 4.36734 18.683 4.62272 19.0101 4.94985C19.3373 5.27698 19.5927 5.66869 19.76 6.1C19.9959 6.7065 20.1245 7.34942 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.63 20.19 15 20.14 16Z" fill="currentColor"/> 513<path d="M11.9999 6.86035C10.9833 6.86035 9.98951 7.16181 9.14424 7.7266C8.29897 8.29139 7.64016 9.09415 7.25113 10.0334C6.86209 10.9726 6.76031 12.0061 6.95863 13.0032C7.15696 14.0002 7.6465 14.9161 8.36534 15.6349C9.08418 16.3538 10.0001 16.8433 10.9971 17.0416C11.9942 17.24 13.0277 17.1382 13.9669 16.7491C14.9061 16.3601 15.7089 15.7013 16.2737 14.856C16.8384 14.0108 17.1399 13.017 17.1399 12.0004C17.1399 10.6372 16.5984 9.32976 15.6344 8.36582C14.6705 7.40188 13.3631 6.86035 11.9999 6.86035ZM11.9999 15.3304C11.3413 15.3304 10.6975 15.1351 10.1499 14.7692C9.60221 14.4033 9.17539 13.8832 8.92335 13.2747C8.67131 12.6663 8.60537 11.9967 8.73386 11.3507C8.86234 10.7048 9.1795 10.1114 9.6452 9.64568C10.1109 9.17998 10.7043 8.86282 11.3502 8.73434C11.9962 8.60585 12.6658 8.67179 13.2742 8.92383C13.8827 9.17587 14.4028 9.60269 14.7687 10.1504C15.1346 10.698 15.3299 11.3418 15.3299 12.0004C15.3299 12.4377 15.2438 12.8707 15.0764 13.2747C14.9091 13.6788 14.6638 14.0458 14.3546 14.3551C14.0453 14.6643 13.6783 14.9096 13.2742 15.0769C12.8702 15.2443 12.4372 15.3304 11.9999 15.3304Z" fill="currentColor"/> 514<path d="M17.3401 5.45996C17.1028 5.45996 16.8708 5.53034 16.6734 5.66219C16.4761 5.79405 16.3223 5.98147 16.2314 6.20074C16.1406 6.42001 16.1169 6.66129 16.1632 6.89406C16.2095 7.12684 16.3237 7.34066 16.4916 7.50848C16.
5146594 7.67631 16.8732 7.7906 17.106 7.8369C17.3388 7.8832 17.58 7.85944 17.7993 7.76861C18.0186 7.67779 18.206 7.52398 18.3379 7.32664C18.4697 7.1293 18.5401 6.89729 18.5401 6.65996C18.5401 6.3417 18.4137 6.03647 18.1886 5.81143C17.9636 5.58638 17.6584 5.45996 17.3401 5.45996Z" fill="currentColor"/> 515</svg></div></a><a aria-label="visit Facebook page" href="https://www.facebook.com/drinkzello" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 516<path d="M22.06 11.9872C22.0597 10.0646 21.5085 8.18223 20.4717 6.56311C19.4348 4.944 17.9558 3.65587 16.2096 2.85122C14.4635 2.04658 12.5233 1.75911 10.6188 2.02286C8.71436 2.2866 6.92534 3.09052 5.46357 4.33943C4.0018 5.58834 2.92848 7.22994 2.3707 9.06989C1.81291 10.9099 1.794 12.8711 2.31622 14.7215C2.83844 16.5719 3.87991 18.2338 5.31734 19.5107C6.75477 20.7875 8.52796 21.6258 10.427 21.9262V14.9002H7.87199V11.9872H10.427V9.77117C10.3721 9.25351 10.4318 8.73011 10.6017 8.23805C10.7716 7.74598 11.0476 7.2973 11.4101 6.92375C11.7727 6.55021 12.213 6.26096 12.6998 6.07647C13.1865 5.89198 13.7079 5.81677 14.227 5.85617C14.9815 5.86767 15.7342 5.93452 16.479 6.05617V8.52917H15.211C14.9948 8.50041 14.7749 8.52064 14.5676 8.58838C14.3603 8.65611 14.1709 8.76962 14.0134 8.92048C13.8559 9.07135 13.7344 9.25572 13.6578 9.45992C13.5812 9.66413 13.5515 9.88295 13.571 10.1002V11.9872H16.362L15.915 14.9002H13.571V21.9302C15.9381 21.5551 18.0937 20.3476 19.6499 18.5249C21.2061 16.7021 22.0607 14.3839 22.06 11.9872Z" fill="currentColor"/> 517</svg></div></a><a aria-label="Visit TikTok account" href="https://www.tiktok.com/@drinkzello" target="_blank" class="footer_social-link w-inline-block"><div class="footer_social-icon w-embed"><svg width=" 100%" height=" 100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 518<path d="M12.4421 2.017C13.5341 2 14.6171 2.008 15.7001 2C15.7334 3.30012 16.2538 4.54031 17.1581 5.475C18.1358 6.35334 19.3797 6.87864 20.6911 6.967V10.325C19.4818 10.2953 18.2911 10.0204 17.1911 9.517C16.7224 9.2927 16.2711 9.03364 15.8411 8.742C15.8331 11.175 15.8501 13.608 15.8251 16.033C15.7613 17.2107 15.3718 18.3476 14.7001 19.317C14.1462 20.1176 13.4119 20.7768 12.5564 21.2415C11.7009 21.7061 10.7482 21.9632 9.77508 21.992C8.58198 22.0458 7.39945 21.7471 6.37508 21.133C5.53195 20.6323 4.8177 19.9412 4.28948 19.115C3.76126 18.2888 3.43373 17.3504 3.33308 16.375C3.31708 15.958 3.30808 15.542 3.32508 15.133C3.41014 14.2785 3.66975 13.4506 4.08781 12.7005C4.50587 11.9504 5.07349 11.2941 5.7555 10.7723C6.43751 10.2505 7.2194 9.87428 8.05272 9.66696C8.88605 9.45963 9.75307 9.42561 10.6001 9.567C10.6161 10.8 10.5661 12.033 10.5661 13.267C10.2105 13.1423 9.83383 13.0891 9.45765 13.1105C9.08146 13.1318 8.71321 13.2273 8.37403 13.3914C8.03486 13.5555 7.73145 13.785 7.48125 14.0667C7.23105 14.3484 7.03898 14.6768 6.91608 15.033C6.78556 15.4676 6.74607 15.9244 6.80008 16.375C6.90817 17.0619 7.26497 17.6852 7.80262 18.1262C8.34026 18.5673 9.02126 18.7953 9.71608 18.767C10.1823 18.7533 10.6377 18.6234 11.0409 18.389C11.4441 18.1547 11.7824 17.8233 12.0251 17.425C12.2107 17.1637 12.3279 16.8602 12.3661 16.542C12.4501 15.05 12.4161 13.567 12.4251 12.075C12.4341 8.717 12.4171 5.367 12.4421 2.017Z" fill="currentColor"/> 519</svg></div></a></div></div></div><div class="footer_bottom"><div class="footer_credit-text">© 2025 Zello. All rights reserved.</div><div class="w-layout-grid footer_legal-list"><a href="/shipping-policy" class="footer_legal-link">Shipping Policy</a><a href="/returns-policy" class="footer_legal-link">Returns Policy</a><a href="/privacy-policy" class="footer_legal-link">Privacy Policy</a><a href="/terms-of-service" class="footer_legal-link">Terms of Service</a></div></div></div></div></div></footer></div></div>
519<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67de82c922d52b417b4981a9" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
519<script src="https://cdn.prod.website-files.com/67de82c922d52b417b4981a9/js/webflow.b2bf6af6.3ae68122957da1af.js" type="text/javascript" integrity="sha384-EqVaRu+uedNGryPY8AjAR3TVMVC631nf3bJzryLFOfiwvTZ4iJbC4gGD1pReI+0H" crossorigin="anonymous"></script>
519<!-- GSAP ANIMATION LIBRARY -->
520<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
vendor: 1 bytes, line 520
520
521<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
521 522 523<!-- LENIS SMOOTH SCROLL LIBRARY -->
524<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
524 525 526<!-- SPLIT-TYPE LIBRARY -->
527<script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/index.min.js"></script>
527 528
529<script> 530// Lenis (with GSAP Scroltrigger) 531const lenis = new Lenis(); 532lenis.on('scroll', ScrollTrigger.update); 533gsap.ticker.add((time) => {lenis.raf(time * 1000);}); 534gsap.ticker.lagSmoothing(0); 535</script>
535 536 537 538 539 540
541<script> 542function initParallaxImg() { 543 gsap.utils.toArray("[data-parallax-wrap] [data-parallax-img]").forEach((section, i) => { 544 const heightDiff = section.offsetHeight - section.parentElement.offsetHeight; 545 546 gsap.fromTo( 547 section, 548 { 549 y: -heightDiff, 550 }, 551 { 552 scrollTrigger: { 553 trigger: section.parentElement, 554 scrub: true, 555 invalidateOnRefresh: true, 556 }, 557 y: 0, 558 ease: "none", 559 } 560 ); 561 }); 562} 563 564function initMarqueeScrollDirection() { 565 document.querySelectorAll("[data-marquee-scroll-direction-target]").forEach((marquee) => { 566 // Query marquee elements 567 const marqueeContent = marquee.querySelector("[data-marquee-collection-target]"); 568 const marqueeScroll = marquee.querySelector("[data-marquee-scroll-target]"); 569 if (!marqueeContent || !marqueeScroll) return; 570 571 // Get data attributes 572 const { 573 marqueeSpeed: speed, 574 marqueeDirection: direction, 575 marqueeDuplicate: duplicate, 576 marqueeScrollSpeed: scrollSpeed, 577 } = marquee.dataset; 578 579 // Convert data attributes to usable types 580 const marqueeSpeedAttr = parseFloat(speed); 581 const marqueeDirectionAttr = direction === "right" ? 1 : -1; // 1 for right, -1 for left 582 const duplicateAmount = parseInt(duplicate || 0); 583 const scrollSpeedAttr = parseFloat(scrollSpeed); 584 const speedMultiplier = window.innerWidth < 479 ? 0.25 : window.innerWidth < 991 ? 0.5 : 1; 585 586 let marqueeSpeed = 587 marqueeSpeedAttr * (marqueeContent.offsetWidth / window.innerWidth) * speedMultiplier; 588 589 // Precompute styles for the scroll container 590 marqueeScroll.style.marginLeft = `${scrollSpeedAttr * -1}%`; 591 marqueeScroll.style.width = `${scrollSpeedAttr * 2 + 100}%`; 592 593 // Duplicate marquee content 594 if (duplicateAmount > 0) { 595 const fragment = document.createDocumentFragment(); 596 for (let i = 0; i < duplicateAmount; i++) { 597 fragment.appendChild(marqueeContent.cloneNode(true)); 598 } 599 marqueeScroll.appendChild(fragment); 600 } 601 602 // GSAP animation for marquee content 603 const marqueeItems = marquee.querySelectorAll("[data-marquee-collection-target]"); 604 const animation = gsap 605 .to(marqueeItems, { 606 xPercent: -100, // Move completely out of view 607 repeat: -1, 608 duration: marqueeSpeed, 609 ease: "linear", 610 }) 611 .totalProgress(0.5); 612 613 // Initialize marquee in the correct direction 614 gsap.set(marqueeItems, { xPercent: marqueeDirectionAttr === 1 ? 100 : -100 }); 615 animation.timeScale(marqueeDirectionAttr); // Set correct direction 616 animation.play(); // Start animation immediately 617 618 // Set initial marquee status 619 marquee.setAttribute("data-marquee-status", "normal"); 620 621 // ScrollTrigger logic for direction inversion 622 ScrollTrigger.create({ 623 trigger: marquee, 624 start: "top bottom", 625 end: "bottom top", 626 onUpdate: (self) => { 627 const isInverted = self.direction === 1; // Scrolling down 628 const currentDirection = isInverted ? -marqueeDirectionAttr : marqueeDirectionAttr; 629 630 // Update animation direction and marquee status 631 animation.timeScale(currentDirection); 632 marquee.setAttribute("data-marquee-status", isInverted ? "normal" : "inverted"); 633 }, 634 }); 635 636 // Extra speed effect on scroll 637 const tl = gsap.timeline({ 638 scrollTrigger: { 639 trigger: marquee, 640 start: "0% 100%", 641 end: "100% 0%", 642 scrub: 0, 643 }, 644 }); 645 646 const scrollStart = marqueeDirectionAttr === -1 ? scrollSpeedAttr : -scrollSpeedAttr; 647 const scrollEnd = -scrollStart; 648 649 tl.fromTo(marqueeScroll, { x: `${scrollStart}vw` }, { x: `${scrollEnd}vw`, ease: "none" }); 650 }); 651} 652 653document.addEventListener("DOMContentLoaded", () => { 654 initParallaxImg(); 655 initMarqueeScrollDirection(); 656}); 657</script>
657 658 659 660
661<script> 662document.addEventListener('DOMContentLoaded', function() { 663 // Convert given phone number to the format +12345678901 664 function formatPhoneNumber(number) { 665 let cleaned = ('' + number).replace(/\D/g, ''); 666 let match = cleaned.match(/^1?(\d{10})$/); 667 if (match) { 668 return '+1' + match[1]; 669 } 670 return null; 671 } 672 673 const klaviyoForms = document.querySelectorAll('.klaviyo-form'); 674 675 klaviyoForms.forEach((form) => { 676 form.addEventListener('submit', function(event) { 677 // Always prevent the default form submission 678 event.preventDefault(); 679 680 // Form Data Extraction 681 const formData = new FormData(form); 682 const attributes = {}; 683 const standardAttributes = ["email", "phone_number", "external_id", "anonymous_id", "_kx", "first_name", "last_name", "organization", "title", "image"]; 684 const nestedObjects = { 685 "location": ["address1", "address2", "city", "country", "region", "zip", "timezone", "ip"] 686 }; 687 688 for (let [key, value] of formData.entries()) { 689 if (standardAttributes.includes(key)) { 690 attributes[key] = value; 691 } else { 692 let addedToNested = false; 693 for (const [objectName, fields] of Object.entries(nestedObjects)) { 694 if (fields.includes(key)) { 695 if (!attributes[objectName]) attributes[objectName] = {}; 696 attributes[objectName][key] = value; 697 addedToNested = true; 698 break; 699 } 700 } 701 if (!addedToNested) { 702 if (!attributes.properties) attributes.properties = {}; 703 attributes.properties[key] = value; 704 } 705 } 706 } 707 708 // Phone Number Formatting 709 if (attributes.phone_number) { 710 attributes.phone_number = formatPhoneNumber(attributes.phone_number); 711 if (!attributes.phone_number) { 712 console.error('Error: Invalid phone number format.'); 713 let customErrorElement = form.querySelector('.custom-error'); 714 if (customErrorElement) { 715 customErrorElement.textContent = 'Invalid phone number format. Please use a format like 123-456-7890 or 1234567890.'; 716 customErrorElement.style.display = 'block'; 717 } 718 return; 719 } 720 } 721 722 // Klaviyo API Configuration 723 const klaviyoListId = form.getAttribute("data-klaviyo-list-id"); 724 const options = { 725 method: 'POST', 726 headers: { 727 'revision': '2023-08-15', 728 'content-type': 'application/json' 729 }, 730 body: JSON.stringify({ 731 data: { 732 type: 'subscription', 733 attributes: { 734 custom_source: form.getAttribute("data-name"), 735 profile: { 736 data: { 737 type: 'profile', 738 attributes: attributes 739 } 740 } 741 }, 742 relationships: { list: { data: { type: 'list', id: klaviyoListId }}} 743 } 744 }) 745 }; 746 747 // Klaviyo API Call 748 fetch('https://a.klaviyo.com/client/subscriptions/?company_id=VxUZtW', options) 749 .then(response => { 750 if (!response.ok) { 751 return response.json().then(err => Promise.reject(err)); 752 } else { 753 // Display the success message on successful submission 754 let customSuccessElement = form.querySelector('.custom-success'); 755 if (customSuccessElement) customSuccessElement.style.display = 'block'; 756 } 757 }) 758 .catch(err => { 759 console.error('Error sending data to Klaviyo:', err); 760 761 // Display the error message on error 762 let customErrorElement = form.querySelector('.custom-error'); 763 if (customErrorElement) customErrorElement.style.display = 'block'; 764 }); 765 }); 766 }); 767}); 768 769</script>
769 770 771
772<script async type='text/javascript' src='https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VxUZtW'></script>
772<script> 773function initAboutMonoTextReveal() { 774 let typeSplit; 775 function runSplit() { 776 typeSplit = new SplitType(".about-mono_text", { 777 types: "lines, words", 778 }); 779 $(".line").append("<div class='line-mask'></div>"); 780 createAnimation(); 781 } 782 runSplit(); 783 // Update on window resize 784 let windowWidth = $(window).innerWidth(); 785 window.addEventListener("resize", function () { 786 if (windowWidth !== $(window).innerWidth()) { 787 windowWidth = $(window).innerWidth(); 788 typeSplit.revert(); 789 runSplit(); 790 } 791 }); 792 793 function createAnimation() { 794 $(".line").each(function (index) { 795 let monoTl = gsap.timeline({ 796 scrollTrigger: { 797 trigger: $(this), 798 start: "top center", 799 end: "bottom center", 800 scrub: 1, 801 }, 802 }); 803 monoTl.to($(this).find(".line-mask"), { 804 width: "0%", 805 duration: 1, 806 }); 807 }); 808 } 809} 810 811 812 813document.addEventListener("DOMContentLoaded", () => { 814 initAboutMonoTextReveal(); 815}); 816</script>
816</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.