Jan Franko

A custom, immersive web presence designed for Jan Franko, a traditional archery academy focusing on structured training programs, cultural heritage studies, and historic archery expeditions.

Engineered a global PageTransitionWrapper utilizing the capture phase of browser click events. By preventing Next.js default page swaps and driving GSAP transition timelines programmatically, the site achieves completely custom entrance/exit overlays with a 90ms hydration buffer that eliminates unpainted DOM flashes.

Developed a rich, responsive mouse-move parallax hero banner. Using layered vector SVGs representing background, middle, and foreground mountains, the interface dynamically shifts coordinate offsets relative to cursor movements to simulate depth, all while constraining the main portrait image to prevent bottom cutoff.

Designed interactive layout blocks detailing academy expeditions, regional studies, and training programs, helping prospective archers understand the curriculum through a highly structured and visual chronological roadmap.