Bob AI: add a progress bar showing "500 Students Enrolled ...

src/app/page.tsx

@@ -43,7 +43,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroOverlay
-          title="Master Technology. Shape Your Future."
+          title="Launch Your Tech Career Today"
           description="Join thousands of students learning cutting-edge IT skills through hands-on courses and expert instruction. Start your journey to a successful tech career today."
           tag="Premium Tech Education"
           tagIcon={Sparkles}

src/components/sections/hero/HeroOverlay.tsx

@@ -102,6 +102,12 @@ const HeroOverlay = ({
         textPosition === "center" ? "items-center justify-center" : "items-end pb-[var(--width-10)] md:pb-hero-page-padding",
         containerClassName
       )}>
+        <div className="mb-4">
+          <div className="bg-gray-200 rounded-full h-2">
+            <div style={{ width: "50%" }} className="bg-primary-cta h-2 rounded-full"></div>
+          </div>
+          <span className="block text-sm text-gray-500">500 Students Enrolled This Month</span>
+        </div>
         <TextBox
           title={title}
           description={description}