fix: remove framer-motion from HeroVideo for instant content visibility

src/app/[locale]/layout.tsx

@@ -54,8 +54,8 @@ export default async function LocaleLayout({
         clientId={process.env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID || ""}
         trackScreenViews={true}
         trackOutgoingLinks={true}
-        apiUrl="https://op.nodecrew.me/api"
-        scriptUrl="https://op.nodecrew.me/op1.js"
+        apiUrl="/api/op"
+        scriptUrl="/api/op1"
       />
       <Script
         src="/api/script.js"

src/app/globals.css

@@ -261,6 +261,25 @@
   animation: scrollBounce 1.5s ease-in-out infinite;
 }
 
+/* ============================================
+   FADE SLIDE UP ANIMATION
+   ============================================ */
+
+@keyframes fadeSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fadeSlideUp {
+  animation: fadeSlideUp 0.6s ease-out both;
+}
+
 /* ============================================
    UTILITIES
    ============================================ */