Landing pages · React
Half-marathon registration
Dark race registration page for a city half-marathon with course facts, race-day schedule, entry prices and pack collection.
What you get
A registration page for a city road race: a centred hero with the date, race numbers, the course at a glance, the race-day schedule, entry tiers, race pack collection times, an FAQ and an entry form. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
import { StrictMode } from "react";import { createRoot } from "react-dom/client";import "./index.css";import App from "./App"; createRoot(document.getElementById("root")!).render( <StrictMode> <App /> </StrictMode>,);Remix
Remix this template
Describe what to change and the agent starts from Half-marathon registration's files. The box is already started for you: finish “Start from Half-marathon registration and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Budgeting app launch
Launch page for a household budgeting app with a live budget mock, pricing, beta reviews and an early-access form.
Design conference
Bold two-day design conference page with speakers, programme, venue, ticket tiers and an FAQ, ready for ticket sales.
30-day running plan
Friendly sign-up page for a free 30-day plan that takes beginners from walking to running 20 minutes without stopping.
Build on Half-marathon registration
Create a free account, start from this template, and ask the AI agent to turn it into your app.