feat: add modification codes page and update routing; remove about and contact pages

src/layout/hero-layout/index.tsx

@@ -10,52 +10,48 @@ export default function HeroLayout() {
   const today = useMemo(() => dayjs(), [])
 
   return (
-    <div className="min-h-screen bg-gray-50 flex flex-col">
+    <div className="bg-gray-50">
       {/* Navigation Header */}
       <header className="bg-white shadow-sm border-b">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-10">
           <div className="flex justify-between items-center h-16">
             <div className="flex items-center">
               <h1 className="text-xl font-semibold text-gray-900">
-                OnixByte React Template
+                三角洲行动改枪码库
               </h1>
             </div>
             <nav className="flex space-x-8">
               <Link
-                to="/"
+                to="/mod-codes"
                 className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
               >
-                Home
+                改枪码
               </Link>
-              <Link
-                to="/about"
+              <a
+                href="https://github.com/zihluwang/delta-force-firearm-modification-codes"
+                target="_blank"
+                rel="noopener noreferrer"
                 className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
               >
-                About
-              </Link>
-              <Link
-                to="/contact"
-                className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
-              >
-                Contact
-              </Link>
+                GitHub
+              </a>
             </nav>
           </div>
         </div>
       </header>
 
       {/* Main Content Area */}
-      <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8 grow">
+      <main className="max-w-screen-2xl mx-auto py-6 sm:px-6 lg:px-10">
         <div className="px-4 py-6 sm:px-0">
           <Outlet />
         </div>
       </main>
 
       {/* Footer */}
-      <footer className="bg-white border-t mt-auto">
-        <div className="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8">
+      <footer className="bg-white border-t">
+        <div className="max-w-screen-2xl mx-auto py-4 px-4 sm:px-6 lg:px-10">
           <p className="text-center text-sm text-gray-500">
-            © 2024-{today.year()} OnixByte. Built with React & TypeScript.
+            © 2024-{today.year()} Zihlu Wang 和 OnixByte。使用 React 与 TypeScript 构建。
           </p>
         </div>
       </footer>