How alagappan567/game-of-thrones works
This is a single-page Game of Thrones promotional landing experience. A visitor opens the home page, which dynamically loads the hero component; the hero presents the Westeros introduction and reacts to pointer movement by drawing preloaded animation frames into a canvas. It also uses GSAP for entrance animations. The frame assets and these interactions are visible in the sampled source; other behaviors in omitted portions are not mapped.
Main entry points: Hero.tsx Hero experience · layout.tsx Root layout · page.tsx Home page · got hero Hero frame assets
Components 8
Page composition
- Root layout
app/layout.tsx - Home page
app/page.tsx
Hero experience
- Hero experience
app/components/Hero.tsx - Animation canvas
app/components/Hero.tsx - Hero frame assets
public/got hero
Other components
- Visitor
- Web browser
- GSAP
Connections 8
- Visitor → Web browser: opens page
- Web browser → Root layout: requests home
- Root layout → Home page: renders route
- Home page → Hero experience: loads dynamically
- Hero experience → Hero frame assets: preloads frames
- Hero experience → Animation canvas: draws frames
- Web browser → Hero experience: sends mouse movement
- Hero experience → GSAP: starts timeline