PageSourceSearch

https://drink-zello.webflow.io/about

html drink-zello.webflow.io collected 2026-10-03 13:00:04 UTC 57,396 bytes, 816 lines download raw bytes

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&#x27;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&#x27;
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&#x27;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 &amp;<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.