Bob AI: add loader to the By The Numbers section after the...

src/app/globals.css

@@ -4,14 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f5f5f5;;
+  --background: #331f75;;
-  --card: #ffffff;;
+  --card: #482f85;;
-  --foreground: #1c1c1c;;
+  --foreground: #f7f0eb;;
-  --primary-cta: #1f514c;;
+  --primary-cta: #a2469c;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #f7f0eb;;
-  --accent: #159c49;;
+  --accent: #f7f0eb;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #a2469c;;
-
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);
   --vw-0_5: calc(var(--vw) * 0.5);

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}`}