auto-claude: subtask-1-1 - Reduce path count from 36 to 12 paths

src/components-vite/FloatingPaths.tsx

@@ -1,17 +1,17 @@
 import { motion } from "framer-motion"
 
 export function FloatingPaths({ position }: { position: number }) {
-    const paths = Array.from({ length: 36 }, (_, i) => ({
+    const paths = Array.from({ length: 12 }, (_, i) => ({
         id: i,
-        d: `M-${380 - i * 5 * position} -${189 + i * 6}C-${
-            380 - i * 5 * position
-        } -${189 + i * 6} -${312 - i * 5 * position} ${216 - i * 6} ${
-            152 - i * 5 * position
-        } ${343 - i * 6}C${616 - i * 5 * position} ${470 - i * 6} ${
-            684 - i * 5 * position
-        } ${875 - i * 6} ${684 - i * 5 * position} ${875 - i * 6}`,
-        color: `rgba(var(--accent),${0.1 + i * 0.01})`,
-        width: 0.5 + i * 0.03,
+        d: `M-${380 - i * 15 * position} -${189 + i * 18}C-${
+            380 - i * 15 * position
+        } -${189 + i * 18} -${312 - i * 15 * position} ${216 - i * 18} ${
+            152 - i * 15 * position
+        } ${343 - i * 18}C${616 - i * 15 * position} ${470 - i * 18} ${
+            684 - i * 15 * position
+        } ${875 - i * 18} ${684 - i * 15 * position} ${875 - i * 18}`,
+        color: `rgba(var(--accent),${0.1 + i * 0.03})`,
+        width: 0.5 + i * 0.09,
     }))
 
     return (
@@ -24,7 +24,7 @@ export function FloatingPaths({ position }: { position: number }) {
                         d={path.d}
                         stroke="currentColor"
                         strokeWidth={path.width}
-                        strokeOpacity={0.1 + path.id * 0.01}
+                        strokeOpacity={0.1 + path.id * 0.03}
                         initial={{ pathLength: 0.3, opacity: 0.6 }}
                         animate={{
                             pathLength: 1,