From e4cefc6c41fd55c2ad06ae2cc98892f0dbee0a27 Mon Sep 17 00:00:00 2001
From: LeonG11 <kkacanov198@gmail.com>
Date: Wed, 24 Jun 2026 21:18:03 +0300
Subject: [PATCH] fix: correct translate in movement

---
 frontend/src/pages/Main.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Main.jsx b/frontend/src/pages/Main.jsx
index 6763d99..f8c8399 100644
--- a/frontend/src/pages/Main.jsx
+++ b/frontend/src/pages/Main.jsx
@@ -8,7 +8,11 @@ export default function Dashboard() {
   const [isLoaded, setIsLoaded] = useState(false);
 
   useEffect(() => {
-    setIsLoaded(true);
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        setIsLoaded(true);
+      });
+    });
   }, []);
 
   return (
@@ -19,9 +23,7 @@ export default function Dashboard() {
       >
         <div className="mt-10 md:mt-37.5 text-2xl md:text-6xl font-bold text-white flex flex-col">
           <div
-            className={`transition-all duration-1000 ease-out ${isLoaded
-              ? "translate-x-0 opacity-100"
-              : "-transition-x-full opacity-0"
+            className={`transition-all duration-1000 ease-out ${isLoaded ? "translate-x-0" : "-translate-x-[100vw]"
               }`}
           >
             Свежие морепродукты <br />