feat: add logo to header

1 files changed, 4 insertions, 2 deletions

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index a2ac5016..5e2e51cb 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>

   );