Route transition animations are defined in the _app.jsx file under ROUTE_VARIANTS . This utilizes the Framer Motion AnimatePresence component to animate in and out routes per page.

The page is intentionally grouped with the footer to animate both the page contents and the footer out/in at the same time, leaving the header component there without animation.