diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index a2ac501..5e2e51c 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -1,14 +1,16 @@
 "use client";
 
 import Link from "next/link";
+import Image from "next/image";
 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 href="/" className="flex items-center gap-3">
+      <Image src="/logo.png" alt="AppCut Logo" width={24} height={24} />
+      <span className="font-medium tracking-tight">AppCut</span>
     </Link>
   );