tasko/components/logo.tsx

import Image from "next/image";
import Link from "next/link";

export const Logo = () => {
  return (
    <Link href="/">
      <div className="hover:opacity-75 transition items-center gap-x-2 hidden md:flex">
        <Image src="/logo-transparent.svg" alt="logo" height={100} width={100} />
      </div>
    </Link>
  );
};