update

Author: vukrosic

app/learn/page.tsx

@@ -16,14 +16,21 @@ export default function LearnPage() {
           <div className="max-w-4xl mx-auto text-center">
             <h1 className="text-5xl md:text-6xl font-bold mb-6">
               <span className="bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400 bg-clip-text text-transparent">
-                {language === 'en' ? 'Learn AI from Scratch' : '从零开始学习AI'}
+                {language === 'en' ? 'Learn Everything You Need To Be An AI Researcher' : '从零开始学习AI'}
               </span>
             </h1>
             <p className="text-xl text-slate-300 mb-8">
               {language === 'en' 
                 ? 'Master the fundamentals and build your own neural networks'
                 : '掌握基础知识，构建你自己的神经网络'}
             </p>
+            <div className="max-w-3xl mx-auto bg-amber-500/10 border border-amber-500/30 rounded-xl p-6 mb-8">
+              <p className="text-amber-200 text-sm leading-relaxed">
+                {language === 'en'
+                  ? 'Under active development, some parts are AI generated and not reviewed yet. In the end everything will be carefully reviewed and rewritten by humans to the highest quality'
+                  : '正在积极开发中，部分内容由AI生成尚未审核。最终所有内容都将由人工仔细审核和重写，确保最高质量'}
+              </p>
+            </div>
           </div>
         </div>
       </section>

components/course-navigation.tsx

@@ -29,12 +29,30 @@ export function CourseNavigation() {
 
   // Auto-scroll to active lesson on mount and pathname change
   useEffect(() => {
-    if (activeLinkRef.current) {
-      activeLinkRef.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center'
-      });
+    // Only scroll if we're on a lesson page (pathname starts with /learn/)
+    if (!pathname?.startsWith('/learn/')) {
+      return;
     }
+
+    // Use a small delay to ensure the DOM is fully rendered
+    const timer = setTimeout(() => {
+      if (activeLinkRef.current) {
+        try {
+          activeLinkRef.current.scrollIntoView({
+            behavior: 'smooth',
+            block: 'center',
+            inline: 'nearest'
+          });
+          console.log('Scrolled to active lesson:', pathname);
+        } catch (error) {
+          console.error('Error scrolling to active lesson:', error);
+        }
+      } else {
+        console.log('Active link ref not found for:', pathname);
+      }
+    }, 100);
+
+    return () => clearTimeout(timer);
   }, [pathname]);
 
   const NavigationContent = () => (
@@ -63,6 +81,12 @@ export function CourseNavigation() {
               {module.lessons.map((lesson, lessonIndex) => {
                 const isActive = pathname === lesson.href;
                 const lessonNumber = lessonIndex + 1;
+                
+                // Debug log
+                if (isActive) {
+                  console.log('Active lesson found:', lesson.title, 'at', lesson.href);
+                }
+                
                 return (
                   <li key={lessonIndex}>
                     <Link