Remove About card from homepage nav, keep 3 cards in grid-cols-3

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: viki-sh

src/pages/Index.tsx

@@ -104,7 +104,7 @@ const Index = () => {
 
       {/* Page navigation cards */}
       <div className="max-w-[1200px] mx-auto px-6 pt-8 pb-2">
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+        <div className="grid grid-cols-3 gap-4">
           <Link
             to="/compare"
             className="border-2 border-black p-5 text-center transition-all hover:-translate-y-1 hover:shadow-[8px_8px_0_rgba(0,0,0,1)]"
@@ -129,14 +129,6 @@ const Index = () => {
             <p className="text-lg font-bold uppercase tracking-tight">Leaderboard</p>
             <p className="text-[10px] font-mono font-bold uppercase tracking-widest mt-1 opacity-70">Top Offenders</p>
           </Link>
-          <Link
-            to="/about"
-            className="border-2 border-black p-5 text-center transition-all hover:-translate-y-1 hover:shadow-[8px_8px_0_rgba(0,0,0,1)]"
-            style={{ backgroundColor: "#FFD700", boxShadow: "6px 6px 0 #000" }}
-          >
-            <p className="text-lg font-bold uppercase tracking-tight">About</p>
-            <p className="text-[10px] font-mono font-bold uppercase tracking-widest mt-1 opacity-70">The Project</p>
-          </Link>
         </div>
       </div>