home

src/contents/Home.tsx

@@ -15,12 +15,67 @@ export function Home() {
        <div className="col">
           <div className="col header-container landing-page-header" id="landing-page-header">
             <div className="row align-items-center">
+              <div className="col">
+              <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
+              </div>
+              <div className="col-3">
               <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
+              </div>
             </div>  
+            <br/>
+            <h3 style={{textAlign: "center"}}>Our Project, Our Victory</h3>
+            <h4 style={{textAlign: "center"}}>Gold Medal for Excellence in Synthetic Biology and Engineering Success as one of the best therapeutic projects</h4>
+          
+            <p style={{textAlign: "center"}}>A true honor for our <b>cutting-edge</b> contributions to the world of synthetic biology and <b>engineering breakthroughs</b>.</p>
+             
             <br/>
             <h3>And present our mRNA-based <b>gene therapy</b> for <b>targeted and safe</b> reconstitution of CFTR to restore the mucociliary clearance of patients with <b>Cystic Fibrosis</b>.</h3>
           </div>
         </div>
+        <div className="row align-items-center">
+              <div className="col">
+              <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
+              </div>
+              <div className="col">
+              <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
+              </div>
+              <div className="col">
+              <img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
+               </div>
+            </div>  
+            <div className="row align-items-center" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
+              <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
+               <h3 style={{textAlign: "center"}}>Best Integrated Human Practices</h3>
+              </div>
+              <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
+              <h3 style={{textAlign: "center"}}>Best Presentation</h3>
+              </div>
+              <div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
+               <h3 style={{textAlign: "center"}}>Safety and Security Award</h3>
+              </div>
+            </div>
+            <div className="row align-items-center" >
+              <div className="col">
+               <p style={{textAlign: "center"}}>Ethical, impactful, and groundbreaking science</p>
+              </div>
+              <div className="col">
+              <p style={{textAlign: "center"}}>Ability to communicate complex science with clarity and impact</p>
+              </div>
+              <div className="col">
+               <p style={{textAlign: "center"}}>Unmatched safety standards, ensuring innovation with responsibility</p>
+              </div>  
+            </div> 
+            <br/><br/>
+            <p>In 2024, our groundbreaking work in <b>synthetic biology</b> and <b>medical engineering</b> was recognized with <b>multiple prestigious awards</b>, 
+              marking a monumental achievement in our journey. These <b>honors</b> are not just trophies — they represent the <b>passion</b>, <b>innovation</b>, 
+              and excellence embedded in every aspect of our project.</p>
+              <p>These <b>honors</b> don’t just validate our science — they affirm our <b>vision</b> for a healthier, smarter, and more sustainable future.
+              </p>
+              <h4>Experience the Journey              </h4>
+              <p>Dive deeper into our award-winning work. Watch our <b>epic presentation</b> and explore the full scope of our project. 
+              </p>
+              <p>Check out the videos and more to see how we are <b>pushing the boundaries</b> of what's possible:
+              </p>
         <div className="col">
           <div className="col header-container landing-page-header" id="landing-page-header-2">
             <div className="row align-items-center">