splas screen update

src/features/SplashScreen.tsx

@@ -12,52 +12,64 @@ export function SplashScreen({ onComplete }: SplashScreenProps) {
   const [isFadingOut, setIsFadingOut] = useState(false);
 
   useEffect(() => {
-    // 1. Увеличиваем время показа до 5 секунд
     const timer = setTimeout(() => {
       setIsFadingOut(true);
-
-      // 2. Время на CSS-анимацию исчезновения (1 секунда)
       setTimeout(onComplete, 1000);
-    }, 5000); // Было 3000
+    }, 5000);
 
     return () => clearTimeout(timer);
   }, [onComplete]);
 
   return (
     <div
-      className={`fixed inset-0 z-[100] transition-opacity duration-1000 flex items-center justify-center bg-[#0a0a0c] ${
+      className={`fixed inset-0 z-[100] transition-opacity duration-1000 flex items-center justify-center bg-[#0B0D17] ${
         isFadingOut ? "opacity-0 pointer-events-none" : "opacity-100"
       }`}
     >
-      {/* ВАЖНО: Чтобы капли уже были на экране, в самом компоненте NetrunnerMatrix 
-          или в воркере должна быть логика предзаполнения.
-          Если её нет в WASM, мы можем схитрить в CSS, плавно проявляя сам холст.
-      */}
-      <NetrunnerMatrix isSecure={false} assetsPath="/wasm-matrix" />
+      {/* Матрица */}
+      <div className="absolute inset-0 z-0">
+        <NetrunnerMatrix isSecure={false} assetsPath="/wasm-matrix" />
+      </div>
 
       <motion.div
-        initial={{ opacity: 0, scale: 0.8 }}
-        animate={{ opacity: 1, scale: 1 }}
-        transition={{ duration: 1.5, ease: "easeOut" }}
-        className="relative z-10 flex flex-col items-center gap-4"
+        initial={{ opacity: 0, y: 50 }}
+        animate={{ opacity: 1, y: 40 }}
+        transition={{ duration: 1.2, ease: "easeOut" }}
+        className="relative z-10 flex flex-col items-center text-center mt-40"
       >
-        <h1 className="text-4xl font-black tracking-[0.3em] text-white drop-shadow-[0_0_15px_rgba(255,255,255,0.5)]">
+        {/* Заголовок */}
+        <h1 className="text-3xl md:text-4xl font-black tracking-[0.6em] text-white drop-shadow-[0_0_15px_rgba(139,61,255,1)] ml-[0.6em]">
           NETRUNNER
         </h1>
 
-        <div className="flex items-center gap-3">
-          <div className="w-12 h-[2px] bg-primary/50" />
-          <span className="text-[10px] font-mono text-primary uppercase tracking-widest animate-pulse">
-            Establishing secure connection
-          </span>
-          <div className="w-12 h-[2px] bg-primary/50" />
+        {/* Разделитель — стал ярче */}
+        <div className="flex items-center gap-4 my-10">
+          <div className="w-24 h-[1px] bg-primary" />
+          <div className="w-2 h-2 rotate-45 bg-secondary shadow-[0_0_15px_#00E5F2]" />
+          <div className="w-24 h-[1px] bg-primary" />
+        </div>
+
+        {/* Контентная часть */}
+        <div className="flex flex-col gap-4">
+          <p className="text-[12px] font-mono text-white font-bold tracking-[0.5em] uppercase drop-shadow-[0_2px_4px_rgba(0,0,0,1)]">
+            The System Watches Everyone
+          </p>
+
+          {/* EXCEPT YOU — теперь максимально агрессивный Cyan */}
+          <p className="text-xl md:text-2xl font-mono font-black tracking-[0.8em] uppercase text-[#00E5F2] drop-shadow-[0_0_20px_#00E5F2] animate-pulse ml-[0.8em]">
+            Except You
+          </p>
         </div>
       </motion.div>
 
+      {/* Сканирующая полоса — сделал чуть заметнее */}
       <div
-        className="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-white/5 to-transparent h-1/2 w-full animate-scan"
-        style={{ animationDuration: "3s" }}
+        className="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-primary/20 to-transparent h-[5%] w-full animate-scan"
+        style={{ animationDuration: "2.5s" }}
       />
+
+      {/* Виньетка — убрал лишнее затемнение в центре, чтобы не «серило» текст */}
+      <div className="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_at_center,transparent_30%,rgba(11,13,23,1)_100%)]" />
     </div>
   );
 }