feat:model

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;  /* 防止背景图片重复 */

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">

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}          />