+
+
+
+ );
+}
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
new file mode 100644
index 0000000..5a177c7
--- /dev/null
+++ b/src/app/not-found.tsx
@@ -0,0 +1,16 @@
+import Link from "next/link";
+
+export default function NotFound() {
+ return (
+
+
+
404 · Signal lost
+
No trace
+
Nothing resolves at this address.
+
+ RETURN TO BASE →
+
+
+
+ );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..dcee7c7
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,29 @@
+import Link from "next/link";
+import { BootSequence } from "@/components/BootSequence";
+import { FeaturedNodes } from "@/components/FeaturedNodes";
+import { Hero } from "@/components/Hero";
+
+export default function Home() {
+ return (
+ <>
+
+
+
+
+
+
+
02 / Nodes
+
+ Featured
+
+
+
+ ALL PROJECTS →
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..9e5491c
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,23 @@
+import type { Metadata } from "next";
+import { ProjectIndex } from "@/components/ProjectIndex";
+import { projects } from "@/content/projects";
+
+export const metadata: Metadata = {
+ title: "Projects",
+ description: "Everything built and conceived under Orus, from Saturn and Enclave to cyberdecks and RC planes.",
+};
+
+export default function ProjectsPage() {
+ return (
+
+
+
Node index · Root Orus · {projects.length} nodes
+
Projects
+
+ Most of what I've built and conceived. Concepts are labelled as concepts.
+
+
+
+
+ );
+}
diff --git a/src/app/template.tsx b/src/app/template.tsx
new file mode 100644
index 0000000..5b6446d
--- /dev/null
+++ b/src/app/template.tsx
@@ -0,0 +1,4 @@
+// Re-mounts on every navigation, so each page resolves in from wireframe.
+export default function Template({ children }: { children: React.ReactNode }) {
+ return
{children}
;
+}
diff --git a/src/components/BootSequence.tsx b/src/components/BootSequence.tsx
new file mode 100644
index 0000000..2f6400d
--- /dev/null
+++ b/src/components/BootSequence.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useSession } from "./Telemetry";
+
+const DURATION = 1900;
+
+/**
+ * Once-per-session boot screen on the home page. It only shows when the head
+ * script has set , so without JS (or with reduced motion) it
+ * never appears. Click, tap or any key skips it.
+ */
+export function BootSequence() {
+ const s = useSession();
+ const [leaving, setLeaving] = useState(false);
+
+ useEffect(() => {
+ const root = document.documentElement;
+ if (!root.hasAttribute("data-boot")) return;
+
+ let done = false;
+ let outTimer: number | undefined;
+ const finish = () => {
+ if (done) return;
+ done = true;
+ try {
+ sessionStorage.setItem("boot", "1");
+ } catch {}
+ setLeaving(true);
+ outTimer = window.setTimeout(() => root.removeAttribute("data-boot"), 250);
+ };
+ const timer = window.setTimeout(finish, DURATION);
+ window.addEventListener("keydown", finish);
+ window.addEventListener("pointerdown", finish);
+ return () => {
+ clearTimeout(timer);
+ clearTimeout(outTimer);
+ window.removeEventListener("keydown", finish);
+ window.removeEventListener("pointerdown", finish);
+ };
+ }, []);
+
+ const stamp = s ? new Date(s.start).toISOString() : "";
+ const lines = [
+ { text: "SESSION OPEN", tail: "[ OK ]" },
+ { text: stamp },
+ { text: s ? `HASH ${s.hash}` : "HASH" },
+ { text: "SIGNAL ACQUIRED · TRACE ▸ TIRANA, AL" },
+ ];
+
+ return (
+
+
+
+
+ {lines.map((l, i) => (
+
+ >
+ {l.text}
+ {l.tail && {l.tail}}
+
+ ))}
+
+ >LOCKING▌
+
+
+
+ TRACE
+
+
+
+
+
+
+
CLICK OR PRESS ANY KEY TO SKIP
+
+ );
+}
diff --git a/src/components/Bust.tsx b/src/components/Bust.tsx
new file mode 100644
index 0000000..b4220ae
--- /dev/null
+++ b/src/components/Bust.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import Image from "next/image";
+import { useRef } from "react";
+
+/**
+ * 2.5D identity reveal. The picture first shows as a high-contrast scanline
+ * "wireframe", a scan sweeps across and resolves it to solid, and on desktop
+ * the layers tilt apart slightly with the pointer. No 3D library needed.
+ */
+export function Bust({ src, delay = "0s", className = "" }: { src: string; delay?: string; className?: string }) {
+ const tiltRef = useRef(null);
+ const meshRef = useRef(null);
+
+ function onMove(e: React.PointerEvent) {
+ if (e.pointerType !== "mouse" || matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+ const r = e.currentTarget.getBoundingClientRect();
+ const x = (e.clientX - r.left) / r.width - 0.5;
+ const y = (e.clientY - r.top) / r.height - 0.5;
+ if (tiltRef.current) tiltRef.current.style.transform = `rotateX(${(-y * 8).toFixed(2)}deg) rotateY(${(x * 10).toFixed(2)}deg)`;
+ if (meshRef.current) meshRef.current.style.transform = `translate(${(x * -6).toFixed(1)}px, ${(y * -6).toFixed(1)}px)`;
+ }
+
+ function onLeave() {
+ if (tiltRef.current) tiltRef.current.style.transform = "";
+ if (meshRef.current) meshRef.current.style.transform = "";
+ }
+
+ return (
+
+
+ {/* wireframe pass */}
+
+
+
+ {/* solid pass */}
+
+
+
+ {/* residual mesh that floats a few px above the photo */}
+
+ {/* scan line */}
+
+
+
+ );
+}
diff --git a/src/components/FeaturedNodes.tsx b/src/components/FeaturedNodes.tsx
new file mode 100644
index 0000000..35e905c
--- /dev/null
+++ b/src/components/FeaturedNodes.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect, useRef, useState } from "react";
+import { featured, projectById, projects } from "@/content/projects";
+import { Segment } from "./Segment";
+
+const ROOT = featured[0];
+
+export function FeaturedNodes() {
+ const [active, setActive] = useState(null);
+ const nodes = featured.map((f) => ({ ...f, project: projectById(f.id)! }));
+ const stageRef = useRef(null);
+ const [size, setSize] = useState<{ w: number; h: number } | null>(null);
+
+ // Lines are drawn in px so they stay 1px crisp at any stage size.
+ useEffect(() => {
+ const el = stageRef.current;
+ if (!el) return;
+ const ro = new ResizeObserver(([e]) => setSize({ w: e.contentRect.width, h: e.contentRect.height }));
+ ro.observe(el);
+ return () => ro.disconnect();
+ }, []);
+
+ return (
+
+
+
+
+