.

apps/blogai/components/header.tsx

@@ -1,6 +1,8 @@
 'use client'
 
 import React from 'react'
+import Link from 'next/link';
+
 import { Suspense } from 'react'
 
 import { auth } from '@/auth'
@@ -61,9 +63,11 @@ export function Header() {
 //w-11/12 sm:w-5/6 md:w-3/4 lg:w-2/3 xl:w-3/5 2xl:w-1/2
   return (
     <header className="sticky top-0 z-50 flex shrink-0 items-center justify-between  bg-background px-4 py-[1.5rem] w-[80%]  mx-auto">
-      <LogoAI
-        className='flex text-center ml-0'
-      />
+
+      <a href="/">
+      <LogoAI className="flex text-center ml-0" />
+      </a>
+
       <div className="flex items-center justify-between ">
         <div className="flex items-center ">
           {/* <IconSeparator className="size-6 text-muted-foreground/50" /> */}