feat: replace technical drawings with premium animated design elements (DrillOrbit + StratumLines)

Former-commit-id: f56a9d40b6b4068691b1d8851da455da6514fa3c

components/providers/PageTransitionShutter.tsx

@@ -166,6 +166,38 @@ export function PageTransitionShutter() {
                 />
               ))}
             </motion.div>
+
+            {/* Abstract HDD bore arc — decorative element during page transitions */}
+            <svg
+              viewBox="0 0 700 220"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+              className="absolute bottom-0 left-0 w-full h-32 sm:h-44 opacity-[0.07] pointer-events-none"
+            >
+              <motion.path
+                d="M -50 60 C 120 60 180 180 350 180 C 520 180 580 60 750 60"
+                stroke="white"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                initial={{ pathLength: 0 }}
+                animate={{ pathLength: 1 }}
+                transition={{ duration: 1.6, ease: [0.4, 0, 0.2, 1], delay: 0.2 }}
+              />
+              <motion.line
+                x1="0" y1="60" x2="700" y2="60"
+                stroke="white" strokeWidth="0.8" strokeDasharray="8 12"
+                initial={{ pathLength: 0 }}
+                animate={{ pathLength: 1 }}
+                transition={{ duration: 1.2, ease: 'easeOut' }}
+              />
+              <motion.circle
+                r={7}
+                fill="#0e7a5c"
+                style={{ offsetPath: "path('M -50 60 C 120 60 180 180 350 180 C 520 180 580 60 750 60')", offsetDistance: '0%' } as React.CSSProperties}
+                animate={{ offsetDistance: ['0%', '100%'] }}
+                transition={{ duration: 1.8, ease: 'easeInOut', delay: 0.4, repeat: Infinity, repeatDelay: 0.6 }}
+              />
+            </svg>
           </motion.div>
         </motion.div>
       )}