home

src/App/LandingPage.css

@@ -54,4 +54,19 @@
   background-size: 100% auto;
   background-repeat: no-repeat;
   padding: 0 !important;
+}
+
+.button-x{
+ 
+  align-items: center;
+  display: flex;
+  align-self: center;
+}
+
+.button-x button{
+  margin: auto;
+  padding: 10px;
+  border-radius: 10px;
+  background-color: var(--text-primary);
+  color: var(--ourbeige)
 }
\ No newline at end of file

src/contents/Home.tsx

@@ -7,7 +7,6 @@ import { useTabNavigation } from "../utils/TabNavigation";
 import { H5 } from "../components/Headings";
 import PreCyse from "../components/precyse";
 import { useNavigation } from "../utils";
-import SVGComponentOne from "./Home Folder/svg-one";
 
 export function Home() {
   useTabNavigation();
@@ -61,6 +60,19 @@ export function Home() {
             
           </div>
         </div>
+        <img src="https://static.igem.wiki/teams/5247/landing-page/lp-2.svg"/>  
+        <div className="row">
+            <div className="col button-x">
+              <button  onClick={() => goToPageAndScroll("Approach2H", "/description")} > Lung-Specific Lipid Nanoparticle</button> 
+            </div>
+            <div className="col button-x">
+              <button  onClick={() => goToPageAndScroll("Approach1H", "/description")} > Next-Generation Prime Editing Technology
+              </button> 
+            </div>
+        </div>
+
+
+
     <div className="row mt-4">
       <div className="col" id="erstecol">
         <div  className="col">

src/contents/description.tsx

@@ -288,7 +288,7 @@ export function Description() {
                             <p>All these challenges complicate the work with LNPs and present scientists with a great challenge, which makes working with LNPs even more important to find solutions.</p>
                     </Collapsible>
                     <br/>
-                    <div className='row align-items-center'>
+                    <div id="airbuddy-hook" className='row align-items-center'>
                         <p>To optimize AirBuddy for pulmonary delivery, we collaborated extensively with several experts, including <a onClick={() => goToPagesAndOpenTab('weber', '/human-practices')}>Prof. Weber, Dr. Große-Onnebrink</a> and <a onClick={() => goToPagesAndOpenTab('kolonkofirst', '/human-practices')}>Dr. Kolonko</a> as medical experts, <a onClick={() => goToPagesAndOpenTab('kristian', '/human-practices')}>Prof. Dr. Müller</a>, <a onClick={() => goToPagesAndOpenTab('radukic', '/human-practices')}>Dr. Radukic</a>, <a onClick={() => goToPagesAndOpenTab('moorlach', '/human-practices')}>Benjamin Moorlach</a> and the <a onClick={() => goToPagesAndOpenTab('biophysik', '/human-practices')}>Physical and Biophysical Chemistry working group</a> as academic experts form Bielefeld University and FH Bielefeld as well as <a onClick={() => goToPagesAndOpenTab('corden', '/human-practices')}>Corden Pharma</a> and <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>RNhale</a> as industrial experts. Throughout the <a onClick={() => goToPagesAndOpenTab('delivery head', '/engineering')}>development process</a>, we tested two commercially available kits: the <strong>Cayman Chemical LNP Exploration Kit (LNP-102)</strong> and the <strong>Corden Pharma LNP Starter Kit #2</strong>. While the Cayman kit demonstrated limited transfection efficiency, the Corden Pharma formulation significantly enhanced cellular uptake in lung tissues. Building on this, we integrated the <strong>SORT LNP</strong> method based on Wang's research <SupScrollLink label="1"/> , making our nanoparticles lung-specific. Additionally, we employed the <strong>spray-drying technique</strong> in cooperation with RNhale <SupScrollLink label="2"/>  to improve the stability of our LNP, ensuring that it withstands the inhalation process without degradation. This stability is crucial for the efficient delivery of mRNA into lung epithelial cells, where PrimeGuide can effectively perform genome editing.</p>
                         <img src="https://static.igem.wiki/teams/5247/delivery/big-plan-inhalation-teil-del.webp"/>  
                     </div>