Design reference
Videos — every spot we use one, in one place.
The site has 2 video placements, both rendered through the shared
VideoFrame.astro part, the rounded 16:9 frame a hosted video drops into. Each sample below is the real part with the live page's exact words, so this page can never drift from what ships. It is the cousin of the
section gallery, hero sections,
footer gallery, and image gallery.
Top of the video path. The sales video sits above the book-a-call button. The hosted video drops into the frame's slot. Add a VideoObject tag to the page when it does (that needs a real contentUrl/uploadDate).
Press play — your walkthrough loads here.
The video drops in shortly. In the meantime, the offer is below.
Bottom of the class path. The class video, which you reach after you sign up at /webinar. Same deal as the sales video. A hosted recording in the slot, and a VideoObject tag once it is real.
Your training is loading here.
The video is coming soon. Check back if it is not playing yet.
Where video is linked from
The frames above sit inside lead paths. These are the pages and parts that carry folks into them, plus the drawing that stands in for video across the product pages.
- Webinar registration
The free class page. Signing up sends you through /webinar/confirmed into the class room.
- Footer cross-link — “Watch the video”
The funnel footer (src/components/SiteFooter.astro) links the sales video from every funnel page.
- Site map — Funnels group
Both video pages are listed in the Funnels group of the site map, and you can search them by their words.
- On-demand training illustration
/assets/products/webinar-training.svg— the player window tile that stands for the class paths on /products and in the image gallery.