Aurora Drift ships eleven pre-built pages wired together through React Router DOM’s hash-based routing strategy. Because the project is a fully static Vite build, each page HTML file in theDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/aurora-drift/llms.txt
Use this file to discover all available pages before exploring further.
/pages/ directory sets window.__STATIC_PAGE_ROUTE__ and redirects window.location.hash on load — this means any page can be opened directly on a static host (GitHub Pages, Netlify, Surge, etc.) without a server-side rewrite rule, and the React app will boot straight into the correct route.
App-Shell Components
Every route shares the same four wrapper components that are mounted once at the app shell level and persist across all navigations:AuroraBackground
Renders the animated gradient aurora effect that fills the full viewport behind all page content.
CursorGlow
Tracks mouse position and renders a soft radial glow that follows the cursor across all pages.
Nav
Fixed top navigation bar with links to all primary routes. Extracted from
components/Nav.js.PageTransition
Wraps each routed page and applies enter/exit animations plus
pt-24 top padding to clear the fixed nav.Route Table
The following routes are defined in the React Router configuration, with eachpages/*.html file handling static deep-linking via the window.__STATIC_PAGE_ROUTE__ / window.location.hash pattern.
| Path | Nav Label | Static HTML File |
|---|---|---|
/ | Home | index.html |
/about | About | pages/About.html |
/projects | Projects | pages/Projects.html |
/skills | Skills | pages/Skills.html |
/work | Work | pages/Work.html |
/case-studies | Case Studies | pages/CaseStudies.html |
/blog | Blog | pages/Blog.html |
/contact | Contact | pages/Contact.html |
/blog/:slug | (unlisted) | pages/BlogPost.html |
/case-studies/:slug | (unlisted) | pages/CaseStudyDetail.html |
/testimonials | (unlisted) | pages/Testimonials.html |
The
/blog/:slug, /case-studies/:slug, and /testimonials routes are not shown in the main navigation bar but are fully functional. Their corresponding HTML files use the same window.__STATIC_PAGE_ROUTE__ redirect pattern so they work as direct links on static hosts.Page Groups
The ten pages fall into four logical groups, each covered in the pages that follow this overview.Home
The landing experience — full-viewport hero, animated headline, and primary CTAs linking to Projects and Contact.
About & Skills
Personal bio with timeline cards (
/about) and a categorised skill-pill grid (/skills).Projects & Work
Project showcase grid (
/projects) and a vertical work-history timeline (/work).Blog & Case Studies
Blog listing and individual post view, case study grid and detail pages, plus the Testimonials carousel.
How Static Deep-Linking Works
Browser opens a page HTML file
When a visitor navigates directly to, for example,
pages/About.html, the browser parses the <head> inline script before React mounts.Route is stamped onto the window
The script sets
window.__STATIC_PAGE_ROUTE__ = "/about" so the React app can read the intended route before the hash is set.Hash is redirected
If
window.location.hash is empty, #/, or #, the script immediately sets window.location.hash = "/about", giving React Router a valid hash route to match.