feat: Add global growth potential and target users banner

Author: codeXsidd

frontend/src/App.jsx

@@ -42,14 +42,40 @@ const Layout = ({ children }) => {
     }, [pathname]);
 
     return (
-        <div style={{ display: 'flex', height: '100vh', overflow: 'hidden', background: 'var(--bg)' }}>
-            <Sidebar />
-            <main className="main-content" style={{ flex: 1, overflowY: 'auto', position: 'relative' }}>
-                {/* Key forces component to unmount/remount on navigation for a 'fresh' feel */}
-                <div key={pathname} style={{ height: '100%' }}>
-                    {children}
-                </div>
-            </main>
+        <div style={{ display: 'flex', flexDirection: 'column', height: '100vh', overflow: 'hidden', background: 'var(--bg)' }}>
+            {/* Premium Global Banner */}
+            <div style={{ 
+                background: 'linear-gradient(90deg, #4f46e5, #7c3aed, #db2777)', 
+                padding: '0.4rem 1rem', 
+                display: 'flex', 
+                justifyContent: 'center', 
+                alignItems: 'center', 
+                gap: '2rem', 
+                color: 'white', 
+                fontSize: '0.85rem', 
+                fontWeight: 700, 
+                zIndex: 1000,
+                boxShadow: '0 2px 10px rgba(0,0,0,0.2)'
+            }}>
+                <span style={{ display: 'flex', alignItems: 'center', gap: '6px', letterSpacing: '0.02em' }}>
+                    🚀 <span style={{ opacity: 0.9 }}>Growth Potential:</span> 
+                    <span style={{ background: 'rgba(255,255,255,0.2)', padding: '0.15rem 0.5rem', borderRadius: '4px', border: '1px solid rgba(255,255,255,0.1)' }}>All Devs</span>
+                </span>
+                <span style={{ display: 'flex', alignItems: 'center', gap: '6px', letterSpacing: '0.02em' }}>
+                    🎯 <span style={{ opacity: 0.9 }}>Target Users:</span> 
+                    <span style={{ background: 'rgba(255,255,255,0.2)', padding: '0.15rem 0.5rem', borderRadius: '4px', border: '1px solid rgba(255,255,255,0.1)' }}>50k+</span>
+                </span>
+            </div>
+
+            <div style={{ display: 'flex', flex: 1, overflow: 'hidden' }}>
+                <Sidebar />
+                <main className="main-content" style={{ flex: 1, overflowY: 'auto', position: 'relative' }}>
+                    {/* Key forces component to unmount/remount on navigation for a 'fresh' feel */}
+                    <div key={pathname} style={{ height: '100%' }}>
+                        {children}
+                    </div>
+                </main>
+            </div>
         </div>
     );
 };