From be970248686c0af7d8506cba8c64bf507419da3d Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Sun, 22 Jun 2025 13:07:02 +0200
Subject: so much stuff???

---
 apps/web/src/components/header.tsx | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 apps/web/src/components/header.tsx

(limited to 'apps/web/src/components/header.tsx')

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
new file mode 100644
index 00000000..a2ac5016
--- /dev/null
+++ b/apps/web/src/components/header.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { ArrowRight } from "lucide-react";
+import { HeaderBase } from "./header-base";
+
+export function Header() {
+  const leftContent = (
+    <Link href="/" className="font-medium tracking-tight">
+      AppCut
+    </Link>
+  );
+
+  const rightContent = (
+    <nav className="flex items-center">
+      <Link href="/editor">
+        <Button variant="ghost" className="text-sm">
+          Open editor
+        </Button>
+      </Link>
+      <Link href="https://github.com/mazeincoding/AppCut" target="_blank">
+        <Button variant="ghost" className="text-sm">
+          GitHub
+        </Button>
+      </Link>
+      <Link href="/editor">
+        <Button size="sm" className="text-sm ml-4">
+          Start editing
+          <ArrowRight className="h-4 w-4" />
+        </Button>
+      </Link>
+    </nav>
+  );
+
+  return <HeaderBase leftContent={leftContent} rightContent={rightContent} />;
+}
-- 
cgit v1.3.1