diff --git a/web/components/Button.tsx b/web/components/Button.tsx
deleted file mode 100644
index f1b80a0..0000000
--- a/web/components/Button.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { JSX } from "preact";
-import { IS_BROWSER } from "$fresh/runtime.ts";
-
-export function Button(props: JSX.HTMLAttributes<HTMLButtonElement>) {
-  return (
-    <button
-      {...props}
-      disabled={!IS_BROWSER || props.disabled}
-      class="px-2 py-1 border-gray-500 border-2 rounded bg-white hover:bg-gray-200 transition-colors"
-    />
-  );
-}
diff --git a/web/components/Logo.tsx b/web/components/Logo.tsx
new file mode 100644
index 0000000..5a0b03e
--- /dev/null
+++ b/web/components/Logo.tsx
@@ -0,0 +1,7 @@
+export default function Logo() {
+	return (
+		<a href="/">
+			<img class="h-8" src="/logo.svg" alt="EVY" />
+		</a>
+	);
+}
diff --git a/web/components/Navbar.tsx b/web/components/Navbar.tsx
new file mode 100644
index 0000000..4500b28
--- /dev/null
+++ b/web/components/Navbar.tsx
@@ -0,0 +1,12 @@
+import Logo from "./Logo.tsx";
+
+export default function Navbar() {
+	return (
+		<nav class="bg-gray-50 flex flex-wrap items-center justify-between p-4">
+			<Logo />
+			<a href="/about" class="navbar-solid-bg font-medium">
+				About
+			</a>
+		</nav>
+	);
+}
diff --git a/web/deno.json b/web/deno.json
index 92df550..c904016 100644
--- a/web/deno.json
+++ b/web/deno.json
@@ -1,39 +1,34 @@
 {
-  "lock": false,
-  "tasks": {
-    "check": "deno fmt --check && deno lint && deno check **/*.ts && deno check **/*.tsx",
-    "cli": "echo \"import '\\$fresh/src/dev/cli.ts'\" | deno run --unstable -A -",
-    "manifest": "deno task cli manifest $(pwd)",
-    "start": "deno run -A --watch=static/,routes/ dev.ts",
-    "build": "deno run -A dev.ts build",
-    "preview": "deno run -A main.ts",
-    "update": "deno run -A -r https://fresh.deno.dev/update ."
-  },
-  "lint": {
-    "rules": {
-      "tags": [
-        "fresh",
-        "recommended"
-      ]
-    }
-  },
-  "exclude": [
-    "**/_fresh/*"
-  ],
-  "imports": {
-    "$fresh/": "https://deno.land/x/fresh@1.7.3/",
-    "preact": "https://esm.sh/preact@10.22.0",
-    "preact/": "https://esm.sh/preact@10.22.0/",
-    "@preact/signals": "https://esm.sh/*@preact/signals@1.2.2",
-    "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.5.1",
-    "tailwindcss": "npm:tailwindcss@3.4.1",
-    "tailwindcss/": "npm:/tailwindcss@3.4.1/",
-    "tailwindcss/plugin": "npm:/tailwindcss@3.4.1/plugin.js",
-    "$std/": "https://deno.land/std@0.216.0/"
-  },
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact"
-  },
-  "nodeModulesDir": true
+	"lock": false,
+	"tasks": {
+		"check": "deno fmt --check && deno lint && deno check **/*.ts && deno check **/*.tsx",
+		"cli": "echo \"import '\\$fresh/src/dev/cli.ts'\" | deno run --unstable -A -",
+		"manifest": "deno task cli manifest $(pwd)",
+		"start": "deno run -A --watch=static/,routes/ dev.ts",
+		"build": "deno run -A dev.ts build",
+		"preview": "deno run -A main.ts",
+		"update": "deno run -A -r https://fresh.deno.dev/update ."
+	},
+	"lint": {
+		"rules": {
+			"tags": ["fresh", "recommended"]
+		}
+	},
+	"exclude": ["**/_fresh/*"],
+	"imports": {
+		"$fresh/": "https://deno.land/x/fresh@1.7.3/",
+		"preact": "https://esm.sh/preact@10.22.0",
+		"preact/": "https://esm.sh/preact@10.22.0/",
+		"@preact/signals": "https://esm.sh/*@preact/signals@1.2.2",
+		"@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.5.1",
+		"tailwindcss": "npm:tailwindcss@3.4.1",
+		"tailwindcss/": "npm:/tailwindcss@3.4.1/",
+		"tailwindcss/plugin": "npm:/tailwindcss@3.4.1/plugin.js",
+		"$std/": "https://deno.land/std@0.216.0/"
+	},
+	"compilerOptions": {
+		"jsx": "react-jsx",
+		"jsxImportSource": "preact"
+	},
+	"nodeModulesDir": "auto"
 }
