1 files changed, 47 insertions, 47 deletions
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 2e6de534..7d11e68a 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -1,47 +1,47 @@
-"use client";
-
-import Link from "next/link";
-import { Button } from "./ui/button";
-import { ArrowRight } from "lucide-react";
-import { HeaderBase } from "./header-base";
-import Image from "next/image";
-
-export function Header() {
-  const leftContent = (
-    <Link href="/" className="flex items-center gap-3">
-      <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />
-      <span className="text-xl font-medium hidden md:block">OpenCut</span>
-    </Link>
-  );
-
-  const rightContent = (
-    <nav className="flex items-center gap-3">
-      <Link href="/blog">
-        <Button variant="text" className="text-sm p-0">
-          Blog
-        </Button>
-      </Link>
-      <Link href="/contributors">
-        <Button variant="text" className="text-sm p-0">
-          Contributors
-        </Button>
-      </Link>
-      <Link href="/projects">
-        <Button size="sm" className="text-sm ml-4">
-          Projects
-          <ArrowRight className="h-4 w-4" />
-        </Button>
-      </Link>
-    </nav>
-  );
-
-  return (
-    <div className="mx-4 md:mx-0">
-      <HeaderBase
-        className="bg-accent border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
-        leftContent={leftContent}
-        rightContent={rightContent}
-      />
-    </div>
-  );
-}
+"use client";
+
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { ArrowRight } from "lucide-react";
+import { HeaderBase } from "./header-base";
+import Image from "next/image";
+
+export function Header() {
+  const leftContent = (
+    <Link href="/" className="flex items-center gap-3">
+      <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />
+      <span className="text-xl font-medium hidden md:block">OpenCut</span>
+    </Link>
+  );
+
+  const rightContent = (
+    <nav className="flex items-center gap-3">
+      <Link href="/blog">
+        <Button variant="text" className="text-sm p-0">
+          Blog
+        </Button>
+      </Link>
+      <Link href="/contributors">
+        <Button variant="text" className="text-sm p-0">
+          Contributors
+        </Button>
+      </Link>
+      <Link href="/projects">
+        <Button size="sm" className="text-sm ml-4">
+          Projects
+          <ArrowRight className="h-4 w-4" />
+        </Button>
+      </Link>
+    </nav>
+  );
+
+  return (
+    <div className="mx-4 md:mx-0">
+      <HeaderBase
+        className="bg-accent border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
+        leftContent={leftContent}
+        rightContent={rightContent}
+      />
+    </div>
+  );
+}