import Image from "next/image";

export default function Logo() {
  return (
    <a href="#top" className="logo" aria-label="AI Growth Technologies — home">
      <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>
    </a>
  );
}

export function LogoStacked() {
  return (
    <a href="#top" className="logo-stacked" aria-label="AI Growth Technologies — back to top">
      <Image src="/logo-stacked.png" alt="AI Growth Technologies" width={480} height={547} />
    </a>
  );
}