Quiet Hours in Nook

The video is this document. The narration is the text of each Line, and every animation starts on a word of it, when that word is spoken.

  <Scene id="demo">
    <Line id="l1">Meet Quiet Hours, the new feature in Nook.</Line>
    <Line id="l2">Reminders, shared edits and comments all buzz at once.</Line>
    <Line id="l3">So open settings, and a sheet slides up.</Line>
    <Line id="l4">Drag the edges to set your quiet hours.</Line>
    <Line id="l5">Say, ten at night to seven in the morning.</Line>
    <Line id="l6">Flip the switch, and Nook holds every notification.</Line>
    <Line id="l6b">Nothing is lost. It is only held for later.</Line>
    <Line id="l7">An urgent contact? Their message still gets through.</Line>
    <Line id="l8">When the hours end, Nook delivers one summary.</Line>
    <Line id="l9">Everything you missed, waiting in one calm place.</Line>
    <Line id="l9b">Read it whenever you choose.</Line>
    <Line id="l10" hold={2.5}>Quiet Hours, new in Nook.</Line>
    …
  </Scene>

The whole example in one file: the document, the pictures and clips it uses, and its narration already spoken. Import it in VisoTalk Studio (Import .visotalk on the home page) to change it there, or unpack it for the skill with npx visotalk import app-demo.visotalk.