From 511bdd48cffbab7b821cb384973ba24ffb56fba3 Mon Sep 17 00:00:00 2001
From: lashman <lashman@robotbrush.com>
Date: Tue, 14 Apr 2026 04:56:40 +0300
Subject: [PATCH] preload discover rows earlier and reduce scroll jank

---
 src/components/ui/ContentRow.tsx | 12 ++++--------
 src/components/ui/LazyMount.tsx  |  4 ++--
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/ui/ContentRow.tsx b/src/components/ui/ContentRow.tsx
index 19a6802..99981da 100644
--- a/src/components/ui/ContentRow.tsx
+++ b/src/components/ui/ContentRow.tsx
@@ -101,7 +101,7 @@ export default function ContentRow({ title, subtitle, items, aspect = 'poster',
   const showHeader = !!title || !!subtitle || !!seeAllHref
 
   return (
-    <section className="mb-10">
+    <section className="mb-10" style={{ contentVisibility: 'auto', containIntrinsicHeight: '300px' }}>
       {/* Row header */}
       {showHeader && (
       <div className="flex items-end justify-between mb-3.5 px-7 gap-3">
@@ -211,13 +211,9 @@ export default function ContentRow({ title, subtitle, items, aspect = 'poster',
               items.map((item, i) => (
                 <motion.div
                   key={item.Id}
-                  initial={{ opacity: 0, y: 12 }}
-                  animate={{ opacity: 1, y: 0 }}
-                  transition={{
-                    duration: 0.4,
-                    delay: Math.min(i * 0.025, 0.4),
-                    ease: [0.16, 1, 0.3, 1],
-                  }}
+                  initial={{ opacity: 0 }}
+                  animate={{ opacity: 1 }}
+                  transition={{ duration: 0.25, delay: Math.min(i * 0.015, 0.2) }}
                   className={`shrink-0 ${widthClass}`}
                 >
                   <PosterCard
diff --git a/src/components/ui/LazyMount.tsx b/src/components/ui/LazyMount.tsx
index 1fa3fe0..2dddb2c 100644
--- a/src/components/ui/LazyMount.tsx
+++ b/src/components/ui/LazyMount.tsx
@@ -46,8 +46,8 @@ interface Props {
 export default function LazyMount({
   children,
   placeholder,
-  mountMargin = '600px',
-  unmountMargin = '1500px',
+  mountMargin = '1600px',
+  unmountMargin = '2400px',
   className,
 }: Props) {
   const ref = useRef<HTMLDivElement>(null)