Groovy Portfolio: A 1970s-Themed React Developer Portfolio

HashRouter  (assets/main.js)
└── Routes
    └── Route path="/" element={<Layout />}
        ├── RainbowCursor   (components/RainbowCursor.js — global)
        ├── Navbar          (components/Navbar.js)
        ├── AnimatePresence (assets/index.js — Framer Motion page transitions)
        │   └── motion.main (assets/proxy.js — wraps the matched page)
        └── <Outlet />      (renders the matched page component)

// assets/main.js — router bootstrap (simplified representation)
// Note: the actual file is minified compiled output; this shows the logical structure.
ReactDOM.render(
  <HashRouter>
    <Routes>
      <Route path="/" element={<Layout />}>
        <Route index element={<Home />} />
        <Route path="about" element={<About />} />
        <Route path="projects" element={<Projects />} />
        <Route path="skills" element={<Skills />} />
        <Route path="work" element={<Work />} />
        <Route path="case-studies" element={<CaseStudies />} />
        <Route path="blog" element={<Blog />} />
        <Route path="testimonials" element={<Testimonials />} />
        <Route path="contact" element={<Contact />} />
      </Route>
    </Routes>
  </HashRouter>,
  document.getElementById("root")
);