From 536fc821cd51e21de6f9da57b94fe3738e56bd7b Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 13:52:02 +0300
Subject: [PATCH] Bob AI: Add an 'Active Now' tag with a green pulsing light
 effect to

---
 src/components/ui/NavbarCentered.tsx |  5 ++++-
 src/styles/animations.css            | 11 +++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/NavbarCentered.tsx b/src/components/ui/NavbarCentered.tsx
index ea65ee3..40f5c7c 100644
--- a/src/components/ui/NavbarCentered.tsx
+++ b/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">
diff --git a/src/styles/animations.css b/src/styles/animations.css
index d39bb32..8c8f097 100644
--- a/src/styles/animations.css
+++ b/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;
+  }
+}
-- 
2.49.1