<PreCyse/>

src/App/LandingPage.css

@@ -14,4 +14,31 @@
     transform: none;
     visibility: visible;
     background-color: black;
+}
+
+.landing-page-header .row .col{
+  padding: 30px;
+  margin: auto;
+  justify-content: center;
+}
+
+.landing-page-header .col{
+  justify-content: center;
+  display: grid ;
+}
+
+
+.landing-page-header button{
+  background-color: var(--darkerbeige);
+  border-radius: 10px;
+  padding: 10px;
+  width: 30vw;
+}
+
+.landing-page-header{
+  padding-top: 200px !important;
+}
+
+.header-button-row{
+  min-height: 500px;
 }
\ No newline at end of file

src/components/Calendar/cal-content.tsx

 import { H5 } from "../Headings";
+import PreCyse from "../precyse";
 
 
 export function CalTabs(){
@@ -425,7 +426,7 @@ let tabs = [
         <p>A meeting with Verena Kräutner is scheduled for Monday, where a draw will determine the sponsorship winner, with Lydia suggesting a time of 5:30 PM. Additionally, a meeting with Stemcell will follow up on the provision of medium.</p>
         
         <h2>Creativity</h2>
-        <p>The team has chosen the name "PreCyse" and is developing a logo, emphasizing simplicity and avoiding overly fine details or whimsical imagery. Feedback will be gathered on the proposed logos and name.</p>
+        <p>The team has chosen the name "<PreCyse/>" and is developing a logo, emphasizing simplicity and avoiding overly fine details or whimsical imagery. Feedback will be gathered on the proposed logos and name.</p>
         
         <h2>Wiki</h2>
         <p>There is a need for team members to write texts for the wiki, focusing on tasks outlined in the Wiki, Human Practices, and Design channels. The team should also agree on a citation style.</p>

src/components/HeaderBox.tsx

 import { Hwave } from "./Headings";
 
 interface Props{
-    title: string,
+    title: string ,
     title2?: string,
     children?: React.ReactNode,
 }

src/contents/Home.tsx

@@ -9,7 +9,7 @@ export function Home() {
   useTabNavigation();
   return (
     <div className="row mt-4">
-      <div className="col">
+      <div className="col" id="erstecol">
         <div  className="col">
           <div style={{'position': 'relative',
                        'zIndex': '1', 

src/contents/Human Practices/Feedback.tsx

@@ -2,6 +2,7 @@
 import * as Graph from '../../components/Graph';
 import { H4 } from '../../components/Headings';
 import { Collapsible } from "../../components/Collapsible";
+import PreCyse from '../../components/precyse';
 
 export function HPFeedback(){
 
@@ -37,7 +38,7 @@ export function HPFeedback(){
             <div>
                 <H4 text="Concluding thoughts "></H4>
                 <p>The surveys with both the general public and CF patients show promising openness towards gene therapy, though concerns about safety and long-term effects remain. Emotional stress was highlighted as a greater burden than physical symptoms, reinforcing the appeal of gene therapy to reduce both physical and emotional challenges. Most patients require daily or frequent therapies like medication, physiotherapy, and inhalation, making a less frequent or even one-time gene therapy, as proposed in our research, highly attractive. Participants added comments such as <strong>“The dream of healing still exists!”</strong>, encouraging us in our research.</p>
-                <p>Both groups are ready for gene therapy, with patients showing fewer "no concerns," likely due to their familiarity with risks and off-target effects. This underscores the importance of our focus on safety and precision to minimize risks. Our research is designed to address these concerns through targeted approaches – <strong>we are PreCyse!</strong></p>
+                <p>Both groups are ready for gene therapy, with patients showing fewer "no concerns," likely due to their familiarity with risks and off-target effects. This underscores the importance of our focus on safety and precision to minimize risks. Our research is designed to address these concerns through targeted approaches – <strong>we are <PreCyse/>!</strong></p>
                 <p>Additionally, there’s a clear demand for more information, especially via platforms like TV, social media, and the internet. Targeted educational campaigns through these channels will be crucial to increase awareness and understanding, helping to build on the existing optimism and foster greater acceptance of gene therapy, like we do in our various public outreach efforts for science communication.</p>
             </div>
             <div>

src/contents/Human Practices/Further Engagement/Education.tsx

@@ -2,6 +2,7 @@ import { ButtonOneWithScroll } from "../../../components/Buttons";
 import {  H4 } from "../../../components/Headings";
 import {  H5 } from "../../../components/Headings"
 import { TabScrollLink } from "../../../components/Link";
+import PreCyse from "../../../components/precyse";
 
 
 export function HPEducation(){
@@ -87,7 +88,7 @@ Due to our collaboration with the Student Academy, we conducted the nanopore seq
                     
 <p></p>
 <p></p>
-        <p>Since we presented our iGEM project PreCyse to them as well, the students were introduced to study-related projects like iGEM. They learned about the daily tasks, challenges, and responsibilities involved in iGEM through project discussions. Many students were captivated by the iGEM concept and expressed interest in participating during their future studies. They were particularly fascinated by the opportunity to develop real research projects, work independently in the lab, learn extensively about synthetic biology, and implement creative ideas while collaborating with an international team.</p>       
+        <p>Since we presented our iGEM project <PreCyse/> to them as well, the students were introduced to study-related projects like iGEM. They learned about the daily tasks, challenges, and responsibilities involved in iGEM through project discussions. Many students were captivated by the iGEM concept and expressed interest in participating during their future studies. They were particularly fascinated by the opportunity to develop real research projects, work independently in the lab, learn extensively about synthetic biology, and implement creative ideas while collaborating with an international team.</p>       
                 </div>
 
                 <div id="teutoruft" className="edu-cycletab" style={{display: "none"}}>

src/contents/safety.tsx

 
 import { H4, H5 } from "../components/Headings";
 import { LoremMedium } from "../components/Loremipsum";
+import PreCyse from "../components/precyse";
 import { SupScrollLink } from "../components/ScrollLink"; 
 import { Section, Subesction } from "../components/sections";
 import { useTabNavigation } from "../utils/TabNavigation";
@@ -116,7 +117,7 @@ export const Safety: React.FC = () =>{
       </Section>
       <Section title="Our Lab" id="Our Lab">
         <p>
-        As part of our laboratory activities for our PreCyse project, we worked in various laboratories. For general lab work and cloning experiments, you can find some pictures of our laboratories below:  
+        As part of our laboratory activities for our <PreCyse/> project, we worked in various laboratories. For general lab work and cloning experiments, you can find some pictures of our laboratories below:  
         </p>
         <H4 text="Our Cloning Lab"></H4>
         <p>

src/headers/home-h.tsx

+import { H5 } from "../components/Headings";
+import PreCyse from "../components/precyse";
+
+
 export function HOMEH() {
-  return (<></>);
+  return (
+    <div className="col">
+          <div className="col header-container landing-page-header">
+            <div className="row align-items-center">
+            <div className="col header-button-row">
+              <p> 
+                  <div className="col">
+                    <button> <b>CLICK</b> to go directly to our Project Description.</button> 
+                  </div>
+              </p>
+              <p>
+                <div className="col">
+                    <button> <b>SKIP</b> to jump straight to the scienicy part of the animation.</button>   
+                  </div>
+              </p>
+              
+              <p>
+              <div className="col">
+                    <button> <b>SCROLL</b> to see whole animation.</button>  
+                  </div>
+              </p>
+            </div>
+              <div className="col header-button-row">
+                <div><H5 text="Or take a short tour through our highlights:"/> </div>
+                <p>What is <PreCyse/> &#8594; </p>
+                <p>&#8594; </p>
+                <p>&#8594; </p>
+                <p>&#8594; </p>
+                <p>&#8594; </p>
+                <p>&#8594; </p>
+              </div>
+            </div>
+            
+          </div>
+          <div className="base">
+            
+          </div>
+        </div>
+        
+    
+  );
 }