Update name to 陈济民 / Jimin Chen with bilingual typography

陈济民 · claude · 陈济民 · commit 0c3595b352c2 · 2026-05-29T19:26:32.000+08:00
Co-Authored-By: Claude Opus 4.7 &lt;noreply@anthropic.com&gt;
diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-CN">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Stageholic - AI/LLM Engineer</title>
+    <title>陈济民 Jimin Chen — AI/LLM Engineer</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/About.jsx b/src/components/About.jsx
@@ -12,13 +12,17 @@ export default function About() {
         <div className="flex items-center gap-6 mb-10">
           <div className="w-24 h-24 rounded-full bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center text-3xl font-bold text-purple-600 dark:text-purple-400 shrink-0 overflow-hidden">
             {profile.avatar ? (
-              <img src={profile.avatar} alt={profile.name} className="w-full h-full object-cover" />
+              <img src={profile.avatar} alt={profile.nameZh} className="w-full h-full object-cover" />
             ) : (
-              profile.name[0]
+              profile.nameZh[0]
             )}
           </div>
           <div>
-            <h3 className="text-2xl font-bold text-gray-900 dark:text-white">{profile.name}</h3>
+            <h3 className="text-2xl font-bold text-gray-900 dark:text-white"
+              style={{ fontFamily: '"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif' }}>
+              {profile.nameZh}
+            </h3>
+            <p className="text-lg text-gray-400 dark:text-gray-500">{profile.nameEn}</p>
             <p className="text-lg text-purple-600 dark:text-purple-400">{profile.title}</p>
           </div>
         </div>
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -33,9 +33,13 @@ export default function Hero() {
         </div>
 
         {/* Name */}
-        <h1 className="text-6xl md:text-8xl font-bold tracking-tight text-gray-900 dark:text-white mb-4">
-          {profile.name}
+        <h1 className="text-6xl md:text-8xl font-bold tracking-wide text-gray-900 dark:text-white mb-2"
+          style={{ fontFamily: '"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif' }}>
+          {profile.nameZh}
         </h1>
+        <p className="text-2xl md:text-3xl font-medium text-gray-400 dark:text-gray-500 mb-6 tracking-tight">
+          {profile.nameEn}
+        </p>
 
         {/* Company / Affiliation */}
         {profile.company && (
diff --git a/src/data/profile.js b/src/data/profile.js
@@ -1,5 +1,7 @@
 export const profile = {
   name: "Stageholic",
+  nameZh: "陈济民",
+  nameEn: "Jimin Chen",
   title: "AI/LLM Engineer",
   avatar: "", // Fill in your avatar URL, e.g. "https://avatars.githubusercontent.com/u/218558117"
   company: "", // Your current company / affiliation
