pls

.env.example

@@ -11,5 +11,5 @@ FROM_EMAIL=noreply@atash.dev
 TO_EMAIL=contact@atash.dev
 
 # Site Status
-PUBLIC_STATUS_TEXT="Accepting new clients"
-PUBLIC_STATUS_COLOR="green" # green, yellow, red
+STATUS_TEXT="Accepting new clients"
+STATUS_COLOR="green" # green, yellow, red

docker-compose.yml

@@ -13,6 +13,6 @@ services:
       SMTP_PASSWORD: ${SMTP_PASSWORD:-}
       FROM_EMAIL: ${FROM_EMAIL:-noreply@atash.dev}
       TO_EMAIL: ${TO_EMAIL:-}
-      PUBLIC_STATUS_TEXT: ${PUBLIC_STATUS_TEXT:-"Accepting new clients"}
-      PUBLIC_STATUS_COLOR: ${PUBLIC_STATUS_COLOR:-green}
+      STATUS_TEXT: ${STATUS_TEXT:-"Accepting new clients"}
+      STATUS_COLOR: ${STATUS_COLOR:-green}
     restart: unless-stopped

src/components/sections/HeroSection.astro

@@ -2,11 +2,19 @@
 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",
-}[siteConfig.hero.statusColor] || "bg-success";
+}[statusColorConfig] || "bg-success";
 ---
 
 <section class="relative overflow-hidden bg-neutral">
@@ -19,7 +27,7 @@ const statusColor = {
                     <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.status}
+                {statusText}
             </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' />")}>

src/config/site.ts

@@ -40,8 +40,6 @@ export const siteConfig = {
 
   hero: {
     title: "Atash Consulting",
-    status: import.meta.env.PUBLIC_STATUS_TEXT || "Accepting new clients",
-    statusColor: (import.meta.env.PUBLIC_STATUS_COLOR || "green") as "green" | "yellow" | "red",
     mainTitle: "Building Digital Solutions That Drive Growth",
     description: "Software Consulting based in Edmonton, Alberta",
     subDescription: "Reliable, scalable solutions tailored to your business needs.",