feat: add gsap motion to BossAI website

website/app/globals.css

@@ -59,6 +59,17 @@ a {
     linear-gradient(145deg, #040807 0%, #08110f 42%, #13221d 100%);
 }
 
+.motion-root {
+  min-height: 100dvh;
+}
+
+[data-motion],
+[data-motion-line],
+[data-motion-dot],
+[data-motion-orbit] {
+  will-change: transform, opacity;
+}
+
 .site-shell::before {
   position: fixed;
   inset: 0;
@@ -284,7 +295,6 @@ a {
   border: 1px solid rgba(215, 255, 77, 0.12);
   border-radius: 999px;
   background: radial-gradient(circle, rgba(215, 255, 77, 0.12), transparent 60%);
-  animation: slow-spin 24s linear infinite;
 }
 
 .console-orbit::after {
@@ -407,16 +417,13 @@ a {
   stroke-width: 2.5;
   stroke-linecap: round;
   stroke-dasharray: 12 18;
-  animation: flow-dash 8s linear infinite;
 }
 
 .flow-line-b {
-  animation-duration: 10s;
   opacity: 0.62;
 }
 
 .flow-line-c {
-  animation-duration: 7s;
   opacity: 0.48;
 }
 
@@ -431,15 +438,6 @@ a {
 .node {
   fill: rgba(255, 255, 255, 0.04);
   stroke: rgba(215, 255, 77, 0.22);
-  animation: node-float 5s ease-in-out infinite;
-}
-
-.node-b {
-  animation-delay: -1.5s;
-}
-
-.node-c {
-  animation-delay: -2.5s;
 }
 
 .platform-section,
@@ -497,8 +495,6 @@ a {
     linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
     rgba(255, 255, 255, 0.025);
   padding: 20px;
-  animation: card-rise 700ms ease both;
-  animation-delay: calc(var(--index) * 80ms);
 }
 
 .card-top {
@@ -799,36 +795,3 @@ a {
     box-shadow: 0 0 0 0 rgba(215, 255, 77, 0);
   }
 }
-
-@keyframes slow-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes flow-dash {
-  to {
-    stroke-dashoffset: -220;
-  }
-}
-
-@keyframes node-float {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-8px);
-  }
-}
-
-@keyframes card-rise {
-  from {
-    opacity: 0;
-    transform: translateY(16px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}