update

frontend/src/components/contact4.js

@@ -26,6 +26,8 @@ const Contact4 = (props) => {
               </div>
               <span className="contact4-email thq-body-small">
                 {props.email1}
+                <div></div>
+                {props.email2}
               </span>
             </div>
           </div>
@@ -45,12 +47,14 @@ const Contact4 = (props) => {
               </span>
             </div>
           </div>
-          <div className="contact4-content5">
+          <div className="contact4-content5"
+          onClick={() => window.open("https://www.google.com/maps/place//data=!4m2!3m1!1s0x4799db371328f901:0x6946c5ec40a9542?sa=X&ved=1t:8290&ictx=111", "_blank")}>
             <svg
               viewBox="0 0 1024 1024"
               className="contact4-icon4 thq-icon-medium"
             >
               <path d="M512 0c-176.732 0-320 143.268-320 320 0 320 320 704 320 704s320-384 320-704c0-176.732-143.27-320-320-320zM512 512c-106.040 0-192-85.96-192-192s85.96-192 192-192 192 85.96 192 192-85.96 192-192 192z"></path>
+              
             </svg>
             <div className="contact4-contact-info2">
               <div className="contact4-content6">
@@ -69,10 +73,11 @@ const Contact4 = (props) => {
 
 Contact4.defaultProps = {
   email1: '22kaen1bdi@hft-stuttgart.de',
+  email2: '22wela1bdi@hft-stuttgart.de',
   content2: 'Get in touch with us today!',
   address1: 'Schellingstraße 24, 70174 Stuttgart, Germany',
   heading1: 'Contact Us',
-  content1: 'Contact our dear Founder directly!',
+  content1: 'Contact our dear Founders directly!',
   phone1: '+123-456-7890',
 
 }

frontend/src/components/cta1.css

@@ -33,9 +33,6 @@
 .cta1-action1 {
   text-align: center;
 }
-.cta1-action2 {
-  text-align: center;
-}
 @media(max-width: 479px) {
   .cta1-actions {
     width: 100%;

frontend/src/components/cta1.js

@@ -12,16 +12,12 @@ const CTA1 = (props) => {
           <h2 className="cta1-heading1 thq-heading-2">{props.heading1}</h2>
           <p className="cta1-content1 thq-body-large">{props.content1}</p>
           <div className="cta1-actions">
-            <button className="thq-button-filled cta1-button">
+            <button className="thq-button-filled cta1-button"
+            onClick={() => (window.location.href = "/historicalweather")}>
               <span className="cta1-action1 thq-body-small">
                 {props.action1}
               </span>
             </button>
-            <button className="thq-button-outline cta1-button1">
-              <span className="cta1-action2 thq-body-small">
-                {props.action2}
-              </span>
-            </button>
           </div>
         </div>
       </div>
@@ -34,7 +30,6 @@ CTA1.defaultProps = {
   heading1: 'What was the Weather like yesterday?',
   content1:
     'You can Download Historical Weather Data as far as 1940!',
-  action2: 'Try Now',
 }
 
 CTA1.propTypes = {

frontend/src/components/gallery1.js

@@ -46,14 +46,14 @@ Gallery1.defaultProps = {
   image3Src:
     'https://images.unsplash.com/photo-1604420958310-273dbd024b4e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcxNTQzMTM1OHw&ixlib=rb-4.0.3&q=80&w=1080',
   content1:
-    'Explore different weather conditions through images from around the world.',
+    'Explore different use cases.',
   image1Src:
     'https://images.unsplash.com/photo-1601027191903-f97442c175c2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcxNTQzMTM1OHw&ixlib=rb-4.0.3&q=80&w=1080',
   image3Alt: 'Snowy landscape in the countryside',
   image2Alt: 'Rainy day in the city',
   image2Src:
     'https://images.unsplash.com/photo-1499951360447-b19be8fe80f5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5MTMyMXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcxNTQzMTM1OXw&ixlib=rb-4.0.3&q=80&w=1080',
-  heading1: 'Photo Gallery of the Services you provide',
+  heading1: 'Our Service leads to many diffrent Possibilities.',
   image1Alt: 'City skyline under clear sky',
 }
 

frontend/src/components/hero3.js

@@ -20,10 +20,12 @@ const Hero3 = (props) => {
           <div className="hero3-column1">
             <p className="thq-body-large hero3-text1">{props.content1}</p>
             <div className="hero3-actions">
-              <button className="thq-button-filled hero3-button">
+              <button className="thq-button-filled hero3-button"
+              onClick={() => (window.location.href = "/about")}>
                 <span className="thq-body-small">{props.action1}</span>
               </button>
-              <button className="thq-button-outline hero3-button1">
+              <button className="thq-button-outline hero3-button1"
+              onClick={() => (window.location.href = "/data")}>
                 <span className="thq-body-small">{props.action2}</span>
               </button>
             </div>