From 82c69bb8652d22120d31c55ab5ebf3f06e2d94fd Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Thu, 7 May 2026 17:39:21 +0000
Subject: [PATCH] feat: move badge above hero text

---
 .../sections/hero/HeroSplitMediaGrid.tsx          | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/sections/hero/HeroSplitMediaGrid.tsx b/src/components/sections/hero/HeroSplitMediaGrid.tsx
index dae1837..c5a0cd1 100644
--- a/src/components/sections/hero/HeroSplitMediaGrid.tsx
+++ b/src/components/sections/hero/HeroSplitMediaGrid.tsx
@@ -30,7 +30,13 @@ const HeroSplitMediaGrid = ({
       <div className="flex flex-col md:flex-row items-center gap-10 md:gap-20 w-content-width mx-auto">
         <div className="w-full md:w-1/2">
           <div className="flex flex-col items-center md:items-start gap-3">
-            <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
+            <div className="flex items-center gap-3 mb-3 p-3 card rounded-theme">
+              <div className="relative flex items-center justify-center w-4 h-4">
+                <div className="absolute w-full h-full bg-green-500 rounded-full animate-ping"></div>
+                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
+              </div>
+              <span className="text-sm">2,345 people active now</span>
+            </div>
 
             <TextAnimation
               text={title}
@@ -52,13 +58,6 @@ const HeroSplitMediaGrid = ({
               <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
               <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
             </div>
-            <div className="flex items-center gap-3 mt-5 p-3 card rounded-theme">
-              <div className="relative flex items-center justify-center w-4 h-4">
-                <div className="absolute w-full h-full bg-green-500 rounded-full animate-ping"></div>
-                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-              </div>
-              <span className="text-sm">2,345 people active now</span>
-            </div>
           </div>
         </div>