update homepage information

Author: applebluecode

README.md

@@ -1,36 +1,5 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+### 项目介绍
 
-## Getting Started
+<hr>
 
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+这是一个基于Next.js的个人博客项目

app/about/page.tsx

@@ -1,16 +1,40 @@
+import { Bitcount_Grid_Double } from 'next/font/google';
 import Link from 'next/link';
 
+
+const getBitcountGridDouble = Bitcount_Grid_Double({
+  subsets: ["latin"],
+  weight: '300'
+});
+
+
 export function Navigation() {
   return (
-    <nav className="sticky top-0 z-50 border-b border-zinc-200 dark:border-zinc-800 bg-white/80 dark:bg-black/80 backdrop-blur-sm">
+    <nav className="sticky top-0 z-50 border-zinc-200 dark:border-zinc-800 bg-white/80 dark:bg-black/80 backdrop-blur-sm">
       <div className="max-w-4xl mx-auto px-6 sm:px-8 py-4 flex justify-between items-center">
-        <Link href="/" className="flex items-center gap-2 text-xl font-light tracking-tight hover:opacity-80 transition text-blue-500 dark:hover:text-blue-400">
-          <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#0000F5"><path d="M281.5-201.5Q200-283 200-400q0-94 55.5-168.5T401-669q-33-8-57.5-28.5T304-747q-15-29-21-63t-2-69q41-5 78 5t67 32q30 22 49.5 53t23.5 70q13-31 34.5-61.5T600-856l56 56q-43 43-63.5 73T564-667q88 28 142 101.5T760-400q0 117-81.5 198.5T480-120q-117 0-198.5-81.5Zm340-57Q680-317 680-400t-58.5-141.5Q563-600 480-600t-141.5 58.5Q280-483 280-400t58.5 141.5Q397-200 480-200t141.5-58.5ZM480-400Z"/></svg>
+        <Link
+          href="/"
+          className={`${getBitcountGridDouble.className} flex items-center gap-2 text-2xl font-light tracking-tight hover:opacity-80 transition text-[#034f9f]`}
+        >
+          Junjie Wu
         </Link>
         <ul className="flex gap-8 text-sm font-poppins font-light">
-          <li><Link href="/about" className="hover:text-zinc-600 dark:hover:text-zinc-400 transition">关于</Link></li>
-          <li><Link href="/projects" className="hover:text-zinc-600 dark:hover:text-zinc-400 transition">项目</Link></li>
-          <li><Link href="/contact" className="hover:text-zinc-600 dark:hover:text-zinc-400 transition">联系</Link></li>
+          <li>
+            <Link
+              href=""
+              className="hover:text-zinc-600 dark:hover:text-zinc-400 transition"
+            >
+              CV
+            </Link>
+          </li>
+          <li>
+            <Link
+              href="mailto:junjwu@whu.edu.cn"
+              className="hover:text-zinc-600 dark:hover:text-zinc-400 transition"
+            >
+              Contact
+            </Link>
+          </li>
         </ul>
       </div>
     </nav>