All work

Squads

The landing page for a player-stats betting product.

When
May 2025
Kind
Landing page for a player-stats betting product
Role
Frontend engineer
Stack
Next.js, TypeScript, Tailwind CSS, Framer Motion, Zustand, Zod, TanStack Query
Visit squads-landing.vercel.app
Squads landing page on desktop

Squads is a sports product where fans bet on player stats for up to 100 times their stake. This is its landing page, built to turn a visitor into a player.

The page

One promise up front: win up to 100 times your cash by picking more or less on a player's stats. Beneath it, real player cards with their line, the stat and the match, and a worked example of eight picks against the entry. It's built in Next.js, with Framer Motion for the movement.

Squads hero: win up to 100x your cash, with player pick cards and an entry-to-payout example
Fig. 1The pitch, and the picks that explain it.
Rows of player cards with shots-on-target lines and More or Less buttons
Fig. 2Player cards, each with its line and a more or less pick.
Squads landing page on a phone
Text-to-SpeechNext project: Speech synthesis web app