diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 8516a3d..fb2f38e 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -18,7 +18,17 @@ export default function App() {
   return (
     <AuthProvider>
       <DemoBanner/>
-      <NavBar dark={dark} onToggleDark={() => setDark((d) => !d)} />
+      <nav aria-label="Main navigation" style={{ padding: '1rem 2rem', background: '#1e293b', display: 'flex', gap: '1.5rem', alignItems: 'center' }}>
+        <strong style={{ color: '#38bdf8', fontSize: '1.2rem' }}>💉 VacciChain</strong>
+        <NavLink to="/">Home</NavLink>
+        <NavLink to="/patient">My Records</NavLink>
+        <NavLink to="/issuer">Issue</NavLink>
+        <NavLink to="/verify">Verify</NavLink>
+        <NavLink to="/admin">Admin</NavLink>
+        <NavLink to="/apply">Apply as Issuer</NavLink>
+        <NavLink to="/analytics">Analytics</NavLink>
+        <DarkModeToggle dark={dark} onToggle={() => setDark(d => !d)} />
+      </nav>
       <FreighterBanner />
       <Routes>
         <Route path="/" element={<Landing />} />