diff --git a/yoga-app/src/components/about.us.with.boxes.component.tsx b/yoga-app/src/components/about.us.with.boxes.component.tsx
index 37b47ef..ba48870 100644
--- a/yoga-app/src/components/about.us.with.boxes.component.tsx
+++ b/yoga-app/src/components/about.us.with.boxes.component.tsx
@@ -2,13 +2,17 @@ import YogaImageComponent from "@/components/yoga.image.component";
 import {
     YogaAboutUsWithBoxesComponent_Plain
 } from "@/types/generated-strapi-interfaces/api/yoga-about-us-with-boxes-component";
+import {StrapiFile} from "@/types/types";
+import strapiApi from "@/api/strapi/strapi-api";
 
 export interface Props{
     config: YogaAboutUsWithBoxesComponent_Plain
 }
 
-export default function AboutUsWithBoxesComponent({ config: {title,header,description, box1,box2,box3,box4}}: Props){
-    
+export default function AboutUsWithBoxesComponent({ config: {title,header,description, image, box1,box2,box3,box4}}: Props){
+
+    const imageFile: StrapiFile = image as StrapiFile;
+    const imageUrl = strapiApi.getImageUrl(imageFile?.url)
     
     return (
         <section className="aboutpage_aboutus_section">
@@ -16,7 +20,7 @@ export default function AboutUsWithBoxesComponent({ config: {title,header,descri
                 <div className="row">
                     <div className="col-lg-7 col-md-6 col-sm-12 col-xs-12">
                         <div className="aboutpage_aboutus_image">
-                            <figure className="mb-0"><YogaImageComponent src="./assets/images/about_page_aboutus_image.png" alt="" className="img-fluid" /></figure>
+                            <figure className="mb-0"><YogaImageComponent src={imageUrl} alt="" className="img-fluid" /></figure>
                         </div>
                         <figure className="aboutus_top_shape left_shape mb-0">
                             <YogaImageComponent src="./assets/images/aboutus_top_shape.png" alt="" className="img-fluid" />