diff --git a/web/fresh.gen.ts b/web/fresh.gen.ts
index e491209..0c55904 100644
--- a/web/fresh.gen.ts
+++ b/web/fresh.gen.ts
@@ -6,8 +6,7 @@ import * as $_404 from "./routes/_404.tsx";
 import * as $_app from "./routes/_app.tsx";
 import * as $about_index from "./routes/about/index.tsx";
 import * as $index from "./routes/index.tsx";
-import * as $Counter from "./islands/Counter.tsx";
-import * as $Logo from "./islands/Logo.tsx";
+
 import type { Manifest } from "$fresh/server.ts";
 
 const manifest = {
@@ -17,10 +16,7 @@ const manifest = {
     "./routes/about/index.tsx": $about_index,
     "./routes/index.tsx": $index,
   },
-  islands: {
-    "./islands/Counter.tsx": $Counter,
-    "./islands/Logo.tsx": $Logo,
-  },
+  islands: {},
   baseUrl: import.meta.url,
 } satisfies Manifest;
 
diff --git a/web/islands/Counter.tsx b/web/islands/Counter.tsx
deleted file mode 100644
index f3ea080..0000000
--- a/web/islands/Counter.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Signal } from "@preact/signals";
-import { Button } from "../components/Button.tsx";
-
-interface CounterProps {
-  count: Signal<number>;
-}
-
-export default function Counter(props: CounterProps) {
-  return (
-    <div class="flex gap-8 py-6">
-      <Button onClick={() => props.count.value -= 1}>-1</Button>
-      <p class="text-3xl tabular-nums">{props.count}</p>
-      <Button onClick={() => props.count.value += 1}>+1</Button>
-    </div>
-  );
-}
diff --git a/web/islands/Logo.tsx b/web/islands/Logo.tsx
deleted file mode 100644
index 7c369ff..0000000
--- a/web/islands/Logo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export default function Logo() {
-	return (
-		<img
-			class="my-6"
-			src="/logo.svg"
-			width="128"
-			height="128"
-			alt="EVY, the everything app"
-		/>
-	);
-}
diff --git a/web/routes/_404.tsx b/web/routes/_404.tsx
index c63ae2e..2e0def9 100644
--- a/web/routes/_404.tsx
+++ b/web/routes/_404.tsx
@@ -1,27 +1,16 @@
 import { Head } from "$fresh/runtime.ts";
 
 export default function Error404() {
-  return (
-    <>
-      <Head>
-        <title>404 - Page not found</title>
-      </Head>
-      <div class="px-4 py-8 mx-auto bg-[#86efac]">
-        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-          <img
-            class="my-6"
-            src="/logo.svg"
-            width="128"
-            height="128"
-            alt="the Fresh logo: a sliced lemon dripping with juice"
-          />
-          <h1 class="text-4xl font-bold">404 - Page not found</h1>
-          <p class="my-4">
-            The page you were looking for doesn't exist.
-          </p>
-          <a href="/" class="underline">Go back home</a>
-        </div>
-      </div>
-    </>
-  );
+	return (
+		<>
+			<Head>
+				<title>404 - Page not found</title>
+			</Head>
+			<div class="px-4 py-8 mx-auto">
+				<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
+					<h1 class="text-4xl font-bold">404 - Page not found</h1>
+				</div>
+			</div>
+		</>
+	);
 }
diff --git a/web/routes/_app.tsx b/web/routes/_app.tsx
index 308db21..19a5a41 100644
--- a/web/routes/_app.tsx
+++ b/web/routes/_app.tsx
@@ -1,4 +1,8 @@
 import { type PageProps } from "$fresh/server.ts";
