fix: use Vite imports for assets to resolve subpath URLs

Author: gk16

public/architecture.svg src/assets/architecture.svgpublic/architecture.svg renamed to src/assets/architecture.svg

@@ -1,4 +1,5 @@
 import { useFadeIn } from '../hooks/useFadeIn'
+import architectureSvg from '../assets/architecture.svg'
 
 export default function Architecture() {
   const ref = useFadeIn()
@@ -19,7 +20,7 @@ export default function Architecture() {
         {/* Architecture diagram */}
         <div className="rounded-xl border border-navy-700/50 overflow-hidden bg-navy-900/50">
           <img
-            src="/architecture.svg"
+            src={architectureSvg}
             alt="AgentAnycast sidecar architecture showing App → SDK → gRPC → Go daemon → libp2p → Remote Peer"
             className="w-full"
           />

public/logo-dark.png src/assets/logo-dark.pngpublic/logo-dark.png renamed to src/assets/logo-dark.png

@@ -1,7 +1,9 @@
+import logoDark from '../assets/logo-dark.png'
+
 export default function Logo({ size = 32 }: { size?: number }) {
   return (
     <img
-      src="/logo-dark.png"
+      src={logoDark}
       alt="AgentAnycast"
       width={size}
       height={size}

src/components/Architecture.tsx

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+declare module '*.png' {
+  const src: string
+  export default src
+}
+
+declare module '*.svg' {
+  const src: string
+  export default src
+}