ok

templates/partials/hero/aihero2.html

@@ -5,7 +5,7 @@
             <h2 id="typing-text" class="mx-auto fade-in text-left lg:text-[6rem] text-[2.5rem] leading-[1.1] font-normal tracking-tight text-black">
             </h2>
         </div>        
-        <h3 class="mx-auto mt-8 fade-in text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">Meet AIBox – a powerful and personalized AI experience, without limitations.
+        <h3 class="mx-auto mt-8 fade-in text-left lg:text-3xl text-xl leading-snug font-light tracking-tight text-black">Meet <span class="font-medium">AIBox</span> – a powerful and personalized AI experience, without limitations.
         </h2>
       </div>
     </div>
@@ -80,24 +80,31 @@
     }
   </style>
   
-
   <script>
     document.addEventListener("DOMContentLoaded", function () {
         const text = "Take Control of Your AI Future";
         const textElement = document.getElementById("typing-text");
         let loopCount = 0;
-        const maxLoops = 1;
+        const maxLoops = 5;
   
         function typeText(i, callback) {
             if (i < text.length) {
                 textElement.textContent += text.charAt(i);
                 setTimeout(() => typeText(i + 1, callback), 100);
             } else {
-                setTimeout(callback, 200);
+                setTimeout(callback, 1000);
             }
         }
   
-        
+        function deleteText(callback) {
+            let currentText = textElement.textContent;
+            if (currentText.length > 0) {
+                textElement.textContent = currentText.substring(0, currentText.length - 1);
+                setTimeout(() => deleteText(callback), 50);
+            } else {
+                setTimeout(callback, 100);
+            }
+        }
   
         function loopTyping() {
             if (loopCount < maxLoops) {