update headings

src/assets/js/headings.js

@@ -1,5 +1,5 @@
 document.addEventListener("DOMContentLoaded", function() {
-    const words = ["employees", "students", "workers", "whistleblowers", "communities", "the public", "you"];
+    const words = ["whistleblowers", "employees", "students", "workers", "communities", "the public", "you"];
     const animatedTextElement = document.querySelector(".animated-text");
     let currentIndex = 0;
 
@@ -22,5 +22,9 @@ document.addEventListener("DOMContentLoaded", function() {
         }, 1000); // Match this to the CSS animation duration
     }
 
+    // Start the animation immediately
+    changeWord();
+
+    // Continue changing words every 4 seconds
     setInterval(changeWord, 4000); // Change every 4 seconds
 });

src/index.html

@@ -61,7 +61,7 @@ <h1>🤫 Hush Line</h1>
             <div class="wrapper">
                 <h2>
                     We connect 
-                    <span class="animated-text highlight">whistleblowers</span><br>
+                    <span class="animated-text highlight"></span><br>
                     with organizations and people who can help.
                 </h2>
                 <p>Hush Line provides anonymous reporting for journalists to newsrooms, managers to board rooms, and educators to classrooms.</p>