diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 3a949c1de492ef93d297bd5183d446221a87308c..d9f19691cd1e0d2a4cf8c6f9b57b152c0d2583c8 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -280,7 +280,7 @@ footer a:hover {
 .custom-header-model {
   width: 100vw;
   height: 100vh;
-  background-image: url('https://placehold.co/1200x600'); /* 背景图片路径 */
+  background-image: linear-gradient(rgba(245, 245, 220,0.7), rgba(245, 245, 220,0.7)),url('https://static.igem.wiki/teams/5378/model/model-page.webp'); /* 背景图片路径 */
   background-size: cover;        /* 使背景图片覆盖整个容器 */
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
diff --git a/src/contents/model.tsx b/src/contents/model.tsx
index 27211ff7c6571a5c683986d8c90773aa926b748d..def12c66b3c7721c443ef18bbf518ecf6b9dd881 100644
--- a/src/contents/model.tsx
+++ b/src/contents/model.tsx
@@ -112,11 +112,16 @@ export function Model() {
                         className="header-img"
                     />
                     <img
+                        src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                        alt="safety header"
+                        className="header-bar"
+                    />
+                    {/* <img
                         src="https://static.igem.wiki/teams/5378/model/model-page.webp"
                         alt="safety header"
                         className="header-bar"
                         style={{ opacity: 0.7 }}
-                    />
+                    /> */}
                 </h1>
             </div>
             <div className="row  bg-rice_yellow">
diff --git a/src/contents/parts.tsx b/src/contents/parts.tsx
index a3fb449b12d6898378669352a2b71da3b0129681..25079b5b0de8fdd02e08ab527151c81c116c7c18 100644
--- a/src/contents/parts.tsx
+++ b/src/contents/parts.tsx
@@ -70,15 +70,21 @@ export function parts() {
   
     return (
       <>
+      <div className="custom-header-model">
+                <h1 className="centered-title">
+                <img
+                        src="https://static.igem.wiki/teams/5378/header/parts.png"
+                        alt="safety header"
+                        className="header-img"
+                    />
+                    <img
+                        src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
+                        alt="safety header"
+                        className="header-bar"
+                    />
+                </h1>
+            </div>
 
-        <div className="custom-header-parts">
-            
-            <img 
-                src="https://static.igem.wiki/teams/5378/header/header-bar.webp"
-                alt="safety header"
-                className="header-bar"
-              />
-        </div>
         <div className='row bg-rice_yellow'>
         <div className="col-2">
             <SideNavbar activeLink={activeLink}          />