sync: merge main into develop

landing/index.html

@@ -43,7 +43,7 @@
     <!-- Nav -->
     <nav class="relative z-50 w-full max-w-7xl mx-auto px-6 md:px-12 py-6 flex items-center justify-between">
         <div class="flex items-center gap-3">
-            <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/invoke-logo-mark.png" alt="Invoke" class="w-8 h-8 object-contain">
+            <img src="./invoke-logo-mark.png" alt="Invoke" class="w-8 h-8 object-contain">
             <span class="font-display font-bold text-xl tracking-widest text-white">INVOKE</span>
         </div>
         <div class="flex items-center gap-6 md:gap-8">
@@ -58,7 +58,7 @@
         <!-- Hero -->
         <div class="relative flex flex-col items-center text-center mb-20 w-full pt-12 md:pt-20">
             <!-- Solana 3D coin -->
-            <img src="./Solana_3D.png" alt="" aria-hidden="true" class="absolute top-0 right-0 md:right-8 lg:right-16 w-48 md:w-64 lg:w-80 opacity-20 pointer-events-none select-none" style="filter: drop-shadow(0 0 40px rgba(153,69,255,0.4)); transform: translateY(10%);">
+            <img src="./Solana_3D.png" alt="" aria-hidden="true" class="absolute top-0 right-0 md:right-8 lg:right-16 w-48 md:w-64 lg:w-80 opacity-40 pointer-events-none select-none z-10" style="filter: drop-shadow(0 0 60px rgba(153,69,255,0.6)); transform: translateY(5%);">
             <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-white/10 bg-white/[0.03] text-xs text-gray-400 font-mono tracking-widest mb-8">
                 MWA 2.0.3 · GODOT 4.2 · ANDROID · OPEN SOURCE
             </div>
@@ -133,15 +133,15 @@ <h2 class="font-display font-bold text-3xl md:text-4xl text-white mb-3 tracking-
         <div class="w-full mb-24">
             <h2 class="font-display font-bold text-3xl md:text-4xl text-white mb-3 tracking-tight text-center">InvokeQuest — Example App</h2>
             <p class="text-gray-500 text-sm mb-10 text-center">Every SDK method demonstrated in a real Godot 4 Android app</p>
-            <div class="flex gap-4 overflow-x-auto screenshot-scroll pb-4 -mx-6 px-6">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-splash.jpg" alt="Splash" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-dashboard.jpg" alt="Dashboard" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-sign-tx.jpg" alt="Sign Transaction" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-sign-send.jpg" alt="Sign & Send" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-sign-message.jpg" alt="Sign Message" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-capabilities.jpg" alt="Capabilities" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-auth-cache.jpg" alt="Auth Cache" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
-                <img src="https://raw.githubusercontent.com/plinkdev1/invoke-solana-sdk/main/docs/static/img/screenshot-settings.jpg" alt="Settings" class="screenshot-item h-80 w-auto rounded-2xl border border-white/10 flex-shrink-0">
+            <div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3">
+                <img src="./screenshot-splash.jpg" alt="Splash" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-dashboard.jpg" alt="Dashboard" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-sign-tx.jpg" alt="Sign Transaction" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-sign-send.jpg" alt="Sign & Send" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-sign-message.jpg" alt="Sign Message" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-capabilities.jpg" alt="Capabilities" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-auth-cache.jpg" alt="Auth Cache" class="w-full rounded-2xl border border-white/10">
+                <img src="./screenshot-settings.jpg" alt="Settings" class="w-full rounded-2xl border border-white/10">
             </div>
         </div>