hero section banner change to slider

app/[locale]/services/detail/loading.tsx

@@ -0,0 +1,5 @@
+import { InitialLoading } from "@/components/initialLoading/initialLoading";
+
+export default function Loading() {
+  return <InitialLoading />;
+}

app/[locale]/services/detail/page.tsx

@@ -2,10 +2,8 @@
 
 import Image from "next/image";
 import { motion } from "framer-motion";
-import { useEffect, useState } from "react";
 import { useTranslations } from "next-intl";
 import {
-  getOperationalSystems,
   SystemFeature,
 } from "@/lib/api/demoapi/operationalSystems";
 import { Breadcrumb } from "@/components/breadCrumb";
@@ -157,28 +155,6 @@ export default function OperationalSystemsPage() {
               >
                 {data?.description}
               </motion.p>
-
-              {/* <div className="space-y-4">
-                <ul className="space-y-3">
-                  {system.features.map((feature, featureIndex) => (
-                    <motion.li
-                      key={featureIndex}
-                      initial={{ opacity: 0, x: index % 2 === 0 ? -20 : 20 }}
-                      whileInView={{ opacity: 1, x: 0 }}
-                      viewport={{ once: true }}
-                      transition={{
-                        duration: 0.5,
-                        delay: 0.3 + featureIndex * 0.1,
-                      }}
-                      className="flex items-start gap-3 text-gray-300"
-                    >
-                      <span className="text-sm md:text-base font-unbounded">
-                        {feature}
-                      </span>
-                    </motion.li>
-                  ))}
-                </ul>
-              </div> */}
             </div>
           </motion.div>
         </motion.div>