Fixed animations

pages/_app.js

@@ -105,6 +105,13 @@ export default class Site extends App {
     });
     this.tl.clear();
 
+    if (document.querySelector(".landing-img")) {
+      this.tl.to(".landing-img", {
+        scale: 0.9,
+        opacity: 0,
+      });
+    }
+
     if (document.querySelector(".mainheading")) {
       this.tl.to(".mainheading", {
         opacity: 0,
@@ -123,6 +130,30 @@ export default class Site extends App {
       );
     }
 
+    if (document.querySelector(".products-icon")) {
+      if (getWidth() > 1200) {
+        this.tl.to(
+          ".products-icon",
+          {
+            opacity: 0,
+            duration: 0.1,
+          },
+          0
+        );
+      } else {
+        this.tl.to(
+          ".products-icon",
+          {
+            opacity: 0,
+            height: 0,
+            minHeight: 0,
+            duration: 0.5,
+          },
+          0
+        );
+      }
+    }
+
     if (document.querySelector(".products-img")) {
       if (getWidth() > 1200) {
         this.tl.to(
@@ -148,13 +179,6 @@ export default class Site extends App {
       }
     }
 
-    if (document.querySelector(".landing-img")) {
-      this.tl.to(".landing-img", {
-        scale: 0.9,
-        opacity: 0,
-      });
-    }
-
     this.tl.to(node, {
       opacity: 0,
       duration: 0.1,

pages/fertigungsverfahren/[index].jsx

@@ -173,6 +173,7 @@ class Fertigungsverfahren extends React.Component {
         <Productpage
           bgurl={this.props.bgurl}
           iconurl={this.props.iconurl}
+          iconalt={this.props.iconalt}
           title={this.props.title}
           text={this.props.text}
         />

pages/index.js

@@ -54,9 +54,8 @@ export default class Home extends React.Component {
           <div className="col text-center">
             <Image
               src={landinglogoImg}
-              className="products-img"
+              className="landing-logo"
               alt="Logo der Hans Prothmann GmbH"
-              layout="intrinsic"
               width={500}
               height={500}
             />
@@ -69,19 +68,19 @@ export default class Home extends React.Component {
               <p>
                 Seit 1971 ist die Hans Prothmann GmbH ihr verlässlicher Partner
                 für Blechverarbeitung in München. Unsere Produktion setzt auf
-                einen modernen Maschinenpark mit
+                einen modernen Maschinenpark mit {" "}
                 <Link href="/fertigungsverfahren/laserteile">
                   CNC Laser-
                 </Link>
-                ,
+                ,{" "}
                 <Link href="/fertigungsverfahren/stanzteile">
                   CNC Stanz-
                 </Link>
-                ,
+                ,{" "}
                 <Link href="/fertigungsverfahren/biegeteile">
                   CNC Biege-
                 </Link>{" "}
-                und
+                und{" "}
                 <Link href="/fertigungsverfahren/lasergravur">
                   Gravurtechnik
                 </Link>