perf: preload 3D assets and fix mesh material hex code formatting in HeroBackground3D

src/components/ui/3d/HeroBackground3D.tsx

@@ -14,6 +14,9 @@ import {
 import * as THREE from 'three';
 import { OBJLoader } from 'three-stdlib';
 
+useLoader.preload(OBJLoader, '/aerox.obj');
+useLoader.preload(THREE.TextureLoader, '/jaiben.png');
+
 const ACCENT = '#00bc84';
 const ACCENT_BRIGHT = '#10b981';
 
@@ -138,7 +141,7 @@ function Battery({ position, scale = 1, rotation = [0, 0, 0] }: { position: [num
         {/* Handle */}
         <mesh position={[0, 0.70, 0]} castShadow receiveShadow>
           <torusGeometry args={[0.15, 0.04, 16, 32, Math.PI]} />
-          <meshStandardMaterial color="#0d7a33ff" roughness={0.2} metalness={0.9} />
+          <meshStandardMaterial color="#0d7a33" roughness={0.2} metalness={0.9} />
         </mesh>
 
         {/* Glowing Indicator Light */}