diff --git a/.gitmodules b/.gitmodules
index 62f70cc..4b11354 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -2,3 +2,6 @@
 	path = themes/FixIt
 	url = https://github.com/hugo-fixit/FixIt.git
 	branch = dev
+[submodule "themes/component-projects"]
+	path = themes/component-projects
+	url = https://github.com/hugo-fixit/component-projects.git
diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml
index 9f5ffef..989ef13 100644
--- a/config/_default/hugo.toml
+++ b/config/_default/hugo.toml
@@ -13,7 +13,7 @@ title = "FlareBlog"
 # Hostname (and path) to the root
 baseURL = "https://www.jamesflare.com/"
 # theme list
-theme = "FixIt" # enable in your site config file
+theme = ["FixIt", "component-projects"]
 # default amount of posts in each pages
 paginate = 12
 # copyright description used only for seo schema
diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml
index 3ca92b9..20db9ec 100644
--- a/config/_default/menus.en.toml
+++ b/config/_default/menus.en.toml
@@ -76,6 +76,6 @@
   parent = "about"
   name = "About Me"
   url = "/me/"
-  weight = 5
+  weight = 10
   [main.params]
     icon = "fa-solid fa-clipboard-user"
\ No newline at end of file
diff --git a/config/_default/menus.zh-cn.toml b/config/_default/menus.zh-cn.toml
index fb81f8b..ecbb898 100644
--- a/config/_default/menus.zh-cn.toml
+++ b/config/_default/menus.zh-cn.toml
@@ -76,6 +76,6 @@
   parent = "about"
   name = "关于我"
   url = "/me/"
-  weight = 5
+  weight = 10
   [main.params]
     icon = "fa-solid fa-clipboard-user"
\ No newline at end of file
diff --git a/content/en/me/index.md b/content/en/me/index.md
index 7e94305..b9b1888 100644
--- a/content/en/me/index.md
+++ b/content/en/me/index.md
@@ -20,4 +20,12 @@ I am a fan of technology, design, and innovation. Recently, I am watching Starsh
 
 ## What is this blog?
 
-This is a personal blog where I write about my thoughts and experiences. I hope you find it interesting and useful.
\ No newline at end of file
+This is a personal blog where I write about my thoughts and experiences. I hope you find it interesting and useful.
+
+## My Projects
+
+{{< gh-repo-card-container >}}
+  {{< gh-repo-card repo="JamesFlare1212/FlareBlog" >}}
+  {{< gh-repo-card repo="JamesFlare1212/SCDocs" >}}
+  {{< gh-repo-card repo="JamesFlare1212/NancyPortfolio" >}}
+{{< /gh-repo-card-container >}}
\ No newline at end of file
diff --git a/content/zh-cn/me/index.md b/content/zh-cn/me/index.md
index 83a74a7..3c92630 100644
--- a/content/zh-cn/me/index.md
+++ b/content/zh-cn/me/index.md
@@ -20,4 +20,12 @@ lightgallery: false
 
 ## 这个博客是什么？
 
-这是一个个人博客，我在这里写下我的想法和经历。我希望你会觉得它有趣且有用。
\ No newline at end of file
+这是一个个人博客，我在这里写下我的想法和经历。我希望你会觉得它有趣且有用。
+
+## 我的项目
+
+{{< gh-repo-card-container >}}
+  {{< gh-repo-card repo="JamesFlare1212/FlareBlog" >}}
+  {{< gh-repo-card repo="JamesFlare1212/SCDocs" >}}
+  {{< gh-repo-card repo="JamesFlare1212/NancyPortfolio" >}}
+{{< /gh-repo-card-container >}}
\ No newline at end of file
diff --git a/themes/component-projects b/themes/component-projects
new file mode 160000
index 0000000..adcb7d3
--- /dev/null
+++ b/themes/component-projects
@@ -0,0 +1 @@
+Subproject commit adcb7d3520e1f67714ee161ff1da9336230693ae