ceo optimization

components/productsPage/products.tsx

@@ -5,6 +5,8 @@ import { motion } from "framer-motion";
 import { ProductCard } from "../productSection/ProductCard";
 import axios from "axios";
 import Loading from "../loading";
+import { generateSlug } from "@/lib/slug";
+import { getAllProducts } from "@/lib/api";
 
 const itemVariants = {
   hidden: { opacity: 0, y: 20 },
@@ -18,14 +20,14 @@ export default function Products() {
   useEffect(() => {
     async function getData() {
       setLoading(true);
-      await axios
-        .get("https://admin.promtechno.uz/api/products/")
-        .then((res) => {
-          console.log("all data: ", res?.data);
-          const allData = res?.data || [];
-          setAllProducts(allData);
-          setLoading(false);
-        });
+      const products = await getAllProducts();
+      setAllProducts(
+        products.map((product: any) => ({
+          ...product,
+          slug: generateSlug(product.name_uz),
+        }))
+      );
+      setLoading(false);
     }
     getData();
   }, []);