All projectsProjects / Lion Lamb FC.
Frontend · Motion · Solo

Lion Lamb FC.

The official website for Lion Lamb FC, a football club based in Panabo City. An animated, mobile-responsive Next.js site that gives the club a proper home online: its story, its squad, and a way for supporters and prospects to reach it.

TypeFootball club website
StackNext.js · Tailwind
MotionGSAP · Framer Motion · Lenis
RoleSole developer
View live

01The club & brief

Lion Lamb FC is a football club out of Panabo City that needed a real presence online, something with the energy of a matchday rather than a plain info page. The brief was to present the club well: its identity and story, its people, and a clear way to get in touch, all in a site that feels alive and works just as well on a phone in the stands as on a laptop.

02What I built

A single, flowing marketing site composed of focused sections, each owning its own markup, state and motion. I designed and built it solo end to end, from layout and hand-built components through to deployment, keeping the club's identity front and centre throughout.

  • Hand-built components rather than an off-the-shelf template, so the look is the club's own.
  • Fully mobile-responsive from a small phone to a wide desktop, with layouts that reflow cleanly at every size.
  • A contact path so supporters, players and partners can reach the club directly.

The energy of a matchday, held together by motion that guides the eye instead of shouting.

— Design intent

03Motion & craft

The feel of the site comes from a layered motion system. Lenis drives a smooth, weighted scroll; GSAP handles the scroll-linked timelines and section reveals; and Framer Motion covers component-level transitions and interactions. The three are tuned to stay smooth on mid-range mobile, and the whole thing is deployed on Vercel with push-to-deploy so updates for the club are a commit away.

04What it demonstrates

A real client site shipped solo for an actual football club: brand-led design, a componentised Next.js build, and a considered motion stack (GSAP, Framer Motion and Lenis) applied with restraint. Front-end craft in service of a brand, responsive and live.

Screens
Lion Lamb FC screen 1
Lion Lamb FC screen 2
Lion Lamb FC screen 3
Lion Lamb FC screen 4
Lion Lamb FC screen 5
Lion Lamb FC screen 6
Lion Lamb FC screen 7
Lion Lamb FC screen 8
Lion Lamb FC screen 9
Lion Lamb FC screen 10
Lion Lamb FC screen 11
Live
Shipped on Vercel
Solo
Design to deploy
100%
Mobile responsive
Next.jsReactTypeScriptTailwind CSSGSAPFramer MotionLenisVercel