100) ? true : false;" @resize.window="detectDevice = (window.innerWidth < 768) ? true : false;" :class="{'overflow-hidden': voltVideo || realVideo}">
About Us
Portfolio
News and Events
Gaming
mx
Bolivia
Colombia
Costa Rica
Ecuador
Egipto
El Salvador
Guatemala
Honduras
México
Nicaragua
Panamá
Perú
Tailandia
en
Español
French
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
DISCOVER
OUR FLAVORS
ENERGY DRINK
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 0;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
Blue
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 1;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
Yellow
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 2;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
Dark
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 3;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
Pink
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 4;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
Focus
{gsap.to(window, { duration: 1, scrollTo: { y: $refs.product, offsetY: 75, onComplete: () => {gsap.to([$refs.subtitle, $refs.flavor], {translateY: "200%", rotate: "5deg", onComplete: () => {gsap.fromTo([$refs.subtitle, $refs.flavor], {translateY: "100%", rotate: "5deg"}, {translateY: "0%", rotate: "0deg"})}});gsap.to($refs.hashtag, {opacity:0, onComplete: () => {gsap.fromTo($refs.hashtag, {opacity:0}, {opacity:1})}});gsap.to($refs.contentProduct, {translate: "-100%", rotate: "-5deg", overflow: "hidden", opacity: 0, onComplete: () => {tabProduct = 5;gsap.fromTo($refs.contentProduct, {translate: "100%", rotate: "5deg", overflow: "hidden", opacity: 0} ,{translate: "0%", rotate: "0deg", overflow: "visible", opacity: 1})} })} }})})">
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer
Gamer