added animations and pageLoad and preLoader

pages/_lang/tech/gDesign.vue

@@ -31,11 +31,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gDesign[this.$route.params.lang]
          }
-      }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
+      },
    }
 </script>

pages/_lang/tech/gStandard.vue

@@ -14,11 +14,11 @@
 						
 						<h2>{{staticData.t6}}</h2>
 						<p>{{staticData.t7}}</p>
-						<img src="~/assets/img/tech-info/g-standard.png" alt="">
+						<img class="i1 anim-fadeIn" src="~/assets/img/tech-info/g-standard.png" alt="">
 						
 						<h2>{{staticData.t8}}</h2>
 						<p>{{staticData.t9}}</p>
-						<img src="~/assets/img/tech-info/DIN24537.png" alt="">
+						<img class="i2 anim-fadeIn" src="~/assets/img/tech-info/DIN24537.png" alt="">
 						
 						<h2>{{staticData.t10}}</h2>
 						<p>{{staticData.t11}}</p>
@@ -61,11 +61,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gStandard[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>

pages/_lang/tech/gTech.vue

@@ -52,7 +52,7 @@
 						</p>
 						<p>{{staticData.t23}}</p>
 						
-						<div class="imgBox">
+						<div class="imgBox anim-fadeIn">
 							<img src="~/assets/img/tech-info/ti-Model-4.jpg" alt="">
 							<p>{{staticData.t24}}</p>
 						</div>
@@ -75,11 +75,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gTech[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>

pages/_lang/tech/gUsage.vue

@@ -59,11 +59,19 @@
 </template>
 
 <script>
+   import {fadeInAnimation} from "~/mixins/animations"
+
    export default {
       computed: {
          staticData() {
             return this.$store.state.staticData.gUsage[this.$route.params.lang]
          }
+      },
+      mixins: [fadeInAnimation],
+      head() {
+         return {
+            title: this.staticData.title
+         }
       }
    }
 </script>