src/App.tsx

@@ -12,7 +12,7 @@ import TestimonialMarqueeCards from '@/components/sections/testimonial/Testimoni
 export default function App() {
   return (
     <main className="pt-24">
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="fixed top-4 left-1/2 -translate-x-1/2 z-50 rounded-full shadow-lg px-8 py-3 backdrop-blur-xl bg-white/70 border border-white/40 flex items-center gap-8">
         <NavbarCentered
           logo="IT Academy"
           navItems={[
@@ -40,6 +40,14 @@ export default function App() {
         />
       </div>
 
+      <div className="fixed bottom-6 right-6 z-50 inline-flex items-center gap-2 px-4 py-2 rounded-full backdrop-blur-xl bg-white/70 border border-white/40 shadow-xl text-sm font-medium text-foreground">
+        <span className="relative flex h-2.5 w-2.5">
+          <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
+          <span className="relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500"></span>
+        </span>
+        Active now
+      </div>
+
       <div id="hero" data-section="hero">
         <HeroBillboardTiltedCarousel
           tag="Kickstart Your Future"