This should fix it... turns out prerendering broke the status

src/components/sections/HeroSection.astro

@@ -1,23 +1,7 @@
 ---
 import { siteConfig } from "../../config/site";
 import { Icon } from "astro-icon/components";
-
-const statusText = process.env.STATUS_TEXT
-    ? process.env.STATUS_TEXT
-    : import.meta.env.STATUS_TEXT || "Accepting new clients";
-
-const statusColorConfig = (
-    process.env.STATUS_COLOR
-        ? process.env.STATUS_COLOR
-        : import.meta.env.STATUS_COLOR || "green"
-) as "green" | "yellow" | "red";
-
-const statusColor =
-    {
-        green: "bg-success",
-        yellow: "bg-warning",
-        red: "bg-error",
-    }[statusColorConfig] || "bg-success";
+import StatusIndicator from "../StatusIndicator.tsx";
 
 const rotatingText = (siteConfig.hero as any).rotatingText as
     | { text: string; className: string }[]
@@ -32,19 +16,7 @@ const rotatingText = (siteConfig.hero as any).rotatingText as
 
     <div class="relative max-w-7xl mx-auto px-6 py-20 lg:py-32">
         <div class="text-center max-w-4xl mx-auto">
-            <div
-                class="inline-flex items-center gap-2 bg-white/10 text-white px-4 py-2 rounded-full text-sm font-medium mb-8 border border-white/10"
-            >
-                <span class="relative flex h-2 w-2">
-                    <span
-                        class={`animate-ping absolute inline-flex h-full w-full rounded-full ${statusColor} opacity-75`}
-                    ></span>
-                    <span
-                        class={`relative inline-flex rounded-full h-2 w-2 ${statusColor}`}
-                    ></span>
-                </span>
-                {statusText}
-            </div>
+            <StatusIndicator client:load />
 
             <h1
                 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6"