src/components/ui/NavbarCentered.tsx

@@ -58,7 +58,10 @@ const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => {
         <div className="relative flex items-center justify-between h-full w-content-width mx-auto">
           <div className="flex items-center gap-4">
             <Link to="/" className="text-xl font-medium text-foreground">{logo}</Link>
-            <div className="hidden lg:block px-3 py-1 text-xs rounded-full bg-card/20 backdrop-blur-sm border border-card/30 text-foreground">Our office coffee is 90% caffeine, 10% existential dread.</div>
+            <div className="flex items-center gap-1 px-2 py-1 rounded-full bg-green-100 text-green-800 text-xs font-medium">
+              <span className="w-2 h-2 rounded-full bg-green-500 animate-[pulse-green_2s_infinite]"></span>
+              Active Now
+            </div>
           </div>
 
           <div className="hidden md:flex absolute left-1/2 items-center gap-6 -translate-x-1/2">

src/styles/animations.css

@@ -169,3 +169,14 @@
 .animate-progress {
   animation: progress linear forwards;
 }
+
+@keyframes pulse-green {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.1);
+    opacity: 0.7;
+  }
+}