diff --git a/src/assets/services/general-support.jpg b/src/assets/services/general-support.jpg
new file mode 100644
index 0000000..311fd11
Binary files /dev/null and b/src/assets/services/general-support.jpg differ
diff --git a/src/assets/services/relaxation_therapy.jpg b/src/assets/services/relaxation_therapy.jpg
new file mode 100644
index 0000000..7969d4f
Binary files /dev/null and b/src/assets/services/relaxation_therapy.jpg differ
diff --git a/src/assets/services/talk_therapy.jpg b/src/assets/services/talk_therapy.jpg
new file mode 100644
index 0000000..0f08015
Binary files /dev/null and b/src/assets/services/talk_therapy.jpg differ
diff --git a/src/features/user/components/sections/ServiceSection.tsx b/src/features/user/components/sections/ServiceSection.tsx
index 3dfef7a..cf94e75 100644
--- a/src/features/user/components/sections/ServiceSection.tsx
+++ b/src/features/user/components/sections/ServiceSection.tsx
@@ -7,6 +7,9 @@ import {
 } from "@/components/ui/card";
 import animalAssistedTherapy from "@/assets/Animal-Assisted-Therapy.png";
 import { Button } from "@/components/ui/button";
+import relaxationTechniques from "@/assets/Relaxation-Techniques.png";
+import talkTherapy from "@/assets/Talk-Therapy.png";
+import generalSupportWork from "@/assets/General-Support-Work.png";
 
 export const ServiceSection = () => {
   return (
@@ -59,7 +62,7 @@ export const ServiceSection = () => {
           <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
             <div className="h-48 overflow-hidden">
               <img
-                src="#"
+                src={talkTherapy}
                 alt="Talk Therapy"
                 className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500"
               />
@@ -89,7 +92,7 @@ export const ServiceSection = () => {
           <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
             <div className="h-48 overflow-hidden">
               <img
-                src="#"
+                src={relaxationTechniques}
                 alt="Relaxation Techniques"
                 className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500"
               />
@@ -119,7 +122,7 @@ export const ServiceSection = () => {
           <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
             <div className="h-48 overflow-hidden">
               <img
-                src="#"
+                src={generalSupportWork}
                 alt="General Support Work"
                 className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500"
               />