Projects
Project

Phoenix Predict Landing

Markets that resolve fast and settle faster. A prediction-markets venue for sports and events, settled on the Phoenix ledger.

Sep 2026landingreactthree.jsfintech
Phoenix Predict Landing

predict.phoenixverse.io is the landing page for Phoenix Predict, the prediction-markets product on the Phoenix platform. The pitch is to an operator who already runs a casino or sportsbook: open a sports, events or real-money prediction venue on a substrate that already cleared a regulated casino. Markets, liquidity and settlement are designed with the wallet, so a market resolves and pays straight into the double-entry ledger, with no batch job in between.

Built during my time at Phoenix Games (Oct 2025 to Sep 2026).

The three things the page has to land

  1. The speed. The page leads with the settlement latency the product is built around, from market open to resolution to payout
  2. The credibility. Same identity, same wallet, same audit trail as the casino. The operator is not integrating a vendor, they are joining a ledger
  3. The control. Real-money or play-money, fiat or stablecoin, with the jurisdiction's knobs in a policy engine

What is on the page

  • A hero set as a blueprint: the headline is outlined, hatched type on construction lines, next to an isometric illustration of a bet slip, YES and NO chips and a settlement curve. The art direction is deliberate. The pictures are the art in a catalogue, and the type is the drawing
  • A live status line and a market ticker that scroll under the hero, then a board of markets with prices and moves
  • A demo generator: type your book's domain and get a Predict venue in your own colours in about a minute
  • A live desk simulation. A market opens, prices drift, the market resolves and pays, with a gold settlement flash. It is scripted and deterministic, with no backend, and it is the centrepiece of the page
  • Three primitive tiles: the markets engine (automated market maker and order-book modes), settlement on the wallet path, and chain-agnostic venues
  • Operator receipts, a one-ledger strip that places Predict among the other products, and a request-access form that asks for jurisdiction and asset mix
  • A light and dark toggle, because trading desks run dark and procurement teams read in light

Engineering

  • Vite, React 19, TypeScript, Tailwind v4, react-router
  • GSAP ScrollTrigger and SplitText with Lenis smooth scroll, inherited from the parent Phoenix landing kit so every product page moves the same way
  • The voxel Phoenix brand mark is rendered in three.js and is the only WebGL on the page
  • The performance budget guard runs after every build, and the page is published through the shared monorepo pipeline to Cloudflare Workers static assets
  • The older interactive Predict demo on a different subdomain was left untouched. The deployment registry protects that host, so a landing can never overwrite a live product

The hub it belongs to: Phoenix Verse.