[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{":ssr":3,"$f6YpnrpIlIVZt6vvvixsM2MWZHhJ-lSfZU-0uTLqylfk":4},true,{"buuk":5,"media":187},{"bid":6,"sid":7,"title":8,"coverUrl":9,"pages":10,"data":177},"events","flip","Engage your audience IRL","cloudstorage:\u002F\u002Fcover-800x800.jpg",[11,31,35,42,47,53,82,87,142,151,156],{"head":12,"data":13,"tpl":29,"body":12},"",{"$close":14,"$subtitle":15,"$meta":16,"$flip":3,"$sfx":3,"$trailer":20,"$cover-hash":21,"$x-cover-hash":22,"$autoplay":23,"$custom-bg-color":24,"show":27,":public":3},"close","Capturing attention in motion",{"url":17,"description":18,"keywords":19},"https:\u002F\u002Fm.flipbuuk.com\u002F@events","Engage your events with Motion Display™.","flipbuuk, flipbook, engagement, marketing, interactive, storytelling, flip, motion, slideshow, irl.","「 Engage your events \u003Ci>IRL\u003C\u002Fi> by \u003Cb>flipbuuk\u003C\u002Fb> 」","K05;tIogfQtQfQfQo{fQfQ","K7D93fAs00?@rX0201R*~o",8,[25,26],"#D3BFDB","#33273D",{"special":28},false,{"head":12,"body":30},"\u003Cz-div light-auto>\n\u003Cp>\u003Cem>Wanna \u003Cstrong>\u003Cstrong>engage \u003Cz-typed :s=\"['people', 'events', 'retail']\" loop \u002F>\u003C\u002Fstrong>\u003C\u002Fstrong>?\u003C\u002Fem>\u003C\u002Fp>\n\u003Cp>Make people \u003Cem>\u003Cstrong>\u003Cstrong>STOP\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> and spark \u003Cem>\u003Cstrong>\u003Cstrong>REAL conversation\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> 💬\nwith \u003Csup>^\u003C\u002Fsup>\u003Cstrong>\u003Cstrong>Motion Display™\u003C\u002Fstrong>\u003C\u002Fstrong> 🦋✨ today.\u003C\u002Fp>\n\u003Cz-div light-auto flex-center x-callout=\"🎯\" parallax-3d x-blockquote class=\"my-16\">\n\u003C!-- 🎯 _****Sell****_ without _selling_\\\n🎯 _****Simplify****_ _touch point_\\\n🎯 _****Storytelling****_ in _motion_ -->\n\u003Cp>{{ }}\u003Cz-motion slide-x>\n🎯 \u003Cem>\u003Cstrong>\u003Cstrong>Sell\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> without \u003Cem>selling\u003C\u002Fem>\n{{ }}\u003C\u002Fz-motion>\n{{ }}\u003Cz-motion slide-x>\n🎯 \u003Cem>\u003Cstrong>\u003Cstrong>Simplify\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> \u003Cem>touch point\u003C\u002Fem>\n{{ }}\u003C\u002Fz-motion>\n{{ }}\u003Cz-motion slide-x>\n🎯 \u003Cem>\u003Cstrong>\u003Cstrong>Storytelling\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> in \u003Cem>motion\u003C\u002Fem>\n{{ }}\u003C\u002Fz-motion>\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Cz-div callout=\"^\" no-margin class=\"mt-8\">\n\u003Cz-div small italic x-center x-bal light-auto>\n\u003Cb>\u003Cb>Interact\u003C\u002Fb>\u003C\u002Fb> anytime; \u003Cb>\u003Cb>autoplay\u003C\u002Fb>\u003C\u002Fb> when inactive. \n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003Cz-div xs light-auto italic flex-center no-margin class=\"opacity-80\">\nKiosk\u002FTVs  •  iPad™  •  Mobile\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003Cz-more x-confetti balloon label=\"Tap 🎈\">\n\u003Cz-div center>\n  \u003Ci>Hi!\u003C\u002Fi> 👋\n\u003C\u002Fz-div>\n\u003C\u002Fz-more>\n\u003Cz-motion :disabled=\"z.display\" v-show=\"!z.play\">\n\u003Cz-div xs center class=\"opacity-80\">\n\u003Ci>(best viewed on Touch Display at 1.5x)\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003Cz-div spacer \u002F>\u003Cp>\u003Cstrong>Why it works:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-motion :disabled=\"z.display\" once slide-x>\n\u003Cul>\n\u003Cli>📜 \u003Cstrong>\u003Cstrong>Storytelling:\u003C\u002Fstrong>\u003C\u002Fstrong> Connect emotionally with relatable narratives.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003Cz-motion :disabled=\"z.display\" once slide-x>\n\u003Cul>\n\u003Cli>🌟 \u003Cstrong>\u003Cstrong>Interactive & Dynamic:\u003C\u002Fstrong>\u003C\u002Fstrong> Stunning motion grab attention.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003Cz-motion :disabled=\"z.display\" once slide-x>\n\u003Cul>\n\u003Cli>👫 \u003Cstrong>\u003Cstrong>Group Interaction:\u003C\u002Fstrong>\u003C\u002Fstrong> Crowd participate during interaction.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003Cz-div sm light-auto callout>\n\u003Cz-motion>\n\u003Cz-div flex-center>\n\u003Cz-icon icon=\"$help\" inline start\u002F>\n\u003Cb>Did you know\u003C\u002Fb>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003Cp>A \u003Cstrong>\u003Cstrong>vertical display\u003C\u002Fstrong>\u003C\u002Fstrong> is better for conveying information (i.e., books\u002Fposters) than a landscape display (i.e., video clips).\u003C\u002Fp>\n\u003Cz-more right>\n\u003Cp>While large displays can attract attention from afar, you need to be at a \u003Cstrong>\u003Cstrong>close distance\u003C\u002Fstrong>\u003C\u002Fstrong> to engage your audience effectively.\u003C\u002Fp>\n\u003C\u002Fz-more>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F>\u003C!-- _Preview_ on iPad™ to ****find out****. -->\n\u003Cz-toc id=\"toc\" no-index truncate hint tap-hint \u002F>\u003Cdiv v-show=\"!z.play\">\n\u003Cz-motion v-show=\"!z.play\" once slide-x>\n\u003Cz-div flex-right>\n\u003Cz-more right label=\"Motion Display™ 📺\" caption=\"Kiosk\u002FTVs • iPad™\" >\n\u003Cz-div sm light-auto callout>\n\u003Cz-div flex-center>\n\u003Cz-icon icon=\"$info\" inline start\u002F>\n\u003Cb>Motion Display™\u003C\u002Fb>\n\u003C\u002Fz-div>\n\u003Cp>This flipbook can be displayed as Motion Display™ on\n\u003Ci>Kiosk\u002FTVs\u003C\u002Fi> & \u003Ci>iPad™\u003C\u002Fi>.\u003C\u002Fp>\n\u003C!-- \u003Cz-link to=\"https:\u002F\u002Fm.flipbuuk.com\u002F@events\"  :lock=\"z.display\"  outlined>\n  Learn more\n\u003C\u002Fz-link> -->\n\u003Cz-div v-show=\"!z.play\" sm center class=\"opacity-80\">\n  🖐️ \u003Ci>Autoplay in {{z.countdown}}s...\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-more>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003C\u002Fdiv>\n\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  aspect-ratio=\"4\u002F1\"  fill  dark-dim  parallax  class=\"opacity-20\"\u002F>\u003Cz-div dark-theme blend>\n\u003Cz-motion once>\n\u003Cz-div light-auto x-blockquote parallax-3d center bal>\n\u003Cp>\u003Cem>"Brands using interactive media report up to a \u003Cstrong>\u003Cstrong>\u003Cz-num value=\"66\" suffix=\"%\" inline \u002F>\u003C\u002Fstrong>\u003C\u002Fstrong> higher conversion rate compared to those relying on static content."\u003C\u002Fem>\u003C\u002Fp>\n\u003Cz-div small right>\n– Content Marketing Institute\n\u003C!-- – \u003Cz-typed s=\"Content Marketing Institute\" type-speed=\"50\" \u002F> -->\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003C\u002Fz-div>\n\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F>\u003Cz-div spacer \u002F>\u003Cp>\u003Cstrong>About flipbuuk\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fflipbuuk-logo.opt.svg\"  width=\"15%\"  dark-dim  no-tap  x-backlight\u002F>\u003Cz-link to=\"https:\u002F\u002Fm.flipbuuk.com\"  :lock=\"z.display\"  label=\"Visit\"  icon=\"$web\"  text>\n  flipbuuk.com\n\u003C\u002Fz-link>\n\u003Cdiv @click.stop=\"show.special = !show.special\">\n\u003Cp>Engage your events \u003Cem>\u003Cz-typed s=\"^500I^500R^500L\" \u002F>\u003C\u002Fem>.\u003Cbr>\n\u003Cem>Let's collab!\u003C\u002Fem> 🤝\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cz-trans slide-y>\n\u003Cz-div v-show=\"show.special\" flex-right>\n「 牵动人心 \u003Ci>\u003Cz-typed s=\"^500I^500R^500L\" \u002F>\u003C\u002Fi> · \u003Cb>飞谱\u003C\u002Fb> 」\n\u003C\u002Fz-div>\n\u003C\u002Fz-trans>\n\u003Cz-div spacer \u002F>\u003Chr>\n\u003Cz-div small no-margin>\n  Copyright © 2025-2026, flipbuuk. All rights reserved.\n\u003C\u002Fz-div>\n\u003Cz-motion v-show=\"!z.play\">\n\u003Cz-div spacer \u002F>\n\u003Cz-div xs light-auto center class=\"opacity-80\">\n🖐️ \u003Ci>Motion Display™ \u003Cspan class=\"opacity-50 mx-2\">···\u003C\u002Fspan> {{z.countdown}}s\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003C!-- qr-tab -->\n\u003Cz-qr v-if=\"z.display\" src=\"cloudstorage:\u002F\u002Fqr-tab.png\" \u002F>",{"head":12,"data":32,"tpl":33,"body":12},{},{"head":12,"body":34},"\u003Cz-div fill-center>\n\u003Cz-div dark-theme blend>\n\u003Cz-motion once  :scale=\"{    opacity: 0,    scale: 2,  }\"  :animated=\"{    scale: 1.2,  }\"  :threshold=\"0\">\n\u003Cz-div xl bold italic blockquote center bal backlight-dark>\n\u003Cp>Attract.\u003Cbr>\nInteract.\u003Cbr>\nEngage.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003Cz-div xl italic light-auto blockquote center bal>\n\u003Cz-typed  s=\"^1000 Let curiosity reveal what comes next.\"  type-speed=\"50\"\u002F>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C!-- scroll-down -->\n\u003Cz-div v-show=\"!z.play\" sm italic flex-center class=\"opacity-50\">\n  scroll down\n\u003Cz-icon icon=\"$scroll-down\" size=\"sm\" \u002F>\u003C\u002Fz-div>\n\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F>\n\u003Cz-div spacer \u002F>\u003Cz-img src=\"cloudstorage:\u002F\u002Fdisplay-stand.webp\"  tile  width=\"50%\"  aspect-ratio=\"282\u002F500\"  caption=\"Display stand (less space)\"\u002F>\u003Cz-div spacer \u002F>\u003Cz-toc toc  tap-hint  next=\"Scan me, Share it\"\u002F>\u003C!-- qr-tab -->\n\u003Cz-qr v-if=\"z.display\" src=\"cloudstorage:\u002F\u002Fqr-tab.png\" \u002F>",{"tpl":36,"body":12,"head":12,"data":39},{"head":37,"body":38},"!💕 \u003Cem>Scan\u003C\u002Fem> & \u003Cstrong>\u003Cstrong>Share\u003C\u002Fstrong>\u003C\u002Fstrong>","\u003Cz-div fill-center>\n\u003Cz-div light-auto center bal>\n\u003Cz-tx fade>\u003Cspan v-show=\"typed.pos === 0\">🔎\u003C\u002Fspan>\u003C\u002Fz-tx>  \u003Cz-typed    v-model=\"typed.pos\"    :s=\"['^0 \u003Cb>\u003Cb>\u003Ci>Scan me\u003C\u002Fi>\u003C\u002Fb>\u003C\u002Fb>^800 ', '^0 \u003Cb>\u003Cb>\u003Ci>Share it\u003C\u002Fi>\u003C\u002Fb>\u003C\u002Fb>^800']\"\n    type-speed=\"50\"\n    back-speed=\"25\"\n    loop\n    class=\"mx-2\"\n  \u002F>\n\u003Cz-tx fade>\u003Cspan v-show=\"typed.pos === 1\">🤝\u003C\u002Fspan>\u003C\u002Fz-tx>\u003C\u002Fz-div>\n\u003C!-- \u003Cz-div light-auto center bal>\n  \u003Cspan xv-show=\"typed.pos === 0\">🔎\u003C\u002Fspan>\n  \u003Cz-typed    xv-model=\"typed.pos\"    :s=\"['\u003Cb>\u003Cb>\u003Ci>Get it\u003C\u002Fi>\u003C\u002Fb>\u003C\u002Fb> on your phone', '\u003Cb>\u003Cb>\u003Ci>Share it\u003C\u002Fi>\u003C\u002Fb>\u003C\u002Fb> with a friend']\"\n    type-speed=\"50\"\n    back-speed=\"25\"\n    loop\n    style=\"display: inline-block; min-width: 55%;\"\n    class=\"mx-2\"\n  \u002F>\n  \u003Cspan xv-show=\"typed.pos === 1\">🤝\u003C\u002Fspan>\n\u003C\u002Fz-div> -->\n\u003Cz-div spacer \u002F>\u003Cz-motion once  :scale=\"{    scale: 1,  }\"  :animated=\"{    scale: 1.2,  }\"  :threshold=\"0\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fqrcode-scan-me.png\"  fill  width=\"50%\"  background=\"#503e60\"  caption=\"flipbuuk.com\u002F@events\"\u002F>\n\u003C\u002Fz-motion>\n\u003C!-- \u003Cz-div spacer \u002F>\n\n\u003Cz-div light-auto center bal>\n  \u003Cb>\u003Cb>🤝 \u003Ci>Share it\u003C\u002Fi>\u003C\u002Fb>\u003C\u002Fb> with a friend\n\u003C\u002Fz-div> -->\n\u003C\u002Fz-div>\n\u003Cz-toc toc  tap-hint  next=\"Pricing with motion\"\u002F>\u003Cz-motion once slide-x>\n\u003Cz-more label=\"⚙️ How to setup\">\n\u003Cz-div spacer \u002F>\u003Chr>\n\u003Cz-div sm light-auto callout>\n\u003Cz-div flex-center>\n\u003Cz-icon icon=\"$info\" inline start\u002F>\n\u003Cb>Motion Display™ on iPad™\u003C\u002Fb>\n\u003C\u002Fz-div>\n\u003Cp>This flipbook can be displayed as Motion Display™ on\n\u003Ci>iPad™\u003C\u002Fi> & \u003Ci>TV display\u003C\u002Fi>.\u003C\u002Fp>\n\u003Cz-div v-show=\"!z.play\" sm center class=\"opacity-80\">\n  🖐️ \u003Ci>Motion Display™ starts in 10s...\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003Cp>\u003Cstrong>⚙️ Setup in ① ② ③\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-div spacer \u002F>\u003Cz-img src=\"cloudstorage:\u002F\u002Fflippane-easel-qr.png\"  width=\"50%\"  aspect-ratio=\"1\"  parallax\u002F>\u003Cp>Here are \u003Cem>3-steps\u003C\u002Fem> guide to setup your \u003Cem>iPad™\u002Ftablet\u003C\u002Fem>:\u003C\u002Fp>\n\u003Cz-div spacer \u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>① Portrait Position\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>Put your \u003Cem>iPad™\u002Ftablet\u003C\u002Fem> into \u003Cstrong>portrait\u003C\u002Fstrong> position, then place it on an\n\u003Cem>\u003Cstrong>art stand\u003C\u002Fstrong>\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cz-div spacer \u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>② Setup Browser\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>\u003Cstrong>Increase the size\u003C\u002Fstrong> of \u003Cem>browser\u003C\u002Fem> by \u003Cstrong>\u003Cb>\u003Cz-num :value=\"200\" init=\"100\" suffix=\"%\" inline \u002F>\u003C\u002Fb>\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cz-more label=\"how to?\" >\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cu>\u003Cem>iPad™\u003C\u002Fem>\u003C\u002Fu>\u003Cbr>\nOn "Safari", increase the size from Safari address bar, then "Hide Toolbar".\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cu>\u003Cem>Android\u003C\u002Fem>\u003C\u002Fu>\u003Cbr>\nOn "Chrome", increase the "Default zoom" from "Accessibility".\u003Cbr>\n(Settings → Accessibility)\u003Cbr>\n\u003Cbr>\nThen, enable "Full screen" from "Help" menu on the cover page.\u003Cbr>\n(\u003Cz-icon :icon=\"z.icon['mdi:menu']\" \u002F> → Help → \u003Cz-icon :icon=\"z.icon['mdi:fullscreen']\" \u002F>)\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-more>\n\u003Cz-div spacer \u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>③ Lock Browser\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>\u003Cstrong>Restrict access\u003C\u002Fstrong> to \u003Cem>browser\u003C\u002Fem> only.\u003C\u002Fp>\n\u003Cz-more label=\"how to?\" >\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cu>\u003Cem>iPad™\u003C\u002Fem>\u003C\u002Fu>\u003Cbr>\nSearch "Guided Access" from "Settings"\u003Cbr>\n(Accessibility → Guided Access)\u003C\u002Fp>\n\u003C\u002Fli>\n\u003Cli>\n\u003Cp>\u003Cu>\u003Cem>Android\u003C\u002Fem>\u003C\u002Fu>\u003Cbr>\nSearch "Screen pinning" from "Settings"\u003Cbr>\n(Security → Screen pinning)\u003C\u002Fp>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-more>\n\u003Cz-div spacer=\"2\" \u002F>\u003Cz-div xs callout>\n\u003Cz-div flex>\n\u003Cz-icon icon=\"$lightbulb\" start \u002F>You may also want to:\n\u003C\u002Fz-div>\n\u003C!-- - Protect your device with a case -->\n\u003Cul>\n\u003Cli>Disable auto-lock \u002F sleep\u003C\u002Fli>\n\u003Cli>Resize text \u003Cz-icon :icon=\"z.icon['mdi:format-size']\" size=\"sm\" \u002F> for readability\u003C\u002Fli>\n\u003Cli>\u003Cem>"Add to Home Screen"\u003C\u002Fem> for easy access\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003Cz-img src=\"cloudstorage:\u002F\u002Fflippane-easel.png\"  width=\"25%\"  aspect-ratio=\"1\"\u002F>\u003C\u002Fz-more>\n\u003C\u002Fz-motion>\n",{"typed":40},{"pos":41},0,{"data":43,"head":12,"body":12,"tpl":44},{},{"head":45,"body":46},"^🏷️ \u003Cem>Pricing\u003C\u002Fem> with \u003Cstrong>\u003Cstrong>motion\u003C\u002Fstrong>\u003C\u002Fstrong>","\u003Cz-div fill-center xl>\n\u003Cz-div dark-theme blend>\n\u003Cz-div light-auto parallax-3d flex-center center xl>\n\u003Cz-div xs italic light-auto center>\n    ~ offer ~\n\u003C\u002Fz-div>\n  \u003Cb>\u003Cb>\u003Csup>*\u003C\u002Fsup>\u003Cz-num value=\"1490\" init=\"2990\" prefix=\"$\" inline \u002F>\u003C\u002Fb>\u003C\u002Fb> only\n\u003Cz-div xs no-margin>\n  \u003Cs>\u003Ci>$2,990\u003C\u002Fi>\u003C\u002Fs> (\u003Cz-num value=\"-50\" suffix=\"%\" inline \u002F>)\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C!-- --- -->\n\u003Cz-div light-theme blend>\n\u003Cz-div light-auto center xl>\n\u003Cz-div xs italic light-auto center>\n    as low as\n\u003C\u002Fz-div>\n  \u003Cb>\u003Cb>\u003Csup>*\u003C\u002Fsup>\u003Cz-num value=\"480\" init=\"800\" prefix=\"RM \" inline \u002F>\u003C\u002Fb>\u003C\u002Fb> only\n\u003Cz-div xs no-margin>\n  \u003Ci>You save: \u003Cz-num value=\"320\" prefix=\"RM \" inline \u002F>\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003Cz-div light xs>\n  \u003Cs>\u003Ci>RM 800\u003C\u002Fi>\u003C\u002Fs> (\u003Cz-num value=\"-40\" suffix=\"%\" inline \u002F>)\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003Cz-div xs light-auto italic center class=\"opacity-50\">\n\u003Cz-div xs>\n\u003Csup>\u003Cb>*\u003C\u002Fb>\u003C\u002Fsup>Sample for reference only.\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C!-- pattern -->\n\u003C!-- \u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F> -->\n\u003Cz-toc toc  tap-hint  next=\"📺 Demo\"\u002F>",{"data":48,"head":12,"body":12,"tpl":50},{"typed":49},{"completed":28},{"head":51,"body":52},"!📺 \u003Cem>See\u003C\u002Fem> \u003Cstrong>\u003Cstrong>demos\u003C\u002Fstrong>\u003C\u002Fstrong> \u003Csup>✨\u003C\u002Fsup>","\u003Cz-div fill-center>\n\u003Cz-motion once  :scale=\"{    opacity: 0,    scale: 1.5,  }\"  :threshold=\"0\">\n\u003Cz-div xl light-auto italic center bal blockquote backlight-dark>\n\u003Cp>"\u003Cz-typed :s=\"['A^500 \u003Cspan class=\\'opacity-80\\'>picture\u003C\u002Fspan>', 'A \u003Cb>\u003Cb>demo\u003C\u002Fb>\u003C\u002Fb>']\"\n  @completed=\"() => {\n    typed.completed = true\n  }\"\n  @reset=\"() => {\n    typed.completed = false\n  }\"\n\u002F>\u003Cz-tx>\u003Cspan v-show=\"typed.completed\">📺 \u003C\u002Fspan>\u003C\u002Fz-tx>is worth\u003Cbr\u002F>\na thousand words"\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003C\u002Fz-div>\n\u003C!-- pattern -->\n\u003C!-- \u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F> -->\n\u003Cz-toc toc  tap-hint  next=\"Tap to flip\"  class=\"mt-n8\"\u002F>",{"head":12,"data":54,"tpl":79,"body":12},{"overview":55,"photos":56,"hides":67,"ref":78},"parallax-3d",[57,62],{"url":58,"width":59,"zoom":60,"start":61},"cloudstorage:\u002F\u002Fset-5.1.jpg","150%","250%",0.75,{"url":63,"width":64,"zoom":65,"start":66},"cloudstorage:\u002F\u002Fset-5.4.jpg","300%","400%",0.85,[68,72,75],{"url":69,"width":70,"zoom":64,"start":71},"cloudstorage:\u002F\u002Fset-5.2.jpg","200%",0.7,{"url":73,"width":59,"zoom":60,"start":74},"cloudstorage:\u002F\u002Fset-5.3.jpg",0.8,{"url":76,"width":60,"zoom":77,"start":61},"cloudstorage:\u002F\u002Fset-5.5.jpg","350%","https:\u002F\u002Fwww.facebook.com\u002Fyoungzweddingstudio\u002Fposts\u002Fpfbid026X7KLqvM2KP1FZoieBVDHMs4Ysg4qubRCHztmdJVrrwRufDmwsEmDceeYYihS6u5l",{"head":80,"body":81},"^    🎬 \u003Cem>Wedding Photos\u003C\u002Fem>","\u003Ctemplate v-for=\"(photo, idx) of photos\">\n\u003Cz-motion once    :slide-x=\"{      opacity: 0.5,      scale: 0.8,      translateX: idx % 2 === 0 ? '100px' : '-100px',    }\"    :threshold=\"0.5\"  >\n\u003Cz-img :src=\"photo.url\"    :parallax=\"overview === 'parallax'\"    :parallax-3d=\"overview === 'parallax-3d'\"    dark-dim    scroll-hint  \u002F>\u003C\u002Fz-motion>\n\u003Cz-img :src=\"photo.url\"    :width=\"photo.width\"    :zoom-width=\"photo.zoom\"    :start=\"photo.start\"    fill    undo  \u002F>\u003Cz-div spacer=\"3\" \u002F>\u003C\u002Ftemplate>\n\u003Cz-div spacer \u002F>\u003Cz-div spacer \u002F>\u003Cz-toc toc  tap-hint  next=\"Tap to flip\"\u002F>\u003Chr>\n\u003Cz-div xs light-auto italic center class=\"opacity-80\">\n\u003Cp>~ Motion Display™ (demo) ~\u003Cbr>\nCopyright © Youngz Wedding.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Chr>\n",{"tpl":83,"body":12,"head":12,"data":86},{"head":84,"body":85},"^    🎬 \u003Cem>Authentic Cusines\u003C\u002Fem>","\u003Cz-div light-auto xl center italic>\n  Authentic Fujian Cusines\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003C!-- 福建红菇海鲜卤面 -->\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fseafood-noodle.webp\"  width=\"80%\"  parallax  caption=\"福建红菇海鲜卤面\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fseafood-noodle.960x640.jpg\"  width=\"150%\"  fill  :start=\"0.8\"\u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>《 福建红菇海鲜卤面 》\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>一碗卤面，12种好食材，\n浓鲜汤汁包裹根根面条，\n武夷红菇加持，汤越红，味越鲜。\u003C\u002Fp>\n\u003Cz-div spacer=\"3\" \u002F>\u003C!-- 百秒黄花鱼 -->\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '-100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002F100-sec-fish.webp\"  width=\"80%\"  parallax  caption=\"百秒黄花鱼\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002F100-sec-fish.960x640.jpg\"  width=\"150%\"  fill  :start=\"0.65\"\u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>《 百秒黄花鱼 》\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>黄花鱼为台湾海峡特有深海鱼种。其鱼肉软嫩鲜甜，骨少肉多，香气四溢而闻名。以明火现焖100秒后即可上桌，充分体现黄花鱼鲜美原味。\u003C\u002Fp>\n\u003Cz-div spacer=\"3\" \u002F>\u003C!-- 莆田扁肉汤 -->\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmeat-soup.webp\"  width=\"80%\"  parallax  caption=\"莆田扁肉汤\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmeat-soup.960x640.jpg\"  width=\"150%\"  fill  :start=\"0.5\"\u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>《 莆田扁肉汤 》\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>「扁肉汤」是具有500多年历史的传统福建手工菜品。坚持保存流传自中国清朝的传统手工艺，莆田扁肉汤所用的燕皮是以荔枝棒槌反复敲打新鲜猪腿肉至少上万次后，再撒上番薯粉，擀制3小时而成。以薄薄燕皮包覆的扁肉特色为口感鲜美、弹牙。\u003C\u002Fp>\n\u003Cz-div spacer=\"3\" \u002F>\u003C!-- 兴化炒米粉 -->\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '-100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Ffried-mee-hoon.webp\"  width=\"80%\"  parallax  caption=\"兴化炒米粉\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Ffried-mee-hoon.960x640.jpg\"  width=\"150%\"  fill  :start=\"0.7\"\u002F>\u003Cz-motion slide-x>\n\u003Cp>\u003Cstrong>\u003Cstrong>《 兴化炒米粉 》\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003C\u002Fz-motion>\n\u003Cp>誉为最“幼”的米粉，莆田兴化米粉是市场唯一尚存的自然日晒米粉。为赶上第一道曙光出现时晾晒，此米粉于每天清晨3点开始在历史悠久的面坊手工制作。\u003C\u002Fp>\n\u003Cp>不同于市场惯用的机器风干，莆田兴化米粉因以自然日晒，其口感充满软棉米香。佐以十多种配料和上等浓汤焖炒，味浓鲜美，引人回味。\u003C\u002Fp>\n\u003Cz-div spacer=\"3\" \u002F>\u003Cz-div spacer \u002F>\u003Cz-toc toc  tap-hint  next=\"Tap to flip\"\u002F>\u003Chr>\n\u003Cz-div xs light-auto italic center class=\"opacity-80\">\n\u003Cp>~ Motion Display™ (demo) ~\u003Cbr>\nCopyright © PUTIEN.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Chr>\n",{},{"head":12,"data":88,"tpl":139,"body":12},{"emojiRef":89,"maker":90,"model":91,"motor":92,"downPct":104,"makerItems":105,"modelItems":108},"🆕🔥🏷️","YM","135LC FI · $232 \u002Fbln",{"name":93,"yr":94,"cc":95,"otr":96,"price":97,"coverImg":98,"coverWidth":99,"coverStart":100,"backImg":101,"backWidth":99,"backStart":100,"link":102,"pdf":103},"Yamaha 135LC FI","2024","135",9000,10300,"cloudstorage:\u002F\u002Fyamaha-135lc-fi.cover.jpg",200,0.5,"cloudstorage:\u002F\u002Fyamaha-135lc-fi.back.jpg","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fportfolio_page\u002F135lc-fi","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fwp-content\u002Fuploads\u002F2023\u002F10\u002F135LCFI_23_01.pdf",10,[106],{"title":107,"value":90},"Yamaha",{"YM":109},[110,116,129],{"title":91,"value":111,"name":93,"yr":112,"cc":113,"otr":96,"price":97,"coverImg":98,"coverWidth":99,"coverStart":100,"backImg":101,"backWidth":114,"backStart":115,"link":102,"pdf":103},"135lc-fi",2024,135,300,0.2,{"title":117,"value":118,"name":119,"yr":112,"cc":120,"otr":121,"price":122,"coverImg":123,"coverWidth":124,"coverStart":125,"backImg":126,"backWidth":114,"backStart":115,"link":127,"pdf":128},"NVX (ABS) · $356 \u002Fbln","nvx-abs","Yamaha NVX (ABS)",155,15000,15800,"cloudstorage:\u002F\u002Fyamaha-nvx.cover.jpg",180,0.45,"cloudstorage:\u002F\u002Fyamaha-nvx.back.jpg","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fportfolio_page\u002Fnvx","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fwp-content\u002Fuploads\u002F2024\u002F04\u002F24NVX-BRHR.pdf",{"title":130,"value":131,"name":132,"yr":112,"cc":120,"otr":133,"price":134,"coverImg":135,"coverWidth":99,"coverStart":100,"backImg":136,"backWidth":114,"backStart":115,"link":137,"pdf":138},"Y15ZR 🔥 · $239 \u002Fbln","y15zr","Yamaha Y15ZR",9800,10600,"cloudstorage:\u002F\u002Fyamaha-y15zr.cover.jpg","cloudstorage:\u002F\u002Fyamaha-y15zr.back.jpg","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fportfolio_page\u002Fy15zr","https:\u002F\u002Fwww.yamaha-motor.com.my\u002Fwp-content\u002Fuploads\u002F2024\u002F05\u002F24Y15-Brochure.pdf",{"head":140,"body":141},"^    🎬 \u003Cem>Motor Installment\u003C\u002Fem>","\u003Cdiv\n  @click.stop=\"() => {\n    model = ''\n    downPct = 10\n    motor.name = ''\n    motor.yr = ''\n    motor.cc = ''\n    motor.otr = 0\n    motor.price = 0\n    touch()\n  }\"\n>\n\u003Cz-select v-model=\"maker\" :items=\"makerItems\"  disabled  label=\"Jenama\"  append-inner-icon=\"$tap\"  hide-selected  @click.stop=\"() => {\n    model = ''\n    downPct = 10\n    motor.name = ''\n    motor.yr = ''\n    motor.cc = ''\n    motor.otr = 0\n    motor.price = 0\n    touch()\n  }\"\n\u002F>\n\u003C\u002Fdiv>\n\u003Cz-select v-model=\"model\" :items=\"modelItems[maker]\"  label=\"Model · Ansuran (dari)\"  append-inner-icon=\"$tap\"  return-object  hide-selected  @update:model-value=\"() => {\n    motor.name = model.name\n    motor.yr = model.yr\n    motor.cc = model.cc\n    motor.otr = model.otr\n    motor.price = model.price\n    motor.coverImg = model.coverImg\n    motor.coverWidth = model.coverWidth\n    motor.coverStart = model.coverStart\n    motor.backImg = model.backImg\n    motor.backWidth = model.backWidth\n    motor.backStart = model.backStart\n    motor.link = model.link\n    motor.pdf = model.pdf\n  }\"\n  @click.stop=\"() => {\n    touch()\n  }\"\n\u002F>\n\u003C!-- reset -->\n\u003C!-- \u003Cz-more  v-show=\"false\"  @reset=\"() => {\n    if (!z.display) return\n    maker = 'YM'\n    model = ''\n    downPct = 10\n    motor.name = ''\n    motor.yr = ''\n    motor.cc = ''\n    motor.otr = 0\n    motor.price = 0\n  }\"\n\u002F> -->\n\u003Cz-div spacer \u002F>\u003C!-- calculator icon -->\n\u003Cz-tx fade>\n\u003Cdiv v-show=\"!motor.name\">\n\u003Cz-div flex-center>\n\u003Cz-icon icon=\"$calc\" size=\"50%\" class=\"opacity-20\" \u002F>\n\u003C\u002Fz-div>\n\u003Cz-div xs italic center class=\"opacity-20\">\n  Sila pilih\u003Cbr \u002F>jenama & model\n\u003C\u002Fz-div>\n\u003C\u002Fdiv>\n\u003C\u002Fz-tx>\n\u003C!-- Pilih Model -->\n\u003Cz-tx slide-y>\n\u003Cdiv v-show=\"motor.name\">\n\u003Cp>\u003Cstrong>\u003Cstrong>{{ motor.name || ' ' }}\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-div small italic right no-margin>\n  \u003Ctemplate v-if=\"motor.name\">\n  \u003Csup>Tahun\u003C\u002Fsup> {{ motor.yr }} · {{ motor.cc }} \u003Csub>CC\u003C\u002Fsub>\n  \u003C\u002Ftemplate>\n  \u003Ctemplate v-else>\n     \n  \u003C\u002Ftemplate>\n\u003C\u002Fz-div>\n\u003Cz-motion  :scale=\"{    opacity: 0.5,    scale: 0.8,  }\"  :threshold=\"0.5\">\n\u003Cz-img :src=\"motor.coverImg\"  parallax  :caption=\"motor.name\"\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-div spacer \u002F>\u003Cz-div xs light-auto italic center class=\"opacity-50\">\n\u003Csup>\u003Cb>*\u003C\u002Fb>\u003C\u002Fsup>Harga untuk rujukan sahaja\n\u003C\u002Fz-div>\n\u003Cz-div sm flex-center>\n\u003Cz-icon start size=\"sm\" icon=\"$label\" \u002F>\n\u003Cdiv>\u003Csup>RM\u003C\u002Fsup> \u003Cz-num :value=\"motor.otr || motor.price\" once inline \u002F> \u003Csub class=\"italic\">tunai\u003C\u002Fsub>\u003C\u002Fdiv>\n\u003C\u002Fz-div>\n\u003Chr>\n\u003Cz-div sm flex-center @click.stop=\"() => {\n  downPct += 10\n  if (downPct >= 40) downPct = 10\n}\">\n\u003Cdiv class=\"mx-4\">\n  Pendahuluan \u003Csub class=\"italic\">\u003Cb>\u003Cb>\u003Cz-num init=\"10\" :value=\"downPct\" once inline \u002F>%\u003C\u002Fb>\u003C\u002Fb>\u003C\u002Fsub>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"mx-4\">\n  \u003Csup>RM\u003C\u002Fsup> \u003Cz-num :value=\"round(motor.price * downPct \u002F 100)\" once inline \u002F>\n\u003C\u002Fdiv>\n\u003Cz-icon icon=\"$tap\" size=\"sm\" class=\"opacity-50\" \u002F>\n\u003C\u002Fz-div>\n\u003Chr>\n\u003Cz-div sm flex-center flex-wrap>\n\u003Cdiv v-for=\"mon of [24, 36]\" align=\"center\" class=\"whitespace-nowrap ma-2 mx-6\">\n\u003Cz-div sm light-auto italic inline>{{ mon }} ×\u003C\u002Fz-div>  \u003Cdiv>\n  \u003Csup>RM\u003C\u002Fsup> \u003Cb>\u003Cb>\u003Cz-num    :value=\"round(motor.price * (1 - downPct \u002F 100) * (1 + mon \u002F 12 * .1) \u002F mon)\"    inline  \u002F>\u003C\u002Fb>\u003C\u002Fb> \u003Csub>\u003Ci>\u002Fbln\u003C\u002Fi>\u003C\u002Fsub>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fz-div>\n\u003Cz-div sm flex-center flex-wrap>\n\u003Cdiv v-for=\"mon of [48, 60]\" align=\"center\" class=\"whitespace-nowrap ma-2 mx-6\">\n\u003Cz-div sm light-auto italic inline>{{ mon }} ×\u003C\u002Fz-div>  \u003Cdiv>\n  \u003Csup>RM\u003C\u002Fsup> \u003Cb>\u003Cb>\u003Cz-num    :value=\"round(motor.price * (1 - downPct \u002F 100) * (1 + mon \u002F 12 * .1) \u002F mon)\"    inline  \u002F>\u003C\u002Fb>\u003C\u002Fb> \u003Csub>\u003Ci>\u002Fbln\u003C\u002Fi>\u003C\u002Fsub>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fz-div>\n\u003Chr>\n\u003Cz-div spacer \u002F>\u003Cz-motion once  :scale=\"{    opacity: 0.5,    scale: 0.8,  }\"  :threshold=\"0.5\">\n\u003Cz-img :src=\"motor.coverImg\"  parallax  scroll-hint  :caption=\"motor.name\"\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img :src=\"motor.coverImg\"  fill  :width=\"`${motor.coverWidth}%`\"  :zoom-width=\"!z.display ? `${motor.coverWidth + 100}%` : undefined\"  undo  :start=\"motor.coverStart\"  :caption=\"motor.name\"\u002F>\u003Cz-more right label=\"lanjut\" >\n\u003Cz-div spacer \u002F>\n\u003Cz-img :src=\"motor.backImg\"  :parallax=\"effect === 'parallax'\"  :parallax-3d=\"effect === 'parallax-3d'\"  scroll-hint  :caption=\"motor.name\"\u002F>\n\u003Cz-img :src=\"motor.backImg\"  fill  :width=\"`${motor.backWidth}%`\"  :zoom-width=\"!z.display ? `${motor.backWidth + 100}%` : undefined\"  undo  :start=\"motor.backStart\"  :caption=\"motor.name\"\u002F>\u003Cz-div flex-center>\n\u003Cz-link v-if=\"motor.link\"  :lock=\"z.display\"  icon=\"$link\"  :to=\"motor.link\"  text  class=\"mx-2\">\n  rujukan\n\u003C\u002Fz-link>\n\u003Cz-link v-if=\"motor.pdf\"  :lock=\"z.display\"  icon=\"$file-pdf\"  :to=\"motor.pdf\"  text  class=\"mx-2\">\n  brochure\n\u003C\u002Fz-link>\n\u003C\u002Fz-div>\n\u003C\u002Fz-more>\n\u003C\u002Fdiv>\n\u003C\u002Fz-tx>\n\u003Cz-div spacer \u002F>\u003Cz-toc toc  tap-hint  next=\"Tap to flip\"\u002F>\u003Chr>\n\u003Cz-div xs light-auto italic center class=\"opacity-80\">\n\u003Cp>~ Motion Display™ (demo) ~\u003Cbr>\nCopyright © Hong Leong Yamaha.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Chr>\n",{"head":12,"data":143,"tpl":148,"body":12},{"shots":144},[145,146,147],"cloudstorage:\u002F\u002Foptimus-prime.jpg","cloudstorage:\u002F\u002Foptimus-prime-vehicle.jpg","cloudstorage:\u002F\u002Fmegatron.jpg",{"head":149,"body":150},"^    🎬 \u003Cem>Surprise Blindbox\u003C\u002Fem>","\u003Cz-div light-auto xl center italic>\n  Defender of the Galaxy\n\u003C\u002Fz-div>\n\u003Ctemplate v-for=\"(shot, idx) of shots\">\n\u003Cz-img :src=\"shot\"  v-show=\"!z.play\"  width=\"75%\"  parallax  dark-dim  scroll-hint\u002F>\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.8,    scale: 0.8,    translateX: idx % 2 === 0 ? '100px' : '-100px',  }\">\n\u003Cz-img :src=\"shot\"  fill  width=\"120%\"  start=\"0.5\"  zoom-width=\"200%\"  dark-dim\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-div spacer=\"2\" \u002F>\n\u003C\u002Ftemplate>\n\u003Cz-toc toc  tap-hint  next=\"Tap to flip\"\u002F>\u003Chr>\n\u003Cz-div xs light-auto italic center class=\"opacity-80\">\n\u003Cp>~ Motion Display™ (demo) ~\u003Cbr>\nCopyright © Hasbro.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Chr>\n",{"body":12,"tpl":152,"data":155,"head":12},{"head":153,"body":154},"^    🎬 \u003Cem>Drinks & Deserts\u003C\u002Fem>","\u003Cz-div light-auto xl center italic>\n  Ice cream & Tea\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003C!-- Forever favorites -->\n\u003Cp>\u003Cstrong>\u003Cstrong>Forever favorites\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-motion once  :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-forever-favorites.jpg\"  width=\"80%\"  parallax-3d  caption=\"Forever favorites\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-forever-favorites.jpg\"  width=\"150%\"  fill  caption=\"Forever favorites\"  scroll-hint  :start=\"0\"\u002F>\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-forever-favorites.jpg\"  width=\"150%\"  fill  :start=\"1\"\u002F>\u003Cz-div spacer=\"3\" \u002F>\u003C!-- Chilled tea -->\n\u003Cp>\u003Cstrong>\u003Cstrong>Chilled tea\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cz-motion once :slide-x=\"{    opacity: 0.5,    scale: 0.8,    translateX: '-100px',  }\">\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-chilled-tea.jpg\"  width=\"80%\"  parallax-3d  caption=\"Chilled tea\"  scroll-hint\u002F>\n\u003C\u002Fz-motion>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-chilled-tea.jpg\"  width=\"150%\"  fill  caption=\"Chilled tea\"  scroll-hint  :start=\"0\"\u002F>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fmixue-chilled-tea.jpg\"  width=\"150%\"  fill  :start=\"1\"\u002F>\u003Cz-div spacer=\"3\" \u002F>\u003Cz-div spacer \u002F>\u003Cz-toc toc  tap-hint  next=\"Closing\"\u002F>\u003Chr>\n\u003Cz-div xs light-auto italic center class=\"opacity-80\">\n\u003Cp>~ Motion Display™ (demo) ~\u003Cbr>\nCopyright © MIXUE.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Chr>\n",{},{"tpl":157,"body":12,"head":12,"data":160},{"head":158,"body":159},"!🤝 \u003Cem>Let’s Collab!\u003C\u002Fem>","\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F>\u003Cz-caro :src=\"data.carousel\"  width=\"50%\"  aspect-ratio=\"3\u002F2\"  :caption=\"data.caption\"  crossfade\u002F>\u003Cz-div light-auto>\n\u003Cp>Thanks for exploring \u003Cem>\u003Cstrong>\u003Cstrong>Motion Display™\u003C\u002Fstrong>\u003C\u002Fstrong>\u003C\u002Fem> \u003Cem>IRL\u003C\u002Fem>!\u003C\u002Fp>\n\u003Cp>Let us transform your events into an \u003Cstrong>\u003Cstrong>interactive experience\u003C\u002Fstrong>\u003C\u002Fstrong> and boost\n\u003Cstrong>\u003Cstrong>user engagement\u003C\u002Fstrong>\u003C\u002Fstrong> beyond \u003Cem>paper flyers\u003C\u002Fem>.\u003C\u002Fp>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003Cz-link to=\"https:\u002F\u002Fwa.me\u002F60123747589?text=I+want+to+collab\"  :lock=\"z.display\"  title=\"WhatsApp us\"  icon=\"$whatsapp\"  outlined>\n  Let's Collab!\n\u003C\u002Fz-link>\n\u003Cz-div spacer \u002F>\u003Cz-div light-auto>\nOther small touches,\n\u003Cz-motion once slide-x>\n\u003Cul>\n\u003Cli>❤️ \u003Cstrong>\u003Cstrong>Your brand:\u003C\u002Fstrong>\u003C\u002Fstrong> We respect your brand, personalize it with your brand color.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003Cz-motion once slide-x>\n\u003Cul>\n\u003Cli>🌘 \u003Cstrong>\u003Cstrong>Dark theme:\u003C\u002Fstrong>\u003C\u002Fstrong> Comfortable reading at all settings.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003Cz-motion once slide-x>\n\u003Cul>\n\u003Cli>📢 \u003Cstrong>\u003Cstrong>Spread the word:\u003C\u002Fstrong>\u003C\u002Fstrong> Share it on social media or QR code.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fz-motion>\n\u003C\u002Fz-div>\n\u003Cz-div spacer \u002F>\u003C!-- [end] -->\n\u003Cz-motion once slide-x>\n\u003Cz-more confetti label=\"End 🎉\">\n\u003Cz-div italic right>\n\u003Cz-typed once s=\"^500~ fin ~\" \u002F>\n\u003C\u002Fz-div>\n\u003Cz-div sm light-auto callout>\n\u003Cz-div flex-center>\n\u003Cz-icon icon=\"$info\" inline start\u002F>\n\u003Cb>Motion Display™\u003C\u002Fb>\n\u003C\u002Fz-div>\n\u003Cp>This flipbook can be displayed as Motion Display™ on\n\u003Ci>Kiosk\u002FTVs\u003C\u002Fi> & \u003Ci>iPad™\u003C\u002Fi>.\u003C\u002Fp>\n\u003C!-- \u003Cz-link to=\"https:\u002F\u002Fm.flipbuuk.com\u002F@events\"  :lock=\"z.display\"  outlined>\n  Learn more\n\u003C\u002Fz-link> -->\n\u003Cz-div v-show=\"!z.play\" sm center class=\"opacity-80\">\n  🖐️ \u003Ci>Autoplay in {{z.countdown}}s...\u003C\u002Fi>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-more>\n\u003C\u002Fz-motion>\n\u003C!-- [end] -->\n\u003Cz-div spacer \u002F>\u003Cp>Discover more,\u003C\u002Fp>\n\u003Cz-img src=\"cloudstorage:\u002F\u002Fflipbuuk-logo.opt.svg\"  width=\"15%\"  dark-dim  x-backlight\u002F>\u003Cz-link to=\"https:\u002F\u002Fm.flipbuuk.com\"  :lock=\"z.display\"  label=\"Visit\"  icon=\"$web\"  text>\n  flipbuuk.com\n\u003C\u002Fz-link>\n\u003Cz-div spacer \u002F>\u003Cz-div dark-theme blend>\n\u003Cz-motion once>\n\u003Cz-div xl italic light-auto x-blockquote parallax-3d center bal>\n  \u003Cdiv class=\"backlight-dark\">\n\u003Cp>\u003Cstrong>\u003Cstrong>\u003Csup>*\u003C\u002Fsup>Get Motion Display™\u003C\u002Fstrong>\u003C\u002Fstrong> and boost your \u003Cem>next event\u003C\u002Fem>\u003Cbr>\nat \u003Cstrong>\u003Cstrong>no cost\u003C\u002Fstrong>\u003C\u002Fstrong> — today!\u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003Cz-div xs>\n\u003Cz-div left xs italic>\n    \u003C!-- *Limited offer for Creators & SMEs worth $149. -->\n    *Limited offer for Creators & SMEs worth \u003Cb>\u003Cb>\u003Cz-num value=\"498\" prefix=\"$\" suffix=\";\" inline \u002F>\u003C\u002Fb>\u003C\u002Fb> Rental of touch display is available.\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-div>\n\u003C\u002Fz-motion>\n\u003C\u002Fz-div>\n\u003C!-- pattern -->\n\u003Cz-img src=\"path:\u002F\u002Fbg-pattern.jpg\"  fill  aspect-ratio=\"4\u002F1\"  dark-dim  parallax  class=\"opacity-20\"\u002F>\u003C!-- \u003Cz-div spacer \u002F>\n\n**See more**\n\n\u003Cul>\n\u003Ctemplate v-for=\"{title, to, selected, disabled} of parts\">\n\u003Cz-link  :disabled=\"disabled\"  :lock=\"z.display\"  :to=\"!selected ? to : null\"  icon=\"$open-in-new\"  left  :text=\"!selected\"  :tonal=\"selected\"  :message=\"selected ? 'You are already here...' : null\"  no-margin>\n  \u003Ci>{{ title }}\u003C\u002Fi>\n  \u003Cdiv v-if=\"selected\"> 👈\u003C\u002Fdiv>\n\u003C\u002Fz-link>\n\u003C\u002Ftemplate>\n\u003C\u002Ful> -->\n\u003Cz-div spacer \u002F>\u003C!-- qr-tab -->\n\u003Cz-qr src=\"cloudstorage:\u002F\u002Fqr-tab.png\" \u002F>",{"carousel":161,"caption":166,"parts":170},[162,163,164,165],"cloudstorage:\u002F\u002Fcover-showcase.png","cloudstorage:\u002F\u002Fflippane-easel.png","cloudstorage:\u002F\u002Fflippane-easel-qr.png","cloudstorage:\u002F\u002Fflippane-crowd-qr.png",[167,168,168,169],"Thank you","flipbook display","Interactive experience",[171,174],{"title":172,"to":173,"selected":3,"disabled":28},"Title 1","\u002Fflip\u002Ftitle-1",{"title":175,"to":176,"selected":28,"disabled":28},"Title 2","\u002Fflip\u002Ftitle-2",{"$close":14,"$subtitle":15,"$meta":178,"$flip":3,"$sfx":3,"$trailer":20,"$cover-hash":21,"$x-cover-hash":22,"$autoplay":23,"$custom-bg-color":179,"show":180,":public":3,":stats":181},{"url":17,"description":18,"keywords":19},[25,26],{"special":28},{"l":41,"dl":41,"c":182,"cts":183,"ic":184,"icts":185,"v":186},166,9207407,1,21333,1092,{"cover-800x800.jpg":188},{"ts":189,"src":190,"id":191,"src:webp":192},1757368139712,"https:\u002F\u002Ffirebasestorage.googleapis.com\u002Fv0\u002Fb\u002Fbuuger.appspot.com\u002Fo\u002Faccounts%2Fflipbuuk%2Fseries%2Fflip%2Fbuuks%2Fevents%2Fcover-800x800.jpg?alt=media&token=55a2b56d-3806-49fc-be62-23bb0f4e500d","cover-800x800.jpg","https:\u002F\u002Ffirebasestorage.googleapis.com\u002Fv0\u002Fb\u002Fbuuger.appspot.com\u002Fo\u002Faccounts%2Fflipbuuk%2Fseries%2Fflip%2Fbuuks%2Fevents%2Fcover-800x800.jpg.webp?alt=media&token=c88a4b8e-e7d6-4686-ac1d-56603ae759cb"]