feat: add active now card to hero section

src/components/sections/hero/HeroSplitMediaGrid.tsx

@@ -48,6 +48,16 @@ const HeroSplitMediaGrid = ({
               className="max-w-8/10 text-lg md:text-xl leading-tight text-center md:text-left"
             />
 
+            <div className="mt-4 flex items-center gap-3 rounded-theme border border-white/10 bg-white/5 p-3 backdrop-blur-sm">
+              <div className="relative flex h-3 w-3">
+                <div className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></div>
+                <div className="relative inline-flex h-3 w-3 rounded-full bg-green-500"></div>
+              </div>
+              <p className="text-sm text-white/80">
+                <span className="font-semibold text-white">1,337</span> active users right now
+              </p>
+            </div>
+
             <div className="flex flex-wrap max-md:justify-center gap-3 mt-3">
               <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
               <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />