.

hotfusion · Oct 23, 2024 · 9b1197e · 9b1197e
1 parent 1d32ef4
commit 9b1197e
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 5 deletions.
diff --git a/src/view/hotfusion/src/pages/home.vue b/src/view/hotfusion/src/pages/home.vue
@@ -14,6 +14,31 @@ export default {
   methods : {
     onSlideChange(e){
       this.activeIndex = e.activeIndex;
+      setTimeout(() => {
+        console.log(this.$el)
+        let p
+            = [...this.$el.querySelectorAll('.swiper-slide')];
+
+        let triangle
+            = p[0].querySelector('.triangle');
+
+        KUTE.default.fromTo(triangle,{rotate:0},{rotate:-720});
+
+        p.forEach((x,i) => {
+          if(i === e.activeIndex){
+            let element
+                = x.querySelector('h1');
+
+            element
+                .innerHTML = '';
+
+            KUTE.default.to(element, {
+              text : element.getAttribute('value')
+            }).start();
+
+          }
+        })
+      })
     }
   },
 }
@@ -36,6 +61,20 @@ export default {
         <button>Contact Us</button>
       </div>
     </swiper-slide>
-    <swiper-slide class="second-floor"></swiper-slide>
+    <swiper-slide>
+      <div class="paragraph" center ref="paragraph">
+        <div class="icon">
+          <i class="fas fa-glasses"></i>
+        </div>
+        <h1 value="Who we are?"></h1>
+        <div class="line"></div>
+        <p>
+          We are a passionate team of developers who love to code and contribute. For us, coding isn’t just a job—it’s an art form. While we value our professional work, we also enjoy giving back and contributing to the community whenever we can.
+        </p>
+      </div>
+      <div style="height: 100%">
+        <button>Contact Us</button>
+      </div>
+    </swiper-slide>
   </swiper>
 </template>
diff --git a/src/view/hotfusion/src/pages/pricelist.vue b/src/view/hotfusion/src/pages/pricelist.vue
@@ -64,7 +64,7 @@ export default {
       </div>
       <div style="height: 100%">
         <button>
-          Basic Support and Maintenance
+          Get a Quote
         </button>
       </div>
     </swiper-slide>
@@ -81,7 +81,7 @@ export default {
       </div>
       <div style="height: 100%">
         <button>
-          Standard Development and Integration
+          Get a Quote
         </button>
       </div>
     </swiper-slide>
@@ -98,7 +98,7 @@ export default {
       </div>
       <div style="height: 100%">
         <button>
-          Standard Development and Integration
+          Get a Quote
         </button>
       </div>
     </swiper-slide>
@@ -115,7 +115,7 @@ export default {
       </div>
       <div style="height: 100%">
         <button>
-           Contact Us
+          Get a Quote
         </button>
       </div>
     </swiper-slide>