feat: Major update

src/sections/Hero.tsx

@@ -1,5 +1,6 @@
-import { useState, useRef, useEffect } from "react";
+import { useState, useRef } from "react";
 import { useRouter } from "next/navigation";
+import { TimezoneClockBlock } from "../components/TimezoneClockBlock";
 
 export function Hero({
   glowColor,
@@ -8,6 +9,7 @@ export function Hero({
   rotatingMessages,
   statusMessage,
   oldUsernames,
+  timeGapWarningThreshold = 5,
 }: {
   glowColor: string;
   borderStatus: string;
@@ -15,6 +17,7 @@ export function Hero({
   rotatingMessages: string[];
   statusMessage: string;
   oldUsernames: string[];
+  timeGapWarningThreshold?: number;
 }) {
   const router = useRouter();
   const [movementCount, setMovementCount] = useState(0);
@@ -104,6 +107,9 @@ export function Hero({
               on Discord
             </p>
           </div>
+          <p className="text-xs text-gray-400/70 mt-1">
+            Data from <a href="https://github.com/Space-Banane/shsf-discord-status" className="text-blue-400 hover:underline">Discord</a> (cached & delayed)
+          </p>
         </div>
       </div>
 
@@ -131,7 +137,7 @@ export function Hero({
 
           <div className="flex items-center gap-3">
             <a
-              href="https://luna.reversed.dev"
+              href="https://luna.spaceistyping.com"
               target="_blank"
               rel="noopener noreferrer"
               className="group relative flex items-center gap-3 px-6 py-2.5 rounded-full bg-white/5 border border-white/10 hover:bg-white/10 hover:border-purple-500/50 transition-all duration-300 shadow-lg hover:shadow-purple-500/10"
@@ -169,6 +175,8 @@ export function Hero({
             </a>
           </div>
         </div>
+
+        <TimezoneClockBlock warningThresholdHours={timeGapWarningThreshold} />
       </div>
     </section>
   );