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

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #1a237e;;
+  --background: #331f75;;
-  --card: #283593;;
+  --card: #482f85;;
-  --foreground: #ffffff;;
+  --foreground: #f7f0eb;;
-  --primary-cta: #0d47a1;;
+  --primary-cta: #a2469c;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #f7f0eb;;
-  --accent: #00acc1;;
+  --accent: #f7f0eb;;
-  --background-accent: #0097a7;;
+  --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}`}