Bob AI: add a progress bar showing enrollment count in the...

src/app/page.tsx

@@ -143,6 +143,10 @@ export default function LandingPage() {
               id: "5",              name: "Jessica Martinez",              handle: "@jmartinez_fullstack",              testimonial: "Best investment in my education. The community support, career services, and job placement assistance are top-notch. I'm now working as a senior full-stack developer.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6612.jpg",              imageAlt: "Jessica Martinez"
             },
+            {
+              id: "6",              name: "Alex Johnson",              handle: "@alexjohnson_tech",              testimonial: "The instructors are passionate about teaching and the curriculum stays up-to-date with industry standards. This course accelerated my transition into tech by months. Worth every penny.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",              imageAlt: "Alex Johnson"
+            },
             {
               id: "6",              name: "Alex Johnson",              handle: "@alexjohnson_tech",              testimonial: "The instructors are passionate about teaching and the curriculum stays up-to-date with industry standards. This course accelerated my transition into tech by months. Worth every penny.",              rating: 5,
               imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",              imageAlt: "Alex Johnson"

src/components/sections/hero/HeroSplit.tsx

@@ -151,6 +151,11 @@ const HeroSplit = ({
             buttonTextClassName={cls("text-base", buttonTextClassName)}
             center={false}
           />
+          <div className="mt-4">
+            <div className="bg-gray-200 rounded-full h-2">
+              <div className="bg-primary-cta h-2 rounded-full" style={{ width: "75%" }} />
+            </div>
+          </div>
         </div>
 
         {imagePosition === "right" && mediaContent}

src/components/sections/metrics/MetricCardTwo.tsx

@@ -156,6 +156,7 @@ const MetricCardTwo = ({
             buttonTextClassName={textBoxButtonTextClassName}
             ariaLabel={ariaLabel}
         >
+            <span className="inline-block px-3 py-1 text-sm font-medium rounded-full bg-primary-cta/10 text-primary-cta">New</span>
             {metrics.map((metric, index) => (
                 <MetricCardItem
                     key={`${metric.id}-${index}`}