Add XR Performance Lab pages, routing, components, and experiment data

[JamesDeRaja]

Motivation

• Introduce a navigable XR Performance Lab to publish profiling experiments and results within the site.
• Add client-side routing so lab index and individual experiment pages can be routed and bookmarked.
• Provide typed data models and presentational components to standardize experiment display and evidence.

Description

• Added react-router-dom dependency and updated package-lock.json, and wrapped the app in BrowserRouter in src/main.tsx while replacing the single HomePage render with route definitions in src/App.tsx.
• Implemented lab pages src/lab/pages/LabIndexPage.tsx and src/lab/pages/LabExperimentPage.tsx, plus routing-safe nav components (ExperimentNav) and updated header Navbar links to use site paths.
• Added typed domain models and data: src/lab/types.ts and src/lab/data/experiments.ts with a sample experiment and getExperimentBySlug helper.
• Added presentational components for experiments: EvidenceGallery, ExperimentHeader, MetricsSummary, and TechnicalTakeaways, and updated XRLabSection.tsx to surface the new experiments list and link into the lab.
• Added vercel.json rewrite to route all requests to the SPA entrypoint.

Testing

• Ran TypeScript type-check with tsc --noEmit and it completed successfully.
• Ran linting with npm run lint and there were no blocking lint errors.
• Built the site with npm run build (Vite) and the production build completed successfully.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
portfolio	Ready	Preview, Comment	Feb 25, 2026 3:37am