StoryCapture Landing Hero

story "StoryCapture landing" {
  meta {
    app: "https://storycaptures.com"
    viewport: 1440x900
    theme: light
    outro: "Request access at storycaptures.com" style end-card cta "Request access" sound off
    brand: logo "assets/card-images/logo.png" url "storycaptures.com" accent "#1f6feb"
    camera: low 0.55 drift 0.3 aperture 0.3
    peel: 4s style plating
    cursor: mac-default click ring
    music: launch-1 volume 0.2
    background: runway-light scale 0.9 shadow soft
    transition: cut
  }
  setup {
    navigate "https://storycaptures.com"
  }
  scene "hero" "Write the demo once" camera low 0.6 crane up 0.4 dolly in 0.2 over 6s {
    peel <heading> "Write the demo once. Record it every release." depth 1 order 1  # @id=24f3f878-4721-48a0-87cc-daa0e64f9f12
    peel <link> "See how it works" nth 1 depth 1 order 2  # @id=c8b309b8-821e-4416-bddc-214d35430eae
    peel <link> "Request access" nth 2 depth 1 order 2 delay 0.2s  # @id=db00cdc8-5012-4841-82a1-448d1a183355
    peel <banner> "StoryCapture How it works Features Why video FAQ Sign in Request access" depth 1 order 3  # @id=61d73cb7-8a46-4df7-8b69-9cc2a4948af2
    wait 1200ms  # @id=0f361a9b-8845-4172-93ae-346c72e564b7
    hover <heading> "Write the demo once. Record it every release." mark "Record it every release."  # @id=8b223799-2519-439a-a330-1e0bb317b606
    wait 1500ms  # @id=2a894d8f-e1e8-4973-b2a8-de1222ea0aa4
    hover <link> "New: 3D camera moves in the script"  # @id=8b724fd4-7545-4424-9dbf-acbf8bdd269f
    wait 1200ms  # @id=8c524cbf-2eb8-4b70-870a-e57437860e32
    click <link> "See how it works" nth 1  # @id=944ea936-5172-4b7c-86c0-d56f245cd768
    wait 1500ms  # @id=e88e4ac2-e8f2-4a4b-9c7d-bbbbfd19c4d3
  }
  scene "how" "The script is the camera" camera flat {
    card style kinetic-type sound off
    scroll down 550px  # @id=6f75b593-b5d6-4092-94cd-d0fe5ec8744c
    hover <heading> "Write the scene"  # @id=a935b914-6838-4217-bfe9-1d850323f690
    wait 1000ms  # @id=e5837cfe-160d-4435-b1ca-0216d444b42c
    scroll down 495px  # @id=dcd31ce0-c46e-4e64-ad80-392e325dff1f
    hover <heading> "Rehearse before you record"  # @id=a8d37daf-fed3-4aaf-8c32-caf917d5d97e
    wait 1000ms  # @id=b002ec75-74ee-4944-b81b-03b15c912d19
    scroll down 495px  # @id=e7e2648a-cdd6-48d1-a4c8-a8544d910951
    hover <heading> "Record native pixels"  # @id=6f85d224-f230-4164-8b94-8c23f56badc5
    wait 1000ms  # @id=3e33cba4-380d-4416-b97a-04f5c64b4b90
    scroll down 495px  # @id=bbaf0e7a-6097-46ae-a712-2d0f110c6663
    hover <heading> "Share one link"  # @id=25c8e140-a083-4870-b238-f9aac63926a2
    wait 1200ms  # @id=e51becf7-a208-43b8-aee6-556d3287897d
  }
  scene "built" "Everything a demo needs" optional {
    click <link> "Features" nth 1  # @id=8ae0aa51-5f2d-4405-830f-f740944bee9b
    wait 1500ms  # @id=1377c272-d4be-4693-bae4-d272c68fdcf3
    hover <heading> "Intro and outro cards"  # @id=47b0fec2-dad0-47e5-a2f1-c0d6c941553e
    wait 1500ms  # @id=7d42977f-1699-471f-8704-2f84eea02f51
    hover <heading> "Subtitles in every language"  # @id=9296008d-0c63-4e83-869e-94cedca5cfe0
    wait 1500ms  # @id=b9471c4e-e802-496e-a14b-90067d2ac39a
    hover <heading> "Zooms on the step" zoom standard  # @id=2723fbc9-b5f1-4209-a98b-5b3eff93f6d6
    wait 3000ms  # @id=0faef689-ce27-45ac-aa8c-cfffc96fe2e5
  }
}