Personal / Case study
Front-end Developer (Personal project)
Tensho International Sports Academy
20+ section landing page
Dedicated routes: programs, masters, certificates, events, shop, dashboard…
Custom magnetic cursor, particles and scroll progress
Mobile-first across all breakpoints
Tech Stack
Description
Tensho is the largest front-end build in my personal portfolio: a complete platform for an international martial-arts academy covering certification, dojo management and membership.
The landing page alone runs to more than 20 sections, and a full set of dedicated routes handles everything from the program catalogue to certificates, events, resources and a member dashboard.
The interaction layer is where the craft shows — a custom magnetic cursor, particle background, scroll progress indicator, parallax reveals and magnetic buttons, all built with Framer Motion.
Throughout, the layout is mobile-first and adaptive, so the experience holds together from a phone screen up to a desktop display.
- Built a 20+ section single-page landing experience for a martial-arts academy.
- Delivered dedicated pages for programs, masters, certificates, events, membership, shop, gallery, FAQ and more.
- Implemented a magnetic cursor, particle background, scroll progress and parallax motion.
- Built mobile-first with adaptive layouts across all screen sizes.
- Shipped with Next.js, TypeScript, Tailwind CSS and Framer Motion, deployed on Vercel.
Page Info
Landing page
More than 20 sections — hero, about, stats, programs, masters, academies, certificates, membership, events and testimonials — assembled into one continuous story.
Academy system pages
Full pages for about, blogs, calendar, certificates, contact, dashboard, events, FAQ, gallery, leadership, login, masters, membership, programs, register, resources, shop and testimonials.