From 07570bd14a41e626436289a5c5375347c8a4e056 Mon Sep 17 00:00:00 2001
From: aramesh-site deploy <deploy@aramesh-site.local>
Date: Wed, 7 Oct 2026 12:09:04 +0000
Subject: [PATCH] =?UTF-8?q?fix(timeline):=20=D8=AE=D8=B7=20=D8=B2=D9=85?=
 =?UTF-8?q?=D8=A7=D9=86=DB=8C=20=D8=B1=D9=88=DB=8C=20=D8=AE=D9=88=D8=AF=20?=
 =?UTF-8?q?=D9=81=D9=87=D8=B1=D8=B3=D8=AA=20=D8=A8=D8=B3=D8=AA=D9=87=20?=
 =?UTF-8?q?=D9=85=DB=8C=E2=80=8C=D8=B4=D9=88=D8=AF=20=D9=88=20=D8=AA=D8=A7?=
 =?UTF-8?q?=20=D8=AF=D8=A7=DB=8C=D8=B1=D9=87=D9=94=20=DA=A9=D8=A7=D8=B1?=
 =?UTF-8?q?=D8=AA=20=D9=BE=D8=A7=DB=8C=D8=A7=D9=86=DB=8C=20=D9=BE=D8=B1=20?=
 =?UTF-8?q?=D9=85=DB=8C=E2=80=8C=D8=B4=D9=88=D8=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/home/Timeline.tsx | 32 +++++++++++------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/home/Timeline.tsx b/frontend/src/components/home/Timeline.tsx
index 94dba83..f6c6e22 100644
--- a/frontend/src/components/home/Timeline.tsx
+++ b/frontend/src/components/home/Timeline.tsx
@@ -55,10 +55,10 @@ function Item({ item, index, featured = false }: { item: Milestone; index: numbe
 export function Timeline() {
   const { timeline } = useSite()
   const { t } = useLang()
-  const ref = useRef<HTMLDivElement>(null)
+  const ref = useRef<HTMLOListElement>(null)
   const { scrollYProgress } = useScroll({
     target: ref,
-    offset: ['start 70%', 'end 60%'],
+    offset: ['start 70%', 'end 72%'],
   })
   const scaleY = useTransform(scrollYProgress, [0, 1], [0, 1])
 
@@ -75,20 +75,20 @@ export function Timeline() {
           />
         </div>
 
-        <div ref={ref} className="relative mx-auto mt-20 max-w-4xl">
-          {/* خط پس‌زمینه ثابت - عرض 2px و همراستایی دقیق با مرکز */}
-          <span
-            aria-hidden="true"
-            className="absolute inset-y-0 right-0 w-[2px] bg-ivory/10 md:right-1/2 md:translate-x-1/2"
-          />
-          {/* خط متحرک - عرض 2px و همراستایی دقیق با مرکز */}
-          <motion.span
-            aria-hidden="true"
-            className="absolute inset-y-0 right-0 w-[2px] origin-top bg-gradient-to-b from-copper/80 via-copper to-copper/20 shadow-[0_0_10px_rgba(197,143,92,0.5)] md:right-1/2 md:translate-x-1/2"
-            style={{ scaleY }}
-          />
-
-          <ol className="flex flex-col gap-12 md:gap-16">
+        <div className="relative mx-auto mt-20 max-w-4xl">
+          {/* خط روی خود فهرست بسته می‌شود؛ انتهایش به انتهای کارت آخر (مرکز دایره) می‌رسد */}
+          <ol ref={ref} className="relative flex flex-col gap-12 md:gap-16">
+            {/* خط پس‌زمینه ثابت - عرض 2px و همراستایی دقیق با مرکز */}
+            <span
+              aria-hidden="true"
+              className="absolute inset-y-0 right-0 w-[2px] bg-ivory/10 md:right-1/2 md:translate-x-1/2"
+            />
+            {/* خط متحرک - عرض 2px و همراستایی دقیق با مرکز */}
+            <motion.span
+              aria-hidden="true"
+              className="absolute inset-y-0 right-0 w-[2px] origin-top bg-gradient-to-b from-copper/80 via-copper to-copper/20 shadow-[0_0_10px_rgba(197,143,92,0.5)] md:right-1/2 md:translate-x-1/2"
+              style={{ scaleY }}
+            />
             {timeline.map((item, i) => (
               <Item key={item.id} item={item} index={i} featured={i === timeline.length - 1} />
             ))}