diff --git a/templates/partials/hero/aihero6.html b/templates/partials/hero/aihero6.html index d2404d1..4af7abb 100644 --- a/templates/partials/hero/aihero6.html +++ b/templates/partials/hero/aihero6.html @@ -1,25 +1,27 @@
-
+
-

What's Inside AIBox

- +

+

+
-
✓ ThreeFold Zero-OS
-
✓ ThreeFold Mycelium Network
-
✓ Powefull AMD CPU
-
✓ 64-128 GB Memory
-
✓ 2 x 2 TB SSD
-
✓ 7800 XTX GPU
-
✓ Watercooled GPU/CPU
-
✓ High Quality motherboard & power supply
+
✓ ThreeFold Zero-OS
+
✓ ThreeFold Mycelium Network
+
✓ Powerful AMD CPU
+
✓ 64-128 GB Memory
+
✓ 2 x 2 TB SSD
+
✓ 7800 XTX GPU
+
✓ Watercooled GPU/CPU
+
✓ High Quality motherboard & power supply
+
- Mobile App Screenshot + AIBox Specifications
@@ -38,8 +40,6 @@ opacity: 1; transform: translateY(0); } - - @@ -48,49 +48,33 @@ /*** Typing Effect ***/ const text = "What's Inside AIBox"; const textElement = document.getElementById("typing-text2"); - let loopCount = 0; - const maxLoops = 1; + let index = 0; - function typeText(i, callback) { - if (i < text.length) { - textElement.textContent += text.charAt(i); - setTimeout(() => typeText(i + 1), 100); - } - } - - function loopTyping() { - if (loopCount < maxLoops) { - typeText(0, () => { - deleteText(() => { - loopCount++; - loopTyping(); - }); - }); - } else { - typeText(0, () => {}); // Final typing with no delete + function typeText() { + if (index < text.length) { + textElement.textContent += text.charAt(index); + index++; + setTimeout(typeText, 100); } } /*** Fade-in Items One by One ***/ const items = document.querySelectorAll(".fade-in-item"); const image = document.querySelector(".fade-in-image"); - let index = 0; + let itemIndex = 0; function showNextItem() { - if (index < items.length) { - items[index].classList.add("show"); - index++; - setTimeout(showNextItem, 1000); + if (itemIndex < items.length) { + items[itemIndex].classList.add("show"); + itemIndex++; + setTimeout(showNextItem, 300); // Faster fade-in } else { image.classList.add("show"); } } /*** Initialize Everything ***/ - loopTyping(); - showNextItem(); - - // Fade-in Image after text animations - setTimeout(() => image.classList.add("show"), 1000); + typeText(); + setTimeout(showNextItem, 1500); // Delay to ensure text is typed first }); diff --git a/templates/partials/hero/aihero9.html b/templates/partials/hero/aihero9.html index cbe8b85..68d892b 100644 --- a/templates/partials/hero/aihero9.html +++ b/templates/partials/hero/aihero9.html @@ -1,6 +1,6 @@
-

{{ section.extra.title | default(value="Pre-order Your AIBox") }}

+

{{ section.extra.title | default(value="Pre-order Your AIBox") }}

{{ section.extra.subtitle | default(value="Choose the box that's packed with the best features for your computing needs.") }}

{{ section.extra.subtitle2}}

@@ -79,46 +79,3 @@ } } - -