fix: keep empty preview visible before hydration

README.md

@@ -71,7 +71,7 @@
 
 ## Анимации: framer-motion
 
-Для анимаций используется `framer-motion`. Это мощная библиотека для создания плавных и производительных анимаций в React-компонентах.
+Для анимаций доступен `framer-motion`. Содержательный интерфейс должен оставаться видимым до hydration, поэтому не задавайте `opacity: 0` как исходное состояние для всего экрана или другого критичного контейнера.
 
 Пример использования:
 
@@ -81,9 +81,9 @@ import { motion } from 'framer-motion';
 function AnimatedComponent() {
   return (
     <motion.div
-      initial={{ opacity: 0, y: 20 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.5 }}
+      initial={false}
+      whileHover={{ y: -2 }}
+      transition={{ duration: 0.2 }}
     >
       Анимированный контент
     </motion.div>