footer update

frontend/src/components/contact4.js

@@ -72,7 +72,7 @@ Contact4.defaultProps = {
   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 Founder directly!',
   phone1: '+123-456-7890',
 
 }

frontend/src/components/footer15.css

@@ -9,35 +9,7 @@
   display: flex;
   flex-direction: column;
 }
-.footer15-content {
-  gap: var(--dl-space-space-twounits);
-  width: 100%;
-  display: flex;
-  align-self: stretch;
-  align-items: flex-start;
-  flex-shrink: 0;
-  padding-top: var(--dl-space-space-twounits);
-  padding-left: 0px;
-  border-radius: var(--dl-radius-radius-radius4);
-  padding-right: 0px;
-  flex-direction: column;
-  padding-bottom: var(--dl-space-space-twounits);
-  justify-content: flex-start;
-}
-.footer15-actions {
-  gap: var(--dl-space-space-oneandhalfunits);
-  width: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: flex-start;
-}
-.footer15-newsletter {
-  gap: var(--dl-space-space-oneandhalfunits);
-  width: 50%;
-  display: flex;
-  align-items: flex-start;
-  flex-direction: column;
-}
+
 .footer15-actions1 {
   gap: 16px;
   width: 100%;
@@ -66,7 +38,7 @@
 .footer15-media {
   width: 50%;
   display: flex;
-  align-items: flex-end;
+  align-items: center;
   flex-direction: column;
 }
 .footer15-container2 {
@@ -76,12 +48,12 @@
   flex-direction: column;
 }
 .footer15-image1 {
-  height: 6rem;
+  height: 10rem;
 }
 .footer15-social-links {
   gap: var(--dl-space-space-twounits);
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   flex-direction: row;
 }
 .footer15-credits {
@@ -93,25 +65,12 @@
   flex-direction: column;
   justify-content: flex-start;
 }
-.footer15-row {
-  flex: 1;
-  display: flex;
-  align-self: center;
-  align-items: flex-start;
-  flex-shrink: 0;
-  justify-content: space-between;
-}
-.footer15-credits1 {
-  gap: var(--dl-space-space-twounits);
-  flex: 0 0 auto;
-  width: auto;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
 .footer15-content3 {
   align-self: center;
 }
+.footer15-space {
+height: 1rem;
+}
 @media(max-width: 991px) {
   .footer15-content {
     flex-direction: row;

frontend/src/components/footer15.js

@@ -7,33 +7,13 @@ import "./footer15.css";
 const Footer15 = (props) => {
   return (
     <div className="footer15-container thq-section-padding">
-      <div className="footer15-max-width thq-section-max-width">
-        <div className="footer15-content">
-          <div className="footer15-actions">
-            <div className="footer15-newsletter">
-              <span className="thq-body-small">{props.content1}</span>
-              <div className="footer15-actions1">
-                <div className="footer15-form">
-                  <div className="footer15-container1">
-                    <input
-                      type="email"
-                      placeholder="Enter your email"
-                      className="footer15-text-input thq-input"
-                    />
-                  </div>
-                  <button className="thq-button-outline footer15-button">
-                    <span className="thq-body-small">{props.action1}</span>
-                  </button>
-                </div>
-                <span className="thq-body-small">{props.content2}</span>
-              </div>
-            </div>
             <div className="footer15-media">
               <div className="footer15-container2">
                 <img
                   alt={props.logoAlt}
-                  src="/frontend/public/external/HFT-Logo.jpg"
+                  src="/external/HFTLogo.jpg"
                   className="footer15-image1"
+                  onClick={() => window.open("https://www.hft-stuttgart.de/", "_blank")}
                 />
                 <div className="footer15-social-links">
                   <svg
@@ -71,43 +51,28 @@ const Footer15 = (props) => {
                 </div>
               </div>
             </div>
-          </div>
-        </div>
-        <div className="footer15-credits">
-          <div className="footer15-row">
-            <div className="footer15-credits1">
-              <span className="thq-body-small">{props.privacyLink}</span>
-              <span className="thq-body-small">{props.termsLink}</span>
-              <span className="thq-body-small">{props.cookiesLink}</span>
+            <div className="footer15-space">
             </div>
-          </div>
+        <div className="footer15-credits">
           <span className="footer15-content3 thq-body-small">
             {props.copyright}
           </span>
         </div>
-      </div>
     </div>
   );
 };
 
 Footer15.defaultProps = {
-  cookiesLink: "Cookies",
   action1: "Contact Us",
   copyright: "© 2024 Weather Applikation. All rights reserved.",
-  privacyLink: "Privacy Policy",
-  termsLink: "Terms of Use",
   content2: "Stay updated with the latest weather information.",
   logoAlt: "HFT-Logo",
   content1: "Get accurate weather forecasts for any location.",
 };
 
 Footer15.propTypes = {
-  cookiesLink: PropTypes.string,
   action1: PropTypes.string,
   copyright: PropTypes.string,
-  privacyLink: PropTypes.string,
-  termsLink: PropTypes.string,
-  logoSrc: PropTypes.string,
   content2: PropTypes.string,
   logoAlt: PropTypes.string,
   content1: PropTypes.string,