+import { Partial } from "$fresh/runtime.ts";
+
+import Navbar from "../components/Navbar.tsx";
+
 export default function App({ Component }: PageProps) {
 	return (
 		<html>
@@ -11,8 +15,11 @@ export default function App({ Component }: PageProps) {
 				<title>EVY</title>
 				<link rel="stylesheet" href="/styles.css" />
 			</head>
-			<body>
-				<Component />
+			<body f-client-nav>
+				<Navbar />
+				<Partial name="body">
+					<Component />
+				</Partial>
 			</body>
 		</html>
 	);
diff --git a/web/routes/about/index.tsx b/web/routes/about/index.tsx
index dceeb24..2493c7d 100644
--- a/web/routes/about/index.tsx
+++ b/web/routes/about/index.tsx
@@ -1,11 +1,9 @@
 import { PageProps } from "$fresh/server.ts";
-import Logo from "../../islands/Logo.tsx";
 
 export default function About(props: PageProps) {
 	return (
 		<div class="px-4 py-8">
 			<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-				<Logo />
 				<h1 class="text-4xl font-bold">Why we exist</h1>
 				<div class="pt-8">
 					<h4 class="text-xl font-bold text-left">- Data Privacy</h4>
diff --git a/web/routes/index.tsx b/web/routes/index.tsx
index 8115435..21a298b 100644
--- a/web/routes/index.tsx
+++ b/web/routes/index.tsx
@@ -1,15 +1,8 @@
-import { useSignal } from "@preact/signals";
-import Counter from "../islands/Counter.tsx";
-import Logo from "../islands/Logo.tsx";
-
 export default function Home() {
-	const count = useSignal(3);
 	return (
 		<div class="px-4 py-8">
 			<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-				<Logo />
 				<h1 class="text-4xl font-bold">App builder</h1>
-				<Counter count={count} />
 			</div>
 		</div>
 	);
diff --git a/web/static/logo.svg b/web/static/logo.svg
index 7b34389..f7f939e 100644
--- a/web/static/logo.svg
+++ b/web/static/logo.svg
@@ -1,6 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg id="svg2" viewBox="127.801 324.285 742.09 287.732" xmlns="http://www.w3.org/2000/svg" width="1000px" height="1000px">
-  <desc>Source: openclipart.org/detail/209545</desc>
-  <desc>Source: openclipart.org/detail/209545</desc>
+<svg id="svg2" viewBox="127.801 324.285 742.09 287.732" xmlns="http://www.w3.org/2000/svg" width="1000px" height="400px">
   <path style="fill:#0c1311; stroke:none;" d="M 143.934 385.017 L 218.934 385.017 L 267.934 385.017 L 308.934 385.017 C 312.41 385.017 320.466 386.495 322.906 383.414 C 326.058 379.435 323.934 367.914 323.934 363.017 C 323.934 358.636 326.085 346.018 322.331 343.045 C 319.713 340.971 314.056 342.017 310.934 342.017 L 282.934 342.017 L 181.934 342.017 L 156.934 342.017 C 153.601 342.017 149.008 341.299 146.252 343.62 C 143.12 346.259 143.934 351.384 143.934 355.017 L 143.934 385.017 M 512.934 589.017 C 518.772 568.751 530.49 549.618 538.355 530.017 C 547.55 507.098 558.29 484.82 567.817 462.017 C 574.887 445.095 581.508 427.657 589.127 411.017 C 596.427 395.074 603.342 379.192 610.052 363.017 C 612.806 356.379 617.531 350.094 618.934 343.017 C 608.233 342.172 597.692 342.017 586.934 342.017 C 582.917 342.017 576.741 340.891 573.159 343.045 C 568.273 345.982 564.837 355.854 563.039 361.002 C 559.01 372.535 553.137 383.674 548.435 394.978 C 535.521 426.022 521.99 456.979 508.29 487.731 C 501.418 503.155 492.007 519.653 487.934 536.017 C 482.929 534.452 481.358 529.527 479.311 525.017 C 474.869 515.23 470.504 505.153 466.963 495.017 C 462.084 481.049 454.399 467.562 448.419 454.017 C 438.136 430.724 428.655 407.171 418.065 384.017 C 413.404 373.826 409.566 363.278 405.073 353.017 C 403.323 349.021 401.536 343.409 396.76 342.296 C 386.817 339.978 374.143 342.012 363.934 342.017 C 360.861 342.018 355.175 341.097 354.306 345.165 C 353.356 349.612 357.587 355.019 359.1 359.017 C 364.494 373.27 372.013 386.746 377.401 401.017 C 394.206 445.534 416.912 487.808 434.456 532.017 C 440.024 546.046 445.688 560.401 452.33 574.017 C 454.286 578.028 455.202 584.359 458.583 587.414 C 461.986 590.489 469.685 589.017 473.934 589.017 L 512.934 589.017 M 714.934 589.017 L 758.934 589.017 L 758.934 536.017 C 758.934 528.282 757.337 518.489 759.443 511.017 C 761.714 502.96 767.594 495.392 771.464 488.017 C 780.636 470.539 790.53 453.291 800.023 436.017 C 812.381 413.532 825.542 391.581 837.886 369.017 C 842.26 361.022 850.638 351.249 850.934 342.017 L 817.934 342.017 C 813.45 342.017 807.165 340.893 803.26 343.531 C 798.114 347.007 795.539 353.708 792.714 358.928 C 788.366 366.962 783.883 374.684 780.007 383.017 C 776.004 391.621 769.608 399.889 764.598 408.017 C 759.569 416.175 755.734 424.941 750.517 433.017 C 745.54 440.723 743.7 451.576 734.934 456.017 C 734.045 451.639 731.253 448.783 729.018 445.002 C 724.919 438.07 720.98 431.041 716.953 424.092 C 710.511 412.975 704.878 401.328 698.623 390.106 C 695.569 384.628 691.64 379.652 688.809 374.013 C 685.327 367.078 681.415 360.71 677.479 354.017 C 675.675 350.95 674.288 346.889 671.635 344.451 C 668.464 341.536 663.919 342.019 659.934 342.017 L 633.934 342.017 C 630.393 342.019 624.05 341.196 623.385 346.076 C 622.94 349.334 625.496 352.498 627.181 355.017 C 629.954 359.163 632.253 363.628 634.625 368.017 C 645.205 387.588 656.789 406.582 667.648 426.017 C 678.839 446.044 690.255 465.885 701.246 486.017 C 705.715 494.201 712.159 501.956 714.475 511.187 C 716.451 519.063 714.934 528.918 714.934 537.017 L 714.934 589.017 M 301.934 446.017 L 234.934 446.017 L 190.934 446.017 L 157.934 446.017 C 154.472 446.017 148.357 444.882 145.676 447.62 C 141.716 451.666 143.934 463.754 143.934 469.017 C 143.934 473.393 141.904 484.937 145.676 487.989 C 147.901 489.789 152.283 489.017 154.934 489.017 L 177.934 489.017 L 266.934 489.017 L 290.934 489.017 C 294.103 489.016 298.834 489.719 301.331 487.275 C 303.92 484.74 302.934 479.285 302.934 476.017 C 302.934 466.085 303.752 455.811 301.934 446.017 M 147.082 546.759 C 143.747 548.268 143.956 551.888 143.935 555.017 C 143.88 563.016 143.93 571.018 143.934 579.017 C 143.935 581.893 143.093 586.859 146.252 588.414 C 149.381 589.953 154.536 589.017 157.934 589.017 L 184.934 589.017 L 280.934 589.017 L 310.934 589.017 C 314.056 589.017 319.713 590.063 322.331 587.989 C 324.852 585.992 323.934 580.82 323.934 578.017 C 323.934 570.351 323.986 562.683 323.933 555.017 C 323.908 551.411 323.959 547.674 319.875 546.451 C 315.949 545.274 310.993 546.017 306.934 546.017 L 279.934 546.017 L 192.934 546.017 L 160.934 546.017 C 156.781 546.017 150.954 545.008 147.082 546.759"/>
 </svg>
\ No newline at end of file