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

export default function Logo({ href, label }: { href: string; label: string }) {
  return (
    <Link href={href} className="logo" aria-label={label}>
      <Image className="logo-mark" src="/logo-mark.png" alt="" width={229} height={192} priority />
      <span className="logo-type">
        <b>AI GROWTH</b>
        <span>TECHNOLOGIES</span>
      </span>
    </Link>
  );
}

export function LogoStacked({ href, label }: { href: string; label: string }) {
  return (
    <Link href={href} className="logo-stacked" aria-label={label}>
      <Image src="/logo-stacked.png" alt="AI Growth Technologies" width={480} height={547} />
    </Link>
  );
}