mark
/
SerenitySpace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix images

This commit is contained in:
mark 2025-06-17 19:02:26 +08:00
parent ea117f24a0
commit aa93758105
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/services/general-support.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
src/assets/services/relaxation_therapy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
src/assets/services/talk_therapy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

9
src/features/user/components/sections/ServiceSection.tsx
View File

@ -7,6 +7,9 @@ import {
} from "@/components/ui/card"; } from "@/components/ui/card";
import animalAssistedTherapy from "@/assets/Animal-Assisted-Therapy.png"; import animalAssistedTherapy from "@/assets/Animal-Assisted-Therapy.png";
import { Button } from "@/components/ui/button"; 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 = () => { export const ServiceSection = () => {
return ( 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"> <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
<div className="h-48 overflow-hidden"> <div className="h-48 overflow-hidden">
<img <img
src="#" src={talkTherapy}
alt="Talk Therapy" alt="Talk Therapy"
className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500" 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"> <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
<div className="h-48 overflow-hidden"> <div className="h-48 overflow-hidden">
<img <img
src="#" src={relaxationTechniques}
alt="Relaxation Techniques" alt="Relaxation Techniques"
className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500" 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"> <Card className="bg-white border-none shadow-md hover:shadow-lg transition-all duration-300 overflow-hidden">
<div className="h-48 overflow-hidden"> <div className="h-48 overflow-hidden">
<img <img
src="#" src={generalSupportWork}
alt="General Support Work" alt="General Support Work"
className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500" className="w-full h-full object-cover object-top hover:scale-105 transition-transform duration-500"
/> />