add service detail page

yoga-app/src/components/next.blocks.renderer.tsx

@@ -0,0 +1,31 @@
+'use client';
+import {BlocksContent, BlocksRenderer} from "@strapi/blocks-react-renderer";
+import strapiApi from "@/api/strapi/strapi-api";
+import React from "react";
+import YogaImageComponent from "@/components/yoga.image.component";
+
+export interface Props{
+    content: BlocksContent;
+}
+const NextBlocksRenderer = ({ content }: Props) => {
+    return  (
+    <BlocksRenderer
+        content={content}
+        blocks={{
+            image: ({image}) => {
+                console.log(image);
+                const url =  new URL(image.url);
+                return (
+                    <YogaImageComponent
+                        src={url.pathname}
+                        width={image.width}
+                        height={image.height}
+                        alt={image.alternativeText || ""}
+                    />
+                );
+            }
+        }}
+        />);
+}
+
+export default NextBlocksRenderer;