first commit

frontend/src/components/Layout.tsx

@@ -0,0 +1,28 @@
+import { NavLink, Outlet } from "react-router-dom";
+
+const linkClass = ({ isActive }: { isActive: boolean }) =>
+  `px-3 py-1.5 rounded text-sm ${isActive ? "bg-accent text-white" : "text-slate-300 hover:bg-white/5"}`;
+
+export function Layout() {
+  return (
+    <div className="h-screen flex flex-col">
+      <header className="flex items-center gap-4 px-4 py-2 border-b border-white/10 bg-panel">
+        <h1 className="text-sm font-semibold tracking-wide text-white">🫀 Atlas 3D de Anatomia</h1>
+        <nav className="flex gap-1">
+          <NavLink to="/" end className={linkClass}>
+            Atlas
+          </NavLink>
+          <NavLink to="/planos-anatomicos" className={linkClass}>
+            Planos e Eixos
+          </NavLink>
+          <NavLink to="/quiz" className={linkClass}>
+            Quiz
+          </NavLink>
+        </nav>
+      </header>
+      <main className="flex-1 min-h-0">
+        <Outlet />
+      </main>
+    </div>
+  );
+}