Changed some config

src/components/sections/HeroSection.astro

@@ -1,6 +1,12 @@
 ---
 import { siteConfig } from "../../config/site";
 import { Icon } from "astro-icon/components";
+
+const statusColor = {
+    green: "bg-success",
+    yellow: "bg-warning",
+    red: "bg-error",
+}[siteConfig.hero.statusColor] || "bg-success";
 ---
 
 <section class="relative overflow-hidden bg-neutral">
@@ -10,10 +16,10 @@ import { Icon } from "astro-icon/components";
         <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 bg-success opacity-75"></span>
-                    <span class="relative inline-flex rounded-full h-2 w-2 bg-success"></span>
+                    <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>
-                {siteConfig.hero.badge}
+                {siteConfig.hero.status}
             </div>
             
             <h1 class="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-extrabold text-white leading-tight tracking-tight mb-6" set:html={siteConfig.hero.mainTitle.replace("Digital Solutions", "Digital Solutions<br class='hidden sm:block' />")}>