Update Home and DeepSeek pages for improved user experience and content clarity

- Replaced the link with a disabled card for the "Zero To AI Researcher" project, indicating it is "Coming Soon."
- Added a copy button to the DeepSeek Sparse Attention page for easier sharing of article content, complete with tooltip guidance.
- Updated social media sharing links to direct users to the correct URLs for the DeepSeek Sparse Attention article.
- Modified the navigation label from "Contribute" to "Research" for better alignment with site content.

Author: vukrosic

app/blog/deepseek-sparse-attention/page.tsx

@@ -206,6 +206,49 @@ export default function DeepSeekProject() {
           <article className="max-w-4xl mx-auto">
             {/* Content Card */}
             <div className="bg-white/5 backdrop-blur-xl border border-white/10 rounded-3xl shadow-2xl">
+              {/* Copy Button at Top */}
+              <div className="px-8 sm:px-12 pt-8 pb-4">
+                <div className="flex justify-end">
+                  <div className="relative inline-block group">
+                    <button
+                      onClick={handleCopyArticle}
+                      className={`flex items-center gap-2 px-4 py-2 rounded-lg transition-all duration-300 ${
+                        copySuccess
+                          ? 'text-green-400 bg-green-400/10 border border-green-400/20'
+                          : 'text-slate-400 hover:text-blue-400 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-blue-500/50'
+                      }`}
+                    >
+                      {copySuccess ? (
+                        <>
+                          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
+                          </svg>
+                          <span className="text-sm font-medium">
+                            {language === 'en' ? 'Copied!' : '已复制!'}
+                          </span>
+                        </>
+                      ) : (
+                        <>
+                          <svg className="w-4 h-4 group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
+                          </svg>
+                        </>
+                      )}
+                    </button>
+                    
+                    {/* Tooltip */}
+                    <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-slate-800 text-white text-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap z-10 border border-slate-600">
+                      {language === 'en' 
+                        ? 'Perfect for pasting into AI chatbots for self-studying! 🤖' 
+                        : '非常适合粘贴到AI聊天机器人进行自学！🤖'
+                      }
+                      {/* Tooltip arrow */}
+                      <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-800"></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
               {/* Article Body */}
               <div className="px-8 sm:px-12 pb-20">
                 <div className="prose prose-lg prose-invert max-w-none">
@@ -259,15 +302,15 @@ export default function DeepSeekProject() {
                       </div>
                     </div>
 
-                    <a href="https://twitter.com/intent/tweet?text=DeepSeek%20Sparse%20Attention%20-%20Lightning%20Indexer" 
+                    <a href="https://twitter.com/intent/tweet?text=Learn%20how%20DeepSeek's%20latest%20sparse%20attention%20works%20-%20from%20O(L%C2%B2)%20to%20O(Lk)%20complexity%20with%20the%20Lightning%20Indexer%20breakthrough%20%E2%9A%A1%EF%B8%8F&url=https://opensuperintelligencelab.com/blog/deepseek-sparse-attention/" 
                        target="_blank" 
                        rel="noopener noreferrer"
                        className="text-slate-400 hover:text-blue-400 transition-colors">
                       <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                         <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                       </svg>
                     </a>
-                    <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://opensuperintelligencelab.com" 
+                    <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://opensuperintelligencelab.com/blog/deepseek-sparse-attention/" 
                        target="_blank" 
                        rel="noopener noreferrer"
                        className="text-slate-400 hover:text-blue-400 transition-colors">

app/page.tsx

@@ -174,32 +174,29 @@ export default function Home() {
         <div className="container mx-auto px-6">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
             {/* Road to AI Researcher Project */}
-            <Link 
-              href="/blog/zero-to-ai-researcher"
-              className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 hover:border-green-500/50 hover:shadow-2xl hover:shadow-green-500/10 transition-all duration-300"
-            >
+            <div className="group relative bg-gradient-to-br from-slate-800/50 to-slate-700/50 backdrop-blur-sm border border-slate-600/50 rounded-xl p-6 opacity-75 cursor-not-allowed">
               <div className="absolute top-4 left-4">
                 <span className="bg-slate-600/50 text-slate-300 text-xs px-2 py-1 rounded-md">Learning Path</span>
               </div>
               <div className="absolute top-4 right-4">
-                <span className="bg-green-500/20 text-green-400 text-xs px-2 py-1 rounded-md">Active</span>
+                <span className="bg-orange-500/20 text-orange-400 text-xs px-2 py-1 rounded-md">Coming Soon</span>
               </div>
 
               <div className="mt-8">
-                <h4 className="text-xl font-bold mb-3 group-hover:text-green-400 transition-colors">
+                <h4 className="text-xl font-bold mb-3 text-slate-300">
                   Zero To AI Researcher - Full Course
                 </h4>
                 <p className="text-gray-400 text-sm mb-4 leading-relaxed">
                   A comprehensive journey into becoming an AI researcher, covering everything from foundational concepts to cutting-edge research methodologies
                 </p>
                 <div className="flex items-center justify-between">
                   <span className="text-xs text-gray-500">Open Superintelligence Lab</span>
-                  <span className="text-green-400 text-sm group-hover:text-green-300 transition-colors">
-                    Read Blog Post →
+                  <span className="text-orange-400 text-sm">
+                    Coming Soon →
                   </span>
                 </div>
               </div>
-            </Link>
+            </div>
 
             {/* DeepSeek Sparse Attention Project */}
             <Link 

components/navigation.tsx

@@ -42,7 +42,7 @@ export function Navigation({ }: NavigationProps) {
               href="/contribute" 
               className="px-6 py-2 bg-gradient-to-r from-blue-600 to-purple-600 text-white text-sm font-medium rounded-lg hover:from-blue-700 hover:to-purple-700 transition-all duration-200"
             >
-              {language === 'en' ? 'Contribute' : '贡献'}
+              {language === 'en' ? 'Research' : '研究'}
             </Link>
             <button
               onClick={toggleLanguage}

public/content/deepseek-sparse-attention/deepseek-sparse-attention-content.md

@@ -29,6 +29,8 @@ DeepSeek-V3.2-Exp makes inference and training significantly cheaper through spa
 -  **If you understand classic attention and want to only watch DeepSeek's Multihead Latent Attention (MLA):** Start from 38:53 or use this direct link: [https://youtu.be/TfEG0TwueTs?t=2333](https://youtu.be/TfEG0TwueTs?t=2333)
 -  **Note:** I will explain MLA again in this article / video, but I recommend watching both for better understanding.
 
+💡 *We are also researching this topic - see our findings at the bottom of this article.*
+
 Standard Transformers use an "attention" mechanism where every new token being generated looks back at all the previous tokens in the sequence.
 
 This is computationally very expensive. If you have a sequence of length $L$, the complexity is $O(L^2)$, meaning the computation and memory required grow quadratically.