feat(ui): add AnimatedGlossyBorder and refine industrial interactions

components/decorations/CorporateBackground.tsx

@@ -2,24 +2,7 @@
 
 import React, { useRef, useEffect } from 'react';
 import { motion, useScroll, useTransform, useSpring } from 'framer-motion';
-
-// Reusable SVG component that precisely mimics the overlapping, sweeping arcs of the E-TIB logo.
-const LogoArcs = ({ className }: { className?: string }) => (
-  <svg 
-    className={className} 
-    viewBox="0 0 200 200" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg"
-    stroke="currentColor"
-  >
-    {/* Outer ring */}
-    <circle cx="100" cy="100" r="90" strokeWidth="1.5" />
-    {/* Middle thicker ring */}
-    <circle cx="92" cy="108" r="78" strokeWidth="3.5" />
-    {/* Inner ring */}
-    <circle cx="84" cy="116" r="66" strokeWidth="1.5" />
-  </svg>
-);
+import { LogoArcs } from '@/components/ui/LogoArcs';
 
 function MagneticRing({ 
   children,