Initial frontend import

src/components/ArkLogoMark.tsx

@@ -0,0 +1,17 @@
+import logoSrc from "../assets/logo-primary.webp?url";
+
+/** Primary ARK mark — imported so Vite emits a content-hashed URL (avoids stale inline-SVG JS + stable /assets/*.webp CDN cache). */
+export function ArkLogoMark({ className = "" }: { className?: string }) {
+  return (
+    <img
+      src={logoSrc}
+      alt=""
+      className={["object-contain select-none", className]
+        .filter(Boolean)
+        .join(" ")}
+      decoding="async"
+      draggable={false}
+      aria-hidden
+    />
+  );
+}