import Link from "next/link";
import { Compass } from "lucide-react";

export function Logo() {
  return (
    <Link href="/" className="flex items-center gap-2 text-xl font-bold tracking-tight text-cocoa">
      <span className="grid size-9 place-items-center rounded-xl bg-gradient-ember text-white shadow-ember">
        <Compass size={19} strokeWidth={2.5} />
      </span>
      Encostay
    </Link>
  );
}
