fix yoga services

yoga-app/src/components/our.services.item.component.tsx

@@ -0,0 +1,39 @@
+import YogaImageComponent from "@/components/yoga.image.component";
+import {
+    OurServicesComponent_Plain
+} from "@/types/generated-strapi-interfaces/components/yoga-site/OurServicesComponent";
+import {YogaOurServicesComponent_Plain} from "@/types/generated-strapi-interfaces/api/yoga-our-services-component";
+import {YogaSingleService_Plain} from "@/types/generated-strapi-interfaces/api/yoga-single-service";
+import {StrapiFile} from "@/types/types";
+import strapiApi from "@/api/strapi/strapi-api";
+
+export interface Props {
+    config: YogaSingleService_Plain
+}
+
+const OurServiceItemComponent = ({config: {header,description,image}}: Props) => {
+    const imageFile: StrapiFile = image as StrapiFile;
+    return (
+
+        <div className="col-lg-3 col-md-6 col-sm-6 col-xs-12">
+            <div className="services_box_content">
+                <div className="services_box_upper_portion">
+                    <figure className="mb-0">
+                        <YogaImageComponent src={strapiApi.getImageUrl(imageFile.url)} alt="" className="img-fluid"/>
+                    </figure>
+                </div>
+                <div className="services_box_lower_portion">
+                    <h3>{header}</h3>
+                    <p>{description}</p>
+                    <div className="btn_wrapper">
+                        <a href="/services" className="text-decoration-none"><i
+                            className="fa-solid fa-arrow-right" aria-hidden="true"></i></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    );
+}
+
+export default OurServiceItemComponent;