From f29ed1f9f7302ca8b4d60a9df945d5ee6871a5c0 Mon Sep 17 00:00:00 2001 From: selvi Date: Thu, 25 Sep 2025 21:26:23 +0530 Subject: [PATCH] corrections updated --- .../GalleryClient.js | 191 +++++++----------- app/what-to-expect/page.js | 2 +- public/assets/css/style.css | 9 +- public/assets/images/gallery/left.png | Bin 0 -> 2845 bytes public/assets/images/gallery/right.png | Bin 0 -> 2842 bytes utils/Services.utils.js | 2 +- utils/constant.utils.js | 14 ++ 7 files changed, 101 insertions(+), 117 deletions(-) create mode 100644 public/assets/images/gallery/left.png create mode 100644 public/assets/images/gallery/right.png diff --git a/app/gallery-physiotherapy-etobicoke/GalleryClient.js b/app/gallery-physiotherapy-etobicoke/GalleryClient.js index 2208d76..4fe2680 100644 --- a/app/gallery-physiotherapy-etobicoke/GalleryClient.js +++ b/app/gallery-physiotherapy-etobicoke/GalleryClient.js @@ -1,133 +1,96 @@ - 'use client' import Layout from "@/components/layout/Layout" -import { useState } from 'react' +import { useState } from "react" import Link from "next/link" -export default function WhyChooseUs() { - const [isActive, setIsActive] = useState({ - status: false, - key: 1, - }) +import { galleryImages } from "@/utils/constant.utils" - const handleToggle = (key) => { - if (isActive.key === key) { - setIsActive({ - status: false, - }) - } else { - setIsActive({ - status: true, - key, - }) +export default function WhyChooseUs() { + const itemsPerPage = 6 + const [currentPage, setCurrentPage] = useState(1) + + const indexOfLastImage = currentPage * itemsPerPage + const indexOfFirstImage = indexOfLastImage - itemsPerPage + const currentImages = galleryImages.slice(indexOfFirstImage, indexOfLastImage) + + const totalPages = Math.ceil(galleryImages.length / itemsPerPage) + + const handlePageChange = (page) => { + if (page > 0 && page <= totalPages) { + setCurrentPage(page) } } + return ( <> - {/* gallery */} -
-
-
-
+
+
+
+ {currentImages.map((src, index) => ( +
-
-
+
+ {`gallery-${index}`} +
+
+ + + +
- {/* Repeat the above block for other gallery items */} -
-
-
-
-
-
-
-
- {/* Repeat the above block for other gallery items */} -
-
-
-
-
-
-
-
- {/* Repeat the above block for other gallery items */} -
-
-
-
-
-
-
-
- {/* Repeat the above block for other gallery items */} -
-
-
-
-
-
-
-
- {/* Repeat the above block for other gallery items */} -
-
-
-
-
-
-
-
- {/* Repeat the above block for other gallery items */} -
-
-
    -
  • 1
    • -
  • 2
    • -
  • 3
    • -
    • -
-
+ ))}
-
- {/* gallery end */} - {/* subscibe */} - {/*
-
-
-
-
-
-

Subscribe for the exclusive updates!

-
-
-
-
-
-
- - -
-
-
- - -
-
-
-
-
-
-
+
+
    + {currentPage > 1 && ( +
  • + { + e.preventDefault() + handlePageChange(currentPage - 1) + }} + > + Previous + +
    • + )} + + {[...Array(totalPages)].map((_, i) => ( +
  • + { + e.preventDefault() + handlePageChange(i + 1) + }} + className={currentPage === i + 1 ? "current" : ""} + > + {i + 1} + +
    • + ))} + + {currentPage < totalPages && ( +
  • + { + e.preventDefault() + handlePageChange(currentPage + 1) + }} + > + Previous + +
    • + )} +
-
*/} - {/* subscibe end */} +
+
) } - - - diff --git a/app/what-to-expect/page.js b/app/what-to-expect/page.js index bf0bb36..edab90a 100644 --- a/app/what-to-expect/page.js +++ b/app/what-to-expect/page.js @@ -4,7 +4,7 @@ import Layout from "@/components/layout/Layout" export const metadata = { title: "What to expect at Physiotherapy Etobicoke - Rapha Physiotherapy etobicoke", description: - "On the first day of your visit, you will receive a thorough assessment allows our healthcare professionals to understand your injury to determine how we can help. Following the initial assessment at our physiotherapy clinic etobicoke", + "Discover what to expect at Rapha Physiotherapy: from a comprehensive first-day assessment to your initial treatment and long-term plan for lasting recovery.", }; diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 38f9b45..e55f226 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -3748,4 +3748,11 @@ } .color-white{ color: #fff !important; - } \ No newline at end of file + } + .pagination-wrapper .pagination li a img { + transition: filter 0.3s ease; +} + +.pagination-wrapper .pagination li a:hover img { + filter: brightness(0) invert(1); +} diff --git a/public/assets/images/gallery/left.png b/public/assets/images/gallery/left.png new file mode 100644 index 0000000000000000000000000000000000000000..5a380a9979bd6cfb1d1604d629e5b504c218ada8 GIT binary patch literal 2845 zcmV+&3*z*NP)StO&>uS)ve<0AYj> z5AR{$W90N^4L=L-RlQUJ&DC0@ZjPh;=*jPLSYvv5M~MFBAl0-BNIsH15C~g000{K(ZT*WKal6< z?_01!^k@7iDG<<3=fuAC~28EsPoqkpK{9G%|Vj z005J}`Hw&=0RYXHq~ibpyyzHQsFW8>#s~laM4*8xut5h5!4#~(4xGUqyucR%VFpA% z3?#rj5JCpzfE)^;7?wd9RKPme1hudO8lVxH;SjXJF*pt9;1XPc>u?taU>Kgl7`%oF z1VP9M6Ja4bh!J9r*dopd7nzO(B4J20l7OTj>4+3jBE`sZqynizYLQ(?Bl0bB6giDt zK>Co|$RIL`{EECsF_eL_Q3KQhbwIhO9~z3rpmWi5G!I>XmZEFX8nhlgfVQHi(M#xc zbO3#dj$?q)F%D*o*1Pf{>6$SWH+$s3q(pv=X`qR|$iJF~TPzlc-O$C3+J1#CT#lv5;6stS0Uu9wDA3 zUMCI{Uz12A4#|?_P6{CkNG+sOq(0IRX`DyT~9-sA|ffUF>wk++Z! zkWZ5P$;0Hg6gtI-;!FvmBvPc55=u2?Kjj3apE5$3psG>Lsh-pbs)#zDT1jo7c2F-< zhp7`Zb($s3n-)XMq%EV>(3)vyY4>O^>2$gY-Gd%Qm(Z8eYv>2*=jns=cMJ`N4THx> zVkjAF8G9M07`GWOnM|ey)0dgZR4~^v8<}UA514ONSSt1^d=-((5|uiYR+WC0=c-gy zb5%dpd8!Lkt5pxHURHgkMpd&=fR^vEcAI*_=wwAG z2sV%zY%w@v@XU~7=xdm1xY6*0;iwVIXu6TaXrs|dqbIl~?uTdNHFy_3W~^@g_pF#!K2~{F^;XxcN!DEJEbDF7S8PxlSDOr*I-AS3sI8l= z#CDr)-xT5$k15hA^;2%zG3@;83hbKf2JJcaVfH2VZT8O{%p4LO);n}Nd~$Sk%yw*W zyz8XlG{dRHsl(}4XB%gsbDi@w7p6;)%MzD%mlsoQr;4X;pL)xc% z+^yMd)ZNTI#eJ*$O)i@o$z8)e??LqN_gLa_%;TM>o2SC_kmoO6c3xRt`@J4dvz#WL z)-Y|z+r(Soy~}%GIzByR`p)SCKE^%*pL(B%zNWq+-#xw~e%5}Oeh2)X`#bu}{g3#+ z;d$~F@lFL`0l@*~0lk45fwKc^10MvL1f>Tx1&sx}1}_Xg6+#RN4Ot&@lW)Km@*DYM zGu&q^n$Z=?2%QyL8~QNJCQKgI5srq>2;UHXZ>IT7>CCnWh~P(Th`1kV8JQRPeH1Aw zGO8}>QM6NZadh`A)~w`N`)9q5@sFvDxjWlxwsLl7tZHmhY-8-3xPZ8-xPf?w_(k!T z5_A(J3GIpG#Ms0=iQ{tu=WLoYoaCBRmULsT<=mpV7v|~C%bs^USv6UZd^m-e5|^?+ z<%1wXP%juy<)>~<9TW0|n}ttBzM_qyQL(qUN<5P0omQ3hINdvaL;7fjPeygdGYL;p zD|wL_lDQ-EO;$wK-mK5raoH_7l$?~Dqf!lNmb5F^Ft;eTPi8AClMUo~=55LwlZVRp z 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 z zxOiFd;3B_8yA~shQx|tGF!j;$toK>JuS&gYLDkTP@C~gS@r~shUu{a>bfJ1`^^VQ7&C1OKHDNXFTgC{M|V%fo{xK_dk6MK@9S!GZ*1JJzrV5xZBjOk9!NTH<(q(S+MDf~ceQX@ zDh|Ry<-sT4rhI$jQ0Sq~!`#Eo-%($2E^vo}is5J@NVEf|KK?WT&2;PCq@=ncR8zO#GQ^T~S@VXG71PKNocF zOt)Y6$@AXlk6rM*aP%VgV%sIRORYVwJx6|U{ozQjTW{-S_si{9Jg#)~P3t?+@6&(! zYQWWV*Z9{iU7vZq@5byKw{9lg9JnRA_4s!7?H6|n?o8ZWdXIRo{Jz@#>IeD{>VLHU zv1Pz*;P_y`V9&!@5AO~Mho1hF|I>%z(nrik)gwkDjgOrl9~%uCz4Bzvli{bbrxVZ0 zepdf^>vOB;-~HnIOV3#R*zgPai_gEVd8zYq@2jb=I>#f&AH2?aJ@Kaet

Refugee Physiotherapy

diff --git a/utils/constant.utils.js b/utils/constant.utils.js index 43add09..1dbd826 100644 --- a/utils/constant.utils.js +++ b/utils/constant.utils.js @@ -343,3 +343,17 @@ export const locationsItem = [ ]; +export const galleryImages = [ + "/assets/images/gallery/gallery-6.jpg", + "/assets/images/gallery/gallery-7.jpg", + "/assets/images/gallery/gallery-8.jpg", + "/assets/images/gallery/gallery-9.jpg", + "/assets/images/gallery/gallery-10.jpg", + "/assets/images/gallery/gallery-11.jpg", + "/assets/images/gallery/gallery-6.jpg", + "/assets/images/gallery/gallery-7.jpg", + "/assets/images/gallery/gallery-8.jpg", + "/assets/images/gallery/gallery-9.jpg", + "/assets/images/gallery/gallery-10.jpg", + "/assets/images/gallery/gallery-11.jpg", +]; \ No newline at end of file