Changed some config

.env.example

@@ -1,13 +1,15 @@
-# Container Image
+# Docker Configuration
 IMAGE=atashdotdev:latest
-
-# Application Port
 APP_PORT=4321
 
-# SMTP Configuration (required for contact form)
+# Application Configuration
 SMTP_HOST=smtp.example.com
 SMTP_PORT=587
 SMTP_USER=your-email@example.com
 SMTP_PASSWORD=your-password
 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

docker-compose.yml

@@ -13,4 +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}
     restart: unless-stopped

src/components/sections/AboutSection.astro

@@ -21,7 +21,6 @@ const features = [
 <section id="about" class="py-20 lg:py-28">
     <div class="max-w-7xl mx-auto px-6">
         <div class="text-center mb-16">
-            <span class="badge badge-secondary badge-lg font-semibold mb-4">{siteConfig.whyUs.badge}</span>
             <h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">
                 {siteConfig.whyUs.title}
             </h2>

src/components/sections/ContactSection.tsx

@@ -69,10 +69,9 @@ ${message()}`,
   };
 
   return (
-    <section id="contact" class="py-20 lg:py-28 bg-base-200/50">
+    <section id="contact" class="py-20 lg:py-28 bg-base-200">
       <div class="max-w-7xl mx-auto px-6">
         <div class="text-center mb-16">
-          <span class="badge badge-accent badge-lg font-semibold mb-4">{siteConfig.contact.badge}</span>
           <h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">
             {siteConfig.contact.mainTitle}
           </h2>

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={`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 bg-success"></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' />")}>

src/components/sections/ServicesSection.astro

@@ -3,10 +3,9 @@ import { siteConfig } from "../../config/site";
 import { Icon } from "astro-icon/components";
 ---
 
-<section id="services" class="py-20 lg:py-28 bg-base-200/50">
+<section id="services" class="py-20 lg:py-28 bg-base-200">
     <div class="max-w-7xl mx-auto px-6">
         <div class="text-center mb-16">
-            <span class="badge badge-primary badge-lg font-semibold mb-4">{siteConfig.services.badge}</span>
             <h2 class="text-3xl lg:text-4xl font-bold text-base-content mb-4">
                 {siteConfig.services.title}
             </h2>

src/config/site.ts

@@ -40,7 +40,8 @@ export const siteConfig = {
 
   hero: {
     title: "Atash Consulting",
-    badge: "Accepting new clients",
+    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.",
@@ -55,7 +56,6 @@ export const siteConfig = {
   },
 
   services: {
-    badge: "Expertise",
     title: "Our Services",
     cards: [
       {
@@ -87,7 +87,6 @@ export const siteConfig = {
   },
 
   whyUs: {
-    badge: "Why Atash",
     title: "Why Partner With Us?",
     cards: [
       {
@@ -115,7 +114,6 @@ export const siteConfig = {
       href: "#contact",
       ariaLabel: "Contact us for consultation",
     },
-    badge: "Contact",
     mainTitle: "Let's Work Together",
     form: {
       firstName: "First Name *",