Use the official AI Growth Technologies logo and favicon

src/components/logo.tsx

@@ -1,18 +1,9 @@
-export function LogoMark({ className = "logo-mark" }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 32 32" fill="none" aria-hidden="true">
-      <rect x="0.5" y="0.5" width="31" height="31" stroke="currentColor" strokeOpacity="0.35" />
-      <path d="M6 25 L16 7 L26 25" stroke="currentColor" strokeWidth="1.4" />
-      <path d="M10.5 18.5 H21.5" stroke="currentColor" strokeWidth="1.4" />
-      <rect x="23.5" y="5.5" width="3" height="3" fill="#da291c" />
-    </svg>
-  );
-}
+import Image from "next/image";
 
 export default function Logo() {
   return (
     <a href="#top" className="logo" aria-label="AI Growth Technologies — home">
-      <LogoMark />
+      <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>
@@ -20,3 +11,11 @@ export default function Logo() {
     </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>
+  );
+}