count up

src/Pages/Store/Services/index.js

@@ -34,6 +34,7 @@ import {
   MyPlusIcon,
 } from "../../../Components/MyIcon";
 import { MyEmpty } from "../../../Components/MyEmpty";
+import CountUp from "react-countup";
 
 const { useBreakpoint } = Grid;
 
@@ -93,7 +94,11 @@ export default function StoreServices() {
           paddingBottom: screenBreakpoint.xs ? 16 : 0,
         }}
       >
-        <h1>{t("storeServices.pageTitle")}</h1>
+        <h1>
+          {t("storeServices.pageTitle")} {" ("}
+          <CountUp end={servicesData.services.length} />
+          {")"}
+        </h1>
 
         <ModalAddEditService
           storeId={storeId}