New logo updated

app/about-us/page.js

@@ -1,79 +1,73 @@
 'use client'
 import Layout from "@/components/layout/Layout"
-import TestimonialSlider3 from '@/components/slider/TestmonialSlider3'
 import Link from "next/link"
 import { useState } from 'react'
+import { teamMembers } from "@/utils/constant.utils";
 
 export default function Home() {
   const [isOpen, setOpen] = useState(false)
-    const [isActive, setIsActive] = useState({
+  const [activeIndex, setActiveIndex] = useState(null);
-        status: false,
-        key: 1,
-    })
 
-    const handleToggle = (key) => {
+  const toggleReadMore = (index) => {
-        if (isActive.key === key) {
+    setActiveIndex(activeIndex === index ? null : index);
-            setIsActive({
+  };
-                status: false,
+
-            })
+
-        } else {
+
-            setIsActive({
+  const contents = [
-                status: true,
+    {
-                key,
+      title: "Mission",
-            })
+      img: "/assets/images/about-us/section2/mission.webp",
-        }
+      text: "Physiotherapy etobicoke is committed to providing quality and innovative health care in a comfortable and professional environment. Our interdisciplinary team will work collaboratively to offer a comprehensive and patient centered approach to ensure the highest level of client experience through our evidence-based clinical practice"
+    },
+    {
+      title: "Vision",
+      img: "/assets/images/about-us/section2/vision.webp",
+      text: "To be regarded as the most reliable and effective health care therapy practice backed by the team of innovative healthcare professionals driven by passion"
+    },
+    {
+      title: "Values",
+      img: "/assets/images/about-us/section2/values.webp",
+      text: "We value compassion, excellence, innovation, collaboration, and integrity. By combining empathy with evidence-based care, we create a supportive and professional environment that helps every patient achieve long-term health and well-being."
     }
+  ];
+
   return (
     <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us">
+      <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="About Us" bannerImage="/assets/images/about-us/about-us-banner.webp">
         {/* about-section */}
-                <section className="about-style-two pt_120 pb_120">
+        <section className="about-style-three pt_120 pb_120 bg-color-1">
-                <div className="pattern-layer">
+          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
-                  <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-8.png)" }}></div>
-                  <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-9.png)" }}></div>
-                  <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-11.png)" }}></div>
-                  <div className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></div>
-                </div>
           <div className="auto-container">
             <div className="row clearfix">
               <div className="col-lg-6 col-md-12 col-sm-12 image-column">
-                      <div className="image_block_one">
+                <div className="image_block_three">
                   <div className="image-box">
-                          <div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
+                    <div className="image-shape">
-                          <div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
+                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
-                          <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
+                      <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
-                          <div className="icon-one"><i className="icon-13"></i></div>
+                      <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
-                          <div className="icon-two"><i className="icon-14"></i></div>
+                      <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
-                          <div className="text-box">
+                      <div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
-                            <h3>Wade Warren</h3>
-                            <span>Medical Assistant</span>
                     </div>
+                    <figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" /></figure>
+                    <figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" /></figure>
+                    <div className="icon-box"><img src="/assets/images/about-us/section1/about-icon.webp" alt="" /></div>
                   </div>
                 </div>
               </div>
               <div className="col-lg-6 col-md-12 col-sm-12 content-column">
                 <div className="content_block_one">
-                        <div className="content-box ml_30">
+                  <div className="content-box">
                     <div className="sec-title mb_15">
                       <span className="sub-title">About Us</span>
-                            <h2>Medical services & diagnostics</h2>
+                      <h2>Comprehensive Physiotherapy & Rehabilitation Clinic in Etobicoke</h2>
                     </div>
                     <div className="text-box mb_40">
-                            <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.</p>
+                      <p>Welcome to Rapha Rehab Physiotherapy Massage Therapy Clinic Etobicoke – physiotherapy clinic in etobicoke managed by Registered Physiotherapists offering reliable physiotherapy treatment Services, Sports injury physiotherapy, Pelvic floor physiotherapy, Chiropractor, Massage therapy , Acupuncture treatment, Foot Reflexology, Osteopathy, custom knee braces, orthotics, spinal decompression therapy, concussion management, chronic pain management, workplace injury management, Naturopathy and home care physiotherapy Services in Etobicoke</p>
-                            <ul className="list-style-one clearfix">
-                              <li>Refresing to get such a personal touch.</li>
-                              <li>Duis aute irure dolor in reprehenrit in voluptate.</li>
-                              <li>Velit esse cillum dolore eu fugiat nua pariatur.</li>
-                            </ul>
                     </div>
-                          <div className="lower-box">
+                    <div className="btn-box">
-                            <div className="experience-box">
+                      <Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
-                              <div className="icon-box"><i className="icon-29"></i></div>
-                              <h3>32 Years</h3>
-                              <span className="designation">Of Medical Experience</span>
-                            </div>
-                            <figure className="author-thumb"><img src="assets/images/resource/author-1.jpg" alt="" /></figure>
-                            <div className="signature"><img src="assets/images/icons/signature-1.png" alt="" /></div>
                     </div>
                   </div>
                 </div>
@@ -83,48 +77,78 @@ export default function Home() {
         </section>
         {/* about-section end */}
 
-
         {/* process */}
-                <section className="process-section sec-pad bg-color-1">
+        <section className="process-section sec-pad ">
+          <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></div>
           <div className="shape">
-                      <div className="shape-1 float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-20.png)" }}></div>
+            <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
-                      <div className="shape-2 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></div>
+            <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
             <div className="shape-3"></div>
           </div>
           <div className="auto-container">
             <div className="sec-title mb_50 centred">
-                        <span className="sub-title">Process</span>
+              <span className="sub-title">Caring Excellence</span>
-                        <h2>How it Helps You to <br />Keep Healthy</h2>
+              <h2>Mission Vision & Values</h2>
             </div>
             <div className="inner-container">
-                        <div className="arrow-shape" style={{ backgroundImage: "url(assets/images/shape/shape-18.png)" }}></div>
+              <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div>
-                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+
+              {contents.map((item, index) => {
+                const isActive = activeIndex === index;
+                const words = item.text.split(" ");
+                const shortText = words.slice(0, 20).join(" ") + (words.length > 20 ? "..." : "");
+
+                return (
+                  <div key={index} className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                     <div className="inner-box">
-                            <span className="count-text">01</span>
+                      <span className="count-text">{`0${index + 1}`}</span>
-                            <figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
+                      <figure className="image-box"><img src={item.img} alt={item.title} /></figure>
                       <div className="lower-content">
-                              <h3>Get Appointment</h3>
+                        <h3>{item.title}</h3>
-                              <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
+                        <p>{isActive ? item.text : shortText}</p>
+                        {words.length > 20 && (
+                          <button className="read-more-btn" onClick={() => toggleReadMore(index)}>
+                            {isActive ? "Read Less" : "Read More"}
+                          </button>
+                        )}
                       </div>
                     </div>
                   </div>
-                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
+                );
-                          <div className="inner-box">
+              })}
-                            <span className="count-text">02</span>
+            </div>
-                            <figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
+
-                            <div className="lower-content">
+          </div>
-                              <h3>Start Check-Up</h3>
+        </section>
-                              <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
+        {/* process end */}
+
+        <section className="testimonial-style-two p_relative bg-color-1">
+          {/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
+          <div className="auto-container">
+            <div className="row align-items-center flex-row-reverse">
+              {/* RIGHT IMAGE / LEFT CONTENT */}
+              <div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
+                <div className="image_block_two pl_30">
+                  <div className="image-box">
+                    <figure className="image image-1"><img src="/assets/images/about-us/section3/top.webp" alt="" /></figure>
+                    <figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" /></figure>
+                    <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div>
                   </div>
                 </div>
               </div>
-                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
+              <div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
-                          <div className="inner-box">
+                <div className="content_block_one">
-                            <span className="count-text">03</span>
+                  <div className="content-box">
-                            <figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
+                    <div className="sec-title mb_15">
-                            <div className="lower-content">
+                      <span className="sub-title">Why Choos Us</span>
-                              <h3>Enjoy Healthy Life</h3>
+                      <h2>Your Trusted Physiotherapy Team in Etobicoke</h2>
-                              <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. </p>
+                    </div>
+                    <div className="text-box mb_40">
+                      <p>Physiotherapy etobicoke is a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients</p>
+                    </div>
+                    <div className="btn-box">
+                      <Link href="/contact" className="theme-btn btn-one"><span>Book Appointment</span></Link>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -134,170 +158,70 @@ export default function Home() {
         {/* process end */}
 
 
-                {/* testimonial-section */}
-                 <section className="testimonial-style-two p_relative">
-      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
-      <div className="auto-container">
-        <div className="row align-items-center">
-          <div className="col-lg-6 col-md-12 col-sm-12 thumb-column">
-            <div className="thumb-box">
-              <div className="thumb thumb-1"><img src="assets/images/resource/thumb-1.png" alt="" /></div>
-              <div className="thumb thumb-2"><img src="assets/images/resource/thumb-2.png" alt="" /></div>
-              <div className="thumb thumb-3"><img src="assets/images/resource/thumb-3.png" alt="" /></div>
-              <div className="thumb thumb-4"><img src="assets/images/resource/thumb-4.png" alt="" /></div>
-              <div className="thumb thumb-5"><img src="assets/images/resource/thumb-5.png" alt="" /></div>
-              <div className="thumb thumb-6"><img src="assets/images/resource/thumb-6.png" alt="" /></div>
-            </div>
-          </div>
-          <div className="col-lg-6 col-md-12 col-sm-12 content-column">
-            <div className="content-box">
-              <div className="sec-title mb_50">
-                <span className="sub-title">TESTIMONIALS</span>
-                <h2>What Our Client Say About medimart</h2>
-              </div>
-                      <div className="content-box">
-                          {/*Theme Carousel*/}
-                          <TestimonialSlider3 />                        
-                      </div>
-                  </div>
-                  
-                  </div>
-                </div>
-              </div>
-              </section>
-                {/* testimonial-section */}
-
-
-               
-
-
         {/* team-section-style-two */}
-                <section className="team-section sec-pad centred bg-color-1">
+        <section className="team-section sec-pad centred">
           <div className="shape">
-                    <div className="shape-1 float-bob-y" style={{ backgroundImage: "url(assets/images/shape/shape-15.png)" }}></div>
+            <div
+              className="shape-1 float-bob-y"
+              style={{ backgroundImage: "url(/assets/images/shape/shape-15.png)" }}
+            ></div>
             <div className="shape-2"></div>
-                    <div className="shape-3 float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-16.png)" }}></div>
+            <div
+              className="shape-3 float-bob-x"
+              style={{ backgroundImage: "url(/assets/images/shape/shape-16.png)" }}
+            ></div>
           </div>
+
           <div className="auto-container">
             <div className="sec-title mb_50">
               <span className="sub-title">Our Team</span>
-                      <h2>Meet our experienced doctors <br />for the best treatment</h2>
+              <h2>
+                Meet our experienced doctors <br />for the best treatment
+              </h2>
             </div>
-                    <div className="row clearfix">
+
-                      <div className="col-lg-3 col-md-6 col-sm-12 team-block">
+            <div className="row clearfix justify-content-center">
-                        <div className="team-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+              {teamMembers.map((member, index) => (
+                <div
+                  key={member.id}
+                  className="col-lg-3 col-md-6 col-sm-12 team-block"
+                >
+                  <div
+                    className="team-block-one wow fadeInUp animated"
+                    data-wow-delay={`${index * 200}ms`}
+                    data-wow-duration="1500ms"
+                  >
                     <div className="inner-box">
                       <div className="image-box">
-                              <figure className="image"><img src="assets/images/team/team-1.jpg" alt="" /></figure>
+                        <figure className="image">
+                          <img src={member.image} alt={member.name} />
+                        </figure>
                         <ul className="social-links clearfix">
-                                <li><Link href="/"><i className="icon-4"></i></Link></li>
+                          {member.socials.map((social, idx) => (
-                                <li><Link href="/"><i className="icon-5"></i></Link></li>
+                            <li key={idx}>
-                                <li><Link href="/"><i className="icon-6"></i></Link></li>
+                              <Link href={social.link}>
-                                <li><Link href="/"><i className="icon-7"></i></Link></li>
+                                <i className={social.icon}></i>
+                              </Link>
+                            </li>
+                          ))}
                         </ul>
                       </div>
+
                       <div className="lower-content">
-                              <h3><Link href="team-details/">Black Marvin</Link></h3>
+                        <h3>
-                              <span className="designation">Medical Assistant</span>
+                          <Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`}>
-                            </div>
+                            {member.name}
-                          </div>
+                          </Link>
-                        </div>
+                        </h3>
-                      </div>
+                        <span className="designation">{member.designation}</span>
-                      <div className="col-lg-3 col-md-6 col-sm-12 team-block">
-                        <div className="team-block-one wow fadeInUp animated" data-wow-delay="200ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <div className="image-box">
-                                    <figure className="image"><img src="assets/images/team/team-2.jpg" alt="" /></figure>
-                                    <ul className="social-links clearfix">
-                                        <li><Link href="/"><i className="icon-4"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-5"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-6"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-7"></i></Link></li>
-                                    </ul>
-                                </div>
-                                <div className="lower-content">
-                                    <h3><Link href="team-details">Eleanor Pena</Link></h3>
-                                    <span className="designation">Doctor</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-3 col-md-6 col-sm-12 team-block">
-                        <div className="team-block-one wow fadeInUp animated" data-wow-delay="400ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <div className="image-box">
-                                    <figure className="image"><img src="assets/images/team/team-3.jpg" alt="" /></figure>
-                                    <ul className="social-links clearfix">
-                                        <li><Link href="/"><i className="icon-4"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-5"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-6"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-7"></i></Link></li>
-                                    </ul>
-                                </div>
-                                <div className="lower-content">
-                                    <h3><Link href="team-details">Arlene Maccy</Link></h3>
-                                    <span className="designation">Nursing Assistant</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-3 col-md-6 col-sm-12 team-block">
-                        <div className="team-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <div className="image-box">
-                                    <figure className="image"><img src="assets/images/team/team-4.jpg" alt="" /></figure>
-                                    <ul className="social-links clearfix">
-                                        <li><Link href="/"><i className="icon-4"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-5"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-6"></i></Link></li>
-                                        <li><Link href="/"><i className="icon-7"></i></Link></li>
-                                    </ul>
-                                </div>
-                                <div className="lower-content">
-                                    <h3><Link href="team-details">Jenny Wilson</Link></h3>
-                                    <span className="designation">Senior Doctor</span>
                       </div>
                     </div>
                   </div>
                 </div>
+              ))}
             </div>
           </div>
         </section>
-                {/* team-section-style-two end */}
-                {/* subscibe */}
-                <section className="subscribe-section bg-color-1">
-                  <div className="auto-container">
-                    <div className="inner-container">
-                      <div className="row align-items-center">
-                        <div className="col-lg-6 col-md-12 col-sm-12 text-column">
-                          <div className="text-box">
-                            <h2><span>Subscribe</span> for the exclusive updates!</h2>
-                          </div>
-                        </div>
-                        <div className="col-lg-6 col-md-12 col-sm-12 form-column">
-                          <div className="form-inner">
-                            <form method="post" action="contact">
-                              <div className="form-group">
-                                <input type="email" name="email" placeholder="Enter Your Email Address" required />
-                                <button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
-                              </div>
-                              <div className="form-group">
-                                <div className="check-box">
-                                  <input className="check" type="checkbox" id="checkbox1" />
-                                  <label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
-                                </div>
-                              </div>
-                            </form>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </section>
-                  {/* subscibe end */}
-
-
-               
       </Layout>
     </>
   )

app/accident/[slug]/page.js

@@ -32,7 +32,7 @@ export default function AccidentDetailsPage({ params }) {
                 
                 {/* Categories */}
                 <div className="sidebar-widget category-widget">
-                  <div className="widget-title"><h3>Categories</h3></div>
+                  <div className="widget-title"><h3>Accident</h3></div>
                   <div className="widget-content">
                     <ul className="category-list clearfix">
                       {Accident.map((cat) => (

app/area-of-injury/[slug]/page.js

@@ -3,7 +3,6 @@ import Link from "next/link";
 import { notFound } from "next/navigation";
 import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
 
-// ✅ Static params for export
 export async function generateStaticParams() {
   return areaOfInjuryData.map((item) => ({
     slug: item.slug,
@@ -31,7 +30,7 @@ export default function AreaOfInjuryDetails({ params }) {
                 {/* Categories */}
                 <div className="sidebar-widget category-widget">
                   <div className="widget-title">
-                    <h3>Categories</h3>
+                    <h3>Area Of Injury</h3>
                   </div>
                   <div className="widget-content">
                     <ul className="category-list clearfix">
@@ -94,7 +93,7 @@ export default function AreaOfInjuryDetails({ params }) {
       </section>
 
       {/* Subscribe Section */}
-      <section className="subscribe-section">
+      {/* <section className="subscribe-section">
         <div className="auto-container">
           <div className="inner-container">
             <div className="row align-items-center">
@@ -133,7 +132,7 @@ export default function AreaOfInjuryDetails({ params }) {
             </div>
           </div>
         </div>
-      </section>
+      </section> */}
     </Layout>
   );
 }

app/blog/[slug]/page.js

@@ -0,0 +1,51 @@
+import Layout from "@/components/layout/Layout";
+import Link from "next/link";
+import Blogs from "@/utils/Blog.utils";
+import { notFound } from "next/navigation";
+
+export async function generateStaticParams() {
+  return Blogs.map((item) => ({
+    slug: item.slug,
+  }));
+}
+
+export default function BlogDetails({ params }) {
+  const blog = Blogs.find((item) => item.slug === params.slug);
+
+  if (!blog) return notFound();
+
+  return (
+    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Details">
+      <section className="sidebar-page-container sec-pad-2">
+        <div className="auto-container">
+          <div className="row clearfix">
+            <div className="col-lg-12 col-md-12 col-sm-12 content-side">
+              <div className="blog-details-content">
+                <div className="news-block-one">
+                  <div className="inner-box">
+                    <figure className="image-box">
+                      <img
+                        src={blog.banner}
+                        alt={blog.title}
+                        style={{ width: "100%", height: "auto" }}
+                      />
+                    </figure>
+                    <div className="lower-content">
+                      {/* <ul className="post-info mb_15 clearfix">
+                        <li><Link href="#">{blog.author}</Link></li>
+                        <li>{blog.date}</li>
+                        <li>{blog.comments}</li>
+                      </ul> */}
+                      <h2>{blog.title}</h2>
+                      <div dangerouslySetInnerHTML={{ __html: blog.content }} />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </Layout>
+  );
+}

app/blog/page.js

@@ -1,172 +1,54 @@
+'use client'
+import Layout from "@/components/layout/Layout";
+import Link from "next/link";
+import Blogs from "@/utils/Blog.utils";
 
-import Layout from "@/components/layout/Layout"
+export default function Blog() {
-import Link from "next/link"
-export default function Home() {
-
   return (
-        <>
+    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog">
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Blog Grid">
-                <div>
-                    {/* news-style-two */}
       <section className="news-section sec-pad bg-color-1">
         <div className="auto-container">
           <div className="sec-title mb_50 centred">
             <span className="sub-title">Our Blog</span>
             <h2>Take a look at our most <br />recent articles</h2>
           </div>
+
           <div className="row clearfix">
-                                <div className="col-lg-4 col-md-6 col-sm-12 news-block">
+            {Blogs.map((blog, i) => (
-                                    <div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+              <div key={i} className="col-lg-4 col-md-6 col-sm-12 news-block">
+                <div
+                  className="news-block-one wow fadeInUp animated"
+                  data-wow-delay={`${i * 300}ms`}
+                  data-wow-duration="1500ms"
+                >
                   <div className="inner-box">
-                                            <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
+                    <figure className="image-box">
+                      <Link href={`/blog/${blog.slug}`}>
+                        <img src={blog.thumbnail} alt={blog.title} />
+                      </Link>
+                    </figure>
                     <div className="lower-content">
-                                                <ul className="post-info mb_15 clearfix">
+                      {/* <ul className="post-info mb_15 clearfix">
-                                                    <li><Link href="blog-details">Admin</Link></li>
+                        <li><Link href="#">{blog.author}</Link></li>
-                                                    <li>12 Jan 2022</li>
+                        <li>{blog.date}</li>
-                                                    <li>03 Comt</li>
+                        <li>{blog.comments}</li>
-                                                </ul>
+                      </ul> */}
-                                                <h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
+                      <h3>
-                                                <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
+                        <Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
+                      </h3>
+                      <p>{blog.shortDesc}</p>
                       <div className="link">
-                                                    <Link href="blog-details"><span>Read More</span></Link>
+                        <Link href={`/blog/${blog.slug}`}><span>Read More</span></Link>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-                                <div className="col-lg-4 col-md-6 col-sm-12 news-block">
+            ))}
-                        <div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
-                                <div className="lower-content">
-                                    <ul className="post-info mb_15 clearfix">
-                                        <li><Link href="blog-details">Admin</Link></li>
-                                        <li>11 Jan 2022</li>
-                                        <li>0 Comt</li>
-                                    </ul>
-                                    <h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
-                                    <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                                    <div className="link">
-                                        <Link href="blog-details"><span>Read More</span></Link>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-                        <div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
-                                <div className="lower-content">
-                                    <ul className="post-info mb_15 clearfix">
-                                        <li><Link href="blog-details">Admin</Link></li>
-                                        <li>11 Jan 2022</li>
-                                        <li>02 Comt</li>
-                                    </ul>
-                                    <h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
-                                    <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                                    <div className="link">
-                                        <Link href="blog-details"><span>Read More</span></Link>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-                        <div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-4.jpg" alt="" /></Link></figure>
-                                <div className="lower-content">
-                                    <ul className="post-info mb_15 clearfix">
-                                        <li><Link href="blog-details">Admin</Link></li>
-                                        <li>12 Jan 2022</li>
-                                        <li>03 Comt</li>
-                                    </ul>
-                                    <h3><Link href="blog-details">What Causes Inherited Retinal Diseases?</Link></h3>
-                                    <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                                    <div className="link">
-                                        <Link href="blog-details"><span>Read More</span></Link>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-                        <div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-5.jpg" alt="" /></Link></figure>
-                                <div className="lower-content">
-                                    <ul className="post-info mb_15 clearfix">
-                                        <li><Link href="blog-details">Admin</Link></li>
-                                        <li>10 Jan 2022</li>
-                                        <li>7 Comt</li>
-                                    </ul>
-                                    <h3><Link href="blog-details">Get The Exercise Limited Mobility</Link></h3>
-                                    <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                                    <div className="link">
-                                        <Link href="blog-details"><span>Read More</span></Link>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-                        <div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-                            <div className="inner-box">
-                                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-6.jpg" alt="" /></Link></figure>
-                                <div className="lower-content">
-                                    <ul className="post-info mb_15 clearfix">
-                                        <li><Link href="blog-details">Admin</Link></li>
-                                        <li>08 Jan 2022</li>
-                                        <li>02 Comt</li>
-                                    </ul>
-                                    <h3><Link href="blog-details">What Leads to Inherited Eye Conditions?</Link></h3>
-                                    <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                                    <div className="link">
-                                        <Link href="blog-details"><span>Read More</span></Link>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                            </div>
-                        </div>
-                    </section>
-                    {/* news-style-two end */}
-                    {/* subscribe-two */}
-                    <section className="subscribe-section">
-      <div className="auto-container">
-        <div className="inner-container">
-          <div className="row align-items-center">
-            <div className="col-lg-6 col-md-12 col-sm-12 text-column">
-              <div className="text-box">
-                <h2><span>Subscribe</span> for the exclusive updates!</h2>
-              </div>
-            </div>
-            <div className="col-lg-6 col-md-12 col-sm-12 form-column">
-              <div className="form-inner">
-                <form method="post" action="contact">
-                  <div className="form-group">
-                    <input type="email" name="email" placeholder="Enter Your Email Address" required />
-                    <button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
-                  </div>
-                  <div className="form-group">
-                    <div className="check-box">
-                      <input className="check" type="checkbox" id="checkbox1" />
-                      <label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
-                    </div>
-                  </div>
-                </form>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-                     </section>
-                    {/* subscribe end */}
           </div>
 
+        </div>
+      </section>
     </Layout>
-        </>
+  );
-    )
 }

app/contact/page.js

@@ -1,13 +1,108 @@
+"use client";
 
-import Layout from "@/components/layout/Layout"
+import { useState, useEffect } from "react";
-import Link from "next/link"
+import ReCAPTCHA from "react-google-recaptcha";
-export default function Home() {
+import axios from "axios";
+import Layout from "@/components/layout/Layout";
+import Link from "next/link";
+
+export default function Contact() {
+  const [formData, setFormData] = useState({
+    username: "",
+    lname: "",
+    email: "",
+    phone: "",
+    subject: "",
+    message: "",
+  });
+
+  const [formErrors, setFormErrors] = useState({});
+  const [captchaToken, setCaptchaToken] = useState(null);
+  const [alert, setAlert] = useState({ show: false, type: "", message: "" });
+
+  // Handle input changes
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  // Handle captcha
+  const handleCaptchaChange = (token) => {
+    console.log("✅ Captcha token:", token);
+    setCaptchaToken(token);
+  };
+
+  // Form submit handler
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+
+    // Validation
+    const errors = {};
+    if (!formData.username.trim()) errors.username = "First Name is required.";
+    if (!formData.lname.trim()) errors.lname = "Last Name is required.";
+    if (!formData.email.trim()) errors.email = "Email is required.";
+    if (!formData.phone.trim()) errors.phone = "Phone is required.";
+    if (!formData.subject.trim()) errors.subject = "Subject is required.";
+    if (!formData.message.trim()) errors.message = "Message is required.";
+    if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
+
+    setFormErrors(errors);
+    if (Object.keys(errors).length > 0) return;
+
+    const emailData = {
+      ...formData,
+      message: `Subject: ${formData.subject}<br /><br />Message: ${formData.message}`,
+      to: "info@rapharehab.ca", 
+      senderName: "Rapha Rehab Contact Page",
+      recaptchaToken: captchaToken,
+    };
+
+    try {
+      const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
+        headers: { "Content-Type": "application/json" },
+      });
+
+      setAlert({
+        show: true,
+        type: "success",
+        message: res?.data?.message || "Message sent successfully!",
+      });
+
+      setFormData({
+        username: "",
+        lname: "",
+        email: "",
+        phone: "",
+        subject: "",
+        message: "",
+      });
+      setCaptchaToken(null);
+      setFormErrors({});
+    } catch (error) {
+      console.error("❌ Error sending email:", error);
+      setAlert({
+        show: true,
+        type: "danger",
+        message: "Failed to send message. Please try again later.",
+      });
+    }
+  };
+
+  // Auto-hide alert
+  useEffect(() => {
+    if (alert.show) {
+      const timer = setTimeout(() => {
+        setAlert((prev) => ({ ...prev, show: false }));
+      }, 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [alert.show]);
 
   return (
     <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us">
+      <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Contact Us" bannerImage="/assets/images/contact/contact-us-banner.webp">
         <div>
-                    {/* Contact Form Section */}
+          {/* Contact Info Section */}
           <section className="contact-info-section pt_120">
             <div className="auto-container">
               <div className="row clearfix">
@@ -16,7 +111,10 @@ export default function Home() {
                     <h3>Quick Contact</h3>
                     <div className="inner-box">
                       <div className="icon-box"><i className="icon-2"></i></div>
-                                            <p><Link href="tel:647-722-3434">+647-722-3434</Link><br /> <Link href="tel:416-622-2873">+416-622-2873</Link></p>
+                      <p>
+                        <Link href="tel:647-722-3434">+647-722-3434</Link><br />
+                        <Link href="tel:416-622-2873">+416-622-2873</Link>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -25,7 +123,10 @@ export default function Home() {
                     <h3>Email Address</h3>
                     <div className="inner-box">
                       <div className="icon-box"><i className="icon-26"></i></div>
-                                            <p><Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link><br /><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></p>
+                      <p>
+                        <Link href="mailto:info@rapharehab.ca">info@rapharehab.ca</Link><br />
+                        <Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -33,7 +134,7 @@ export default function Home() {
                   <div className="info-block-one">
                     <h3>Mailing Address</h3>
                     <div className="inner-box">
-                                            <div className="icon-box"><img src="assets/images/icons/icon-2.png" alt="" /></div>
+                      <div className="icon-box"><img src="/assets/images/icons/icon-2.png" alt="" /></div>
                       <p>6 – 4335 Bloor Street West <br />Etobicoke, M9C5S2</p>
                     </div>
                   </div>
@@ -41,8 +142,8 @@ export default function Home() {
               </div>
             </div>
           </section>
-                    {/* Contact Form Section End */}
+
-                    {/* Contact Form Section2 */}
+          {/* Contact Form Section */}
           <section className="contact-style-three pt_90 pb_120">
             <div className="auto-container">
               <div className="row clearfix">
@@ -51,83 +152,122 @@ export default function Home() {
                     <div className="sec-title mb_50">
                       <h2>Send a Message</h2>
                     </div>
-                                        <form method="post" action="sendemail.php" id="contact-form" className="default-form">
+
+                    {/* Alert Message */}
+                    {alert.show && (
+                      <div className={`alert alert-${alert.type}`}>{alert.message}</div>
+                    )}
+
+                    <form onSubmit={handleSubmit} className="default-form">
                       <div className="row clearfix">
                         <div className="col-lg-6 col-md-6 col-sm-12 form-group">
-                                                    <input type="text" name="username" placeholder="First Name" required />
+                          <input
+                            type="text"
+                            name="username"
+                            placeholder="First Name"
+                            value={formData.username}
+                            onChange={handleChange}
+                          />
+                          {formErrors.username && <small className="text-danger">{formErrors.username}</small>}
                         </div>
+
                         <div className="col-lg-6 col-md-6 col-sm-12 form-group">
-                                                    <input type="text" name="lname" placeholder="Last Name" required />
+                          <input
+                            type="text"
+                            name="lname"
+                            placeholder="Last Name"
+                            value={formData.lname}
+                            onChange={handleChange}
+                          />
+                          {formErrors.lname && <small className="text-danger">{formErrors.lname}</small>}
                         </div>
+
                         <div className="col-lg-6 col-md-6 col-sm-12 form-group">
-                                                    <input type="email" name="email" placeholder="Your email" required />
+                          <input
+                            type="email"
+                            name="email"
+                            placeholder="Your Email"
+                            value={formData.email}
+                            onChange={handleChange}
+                          />
+                          {formErrors.email && <small className="text-danger">{formErrors.email}</small>}
                         </div>
+
                         <div className="col-lg-6 col-md-6 col-sm-12 form-group">
-                                                    <input type="text" name="phone" required placeholder="Phone" />
+                          <input
+                            type="text"
+                            name="phone"
+                            placeholder="Phone"
+                            value={formData.phone}
+                            onChange={handleChange}
+                          />
+                          {formErrors.phone && <small className="text-danger">{formErrors.phone}</small>}
                         </div>
+
                         <div className="col-lg-12 col-md-12 col-sm-12 form-group">
-                                                    <input type="text" name="subject" required placeholder="Subject" />
+                          <input
+                            type="text"
+                            name="subject"
+                            placeholder="Subject"
+                            value={formData.subject}
+                            onChange={handleChange}
+                          />
+                          {formErrors.subject && <small className="text-danger">{formErrors.subject}</small>}
                         </div>
+
                         <div className="col-lg-12 col-md-12 col-sm-12 form-group">
-                                                    <textarea name="message" placeholder="Message"></textarea>
+                          <textarea
+                            name="message"
+                            placeholder="Message"
+                            value={formData.message}
+                            onChange={handleChange}
+                          ></textarea>
+                          {formErrors.message && <small className="text-danger">{formErrors.message}</small>}
                         </div>
+
+                        {/* ReCAPTCHA */}
+                        <div className="col-lg-12 mb-3">
+                          <ReCAPTCHA
+                            sitekey="6LekfpwrAAAAAOTwuP1d2gg-Fv9UEsAjE2gjOQJl"
+                            onChange={handleCaptchaChange}
+                          />
+                          {formErrors.captcha && <small className="text-danger">{formErrors.captcha}</small>}
+                        </div>
+
                         <div className="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
-                                                    <button className="theme-btn btn-one" type="submit" name="submit-form"><span>Send Message</span></button>
+                          <button className="theme-btn btn-one" type="submit" name="submit-form">
+                            <span>Send Message</span>
+                          </button>
                         </div>
                       </div>
                     </form>
                   </div>
                 </div>
+
                 <div className="col-lg-4 col-md-12 col-sm-12 image-column">
-                                    <figure className="image-box"><img src="assets/images/resource/contact-1.jpg" alt="" /></figure>
+                  <figure className="image-box">
+                    <img src="/assets/images/contact/img.webp" alt="" />
+                  </figure>
                 </div>
               </div>
             </div>
           </section>
-                    {/* Contact Form Section2 End */}
 
-                    {/* Google Map Section */}
+          {/* Google Map */}
           <section className="google-map-section">
-                        {/*Map Outer*/}
             <div className="map-inner">
-                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca" height={570} style={{ border: 0, width: "100%" }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
+              <iframe
+                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2886.847666572518!2d-79.57789668450145!3d43.6308386791466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b3811bd400001%3A0x87ffabfe7d6aeeca!2s4335+Bloor+St+W+%236%2C+Etobicoke%2C+ON+M9C+5S2%2C+Canada!5e0!3m2!1sen!2sca!4v1693224000000!5m2!1sen!2sca"
+                height={570}
+                style={{ border: 0, width: "100%" }}
+                allowFullScreen
+                loading="lazy"
+                referrerPolicy="no-referrer-when-downgrade"
+              />
             </div>
           </section>
-                    {/* Google Map Section End */}
-                    {/* subscibe */}
-                    <section className="subscribe-section">
-                        <div className="auto-container">
-                            <div className="inner-container">
-                                <div className="row align-items-center">
-                                    <div className="col-lg-6 col-md-12 col-sm-12 text-column">
-                                        <div className="text-box">
-                                            <h2><span>Subscribe</span> for the exclusive updates!</h2>
         </div>
-                                    </div>
-                                    <div className="col-lg-6 col-md-12 col-sm-12 form-column">
-                                        <div className="form-inner">
-                                            <form method="post" action="contact">
-                                                <div className="form-group">
-                                                    <input type="email" name="email" placeholder="Enter Your Email Address" required />
-                                                    <button type="submit" className="theme-btn btn-one"><span>Subscribe Now</span></button>
-                                                </div>
-                                                <div className="form-group">
-                                                    <div className="check-box">
-                                                        <input className="check" type="checkbox" id="checkbox1" />
-                                                        <label htmlFor="checkbox1">I agree to the <Link href="/">Privacy Policy.</Link></label>
-                                                    </div>
-                                                </div>
-                                            </form>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
-                    {/* subscibe end */}
-                </div>
-
       </Layout>
     </>
-    )
+  );
 }

app/covid-19-updates/page.js

@@ -38,14 +38,14 @@ export default function Home() {
 
     return (
         <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES">
+            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="COVID-19 UPDATES" bannerImage="/assets/images/covid/covid-19-banner.webp">
                 <section className="chooseus-style-two bg-color-1 pt_120 pb_120">
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="content-box">
                                 {/* Top Intro */}
                                 <div className="sec-title mb_50 text-center">
-                                    <span className="sub-title">COVID 19 UPDATES</span>
+                                    <h2 className="mb-3">COVID 19 UPDATES</h2>
                                     <p>
                                         The COVID 19 pandemic has created increased stress and anxiety levels for many people. 
                                         We would like to take this opportunity to remind you that virtual therapy and at-home 
@@ -65,10 +65,10 @@ export default function Home() {
                                         >
                                             <div className="inner-box w-100 pb-0">
                                                 <div className="icon-box mb-3 mb-lg-0">
-                                                    <img src="/assets/images/what-we-expect/icon.webp" alt="Virtual Therapy" />
+                                                    <img src="/assets/images/covid/virtual.webp" alt="Virtual Therapy" />
                                                 </div>
                                                 <h3>VIRTUAL THERAPY</h3>
-                                                <p>
+                                                <p className="mb-5">
                                                     As an alternative to receiving direct in-clinic therapy, we continue to offer all 
                                                     clients the option to receive tele-rehabilitation or virtual therapy services to 
                                                     address your current therapy needs.
@@ -89,7 +89,7 @@ export default function Home() {
                                             <div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0" >
                                                 
                                                 <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
-                                                    <img src="/assets/images/what-we-expect/icon.webp" alt="Home Therapy" />
+                                                    <img src="/assets/images/covid/home.webp" alt="Home Therapy" />
                                                 </div>
                                                 
                                                 <div>
@@ -99,7 +99,7 @@ export default function Home() {
                                                         faced by those who can’t drive. This improved access to therapy makes it easier for 
                                                         clients to be an active participant in their recovery.
                                                     </p>
-                                                    <p className="mt-3">
+                                                    <p className="mt-3 mb-5">
                                                         Being able to interact with clients in their home setting enables a therapist to see 
                                                         how the client moves and completes tasks in their everyday life.
                                                     </p>
@@ -114,7 +114,7 @@ export default function Home() {
                 </section>
 
                 {/* Subscribe Section */}
-                <section className="subscribe-section pt-0 bg-color-1">
+                {/* <section className="subscribe-section pt-0 bg-color-1">
                     <div className="auto-container">
                         <div className="inner-container">
                             <div className="row align-items-center">
@@ -144,7 +144,7 @@ export default function Home() {
                             </div>
                         </div>
                     </div>
-                </section>
+                </section> */}
             </Layout>
         </>
     )

app/gallery-physiotherapy-etobicoke/page.js

@@ -23,7 +23,7 @@ export default function WhyChooseUs() {
     }
     return (
         <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery">
+            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Gallery" bannerImage="/assets/images/gallery-page/gallery-banner.webp">
 
                 {/* gallery */}
                 <section className="gallery-page-section sec-pad-2">
@@ -32,8 +32,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-6.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-6.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-6.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -41,8 +41,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-7.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-7.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-7.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -50,8 +50,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-8.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-8.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-8.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -59,8 +59,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-9.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-9.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-9.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -68,8 +68,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-10.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-10.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-10.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -77,8 +77,8 @@ export default function WhyChooseUs() {
                             <div className="col-lg-4 col-md-6 col-sm-12 gallery-block">
                                 <div className="gallery-block-one">
                                     <div className="inner-box">
-                                        <figure className="image-box"><img src="assets/images/gallery/gallery-11.jpg" alt="" /></figure>
+                                        <figure className="image-box"><img src="/assets/images/gallery/gallery-11.jpg" alt="" /></figure>
-                                        <div className="view-btn"><Link href="assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
+                                        <div className="view-btn"><Link href="/assets/images/gallery/gallery-11.jpg" className="lightbox-image" data-fancybox="gallery"><i className="icon-4"></i></Link></div>
                                     </div>
                                 </div>
                             </div>
@@ -97,7 +97,7 @@ export default function WhyChooseUs() {
                 {/* gallery end */}
 
                 {/* subscibe */}
-                <section className="subscribe-section">
+                {/* <section className="subscribe-section">
                     <div className="auto-container">
                         <div className="inner-container">
                             <div className="row align-items-center">
@@ -125,7 +125,7 @@ export default function WhyChooseUs() {
                             </div>
                         </div>
                     </div>
-                </section>
+                </section> */}
                 {/* subscibe end */}
             </Layout>
         </>

app/our-team-physiotherapy-etobicoke/[slug]/page.js

@@ -13,7 +13,7 @@ const ProgressBar = ({ label, percent }) => (
   </div>
 );
 
-// ✅ Generate static params for team members
+
 export async function generateStaticParams() {
   return teamMembers.map((member) => ({
     slug: member.slug,
@@ -35,14 +35,19 @@ export default function TeamDetails({ params }) {
   }
 
   return (
-    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Team Details">
+    <Layout
+      headerStyle={2}
+      footerStyle={1}
+      breadcrumbTitle={member.name}
+      bannerImage={member.bannerImage} 
+    >
       <section className="team-details sec-pad-2">
         <div className="auto-container">
           <div className="team-details-content mb_50">
             <div className="row clearfix">
               <div className="col-lg-5 col-md-12 col-sm-12 image-column">
                 <figure className="image-box mr_15">
-                  <img src={member.image} alt={member.name} />
+                  <img src={member.imageDetail} alt={member.name} />
                 </figure>
               </div>
               <div className="col-lg-7 col-md-12 col-sm-12 content-column">

app/our-team-physiotherapy-etobicoke/page.js

@@ -6,8 +6,8 @@ import { teamMembers } from "@/utils/constant.utils";
 export default function Home() {
   return (
     <>
-      <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team">
+      <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp">
-        <section className="team-section sec-pad centred">
+        <section className="team-section pt_120 pb_120 centred">
           <div className="auto-container">
             <div className="sec-title mb_50">
               <span className="sub-title">Our Team</span>

app/ourapproach-physiotherapy-etobicoke/page.js

@@ -5,25 +5,30 @@ import Layout from "@/components/layout/Layout"
 export default function About() {
   return (
     <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/what-we-expect/e]approach-banner.webp">
+      <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/our-approach/our-approach-banner.webp">
         {/* about-section */}
         <section className="about-style-two pt_120 pb_120">
           <div className="pattern-layer">
-                  <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-8.png)" }}></div>
+            <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div>
-                  <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(assets/images/shape/shape-9.png)" }}></div>
+            <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.png)" }}></div>
-                  <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-11.png)" }}></div>
+            <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.png)" }}></div>
-                  <div className="pattern-4" style={{ backgroundImage: "url(assets/images/shape/shape-35.png)" }}></div>
+            <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.png)" }}></div>
           </div>
           <div className="auto-container">
             <div className="row clearfix">
-                    <div className="col-lg-6 col-md-12 col-sm-12 image-column">
+              <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
-                      <div className="image_block_one">
+                <div className="image_block_three">
                   <div className="image-box">
-                          <div className="shape float-bob-x" style={{ backgroundImage: "url(assets/images/shape/shape-7.png)" }}></div>
+                    <div className="image-shape">
-                          <div className="image-shape" style={{ backgroundImage: "url(assets/images/shape/shape-26.png)" }}></div>
+                      <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
-                          <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
+                      <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
-                          <div className="icon-one"><i className="icon-13"></i></div>
+                      <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
-                          <div className="icon-two"><i className="icon-14"></i></div>
+                      <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
+                      <div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
+                    </div>
+                    <figure className="image image-1"><img src="/assets/images/our-approach/right.webp" alt="" /></figure>
+                    <figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="" /></figure>
+                    <div className="icon-box"><img src="/assets/images/our-approach/icon.webp" alt="" /></div>
                   </div>
                 </div>
               </div>
@@ -51,7 +56,7 @@ export default function About() {
         </section>
         {/* about-section end */}
         {/* subscibe */}
-                <section className="subscribe-section">
+        {/* <section className="subscribe-section">
           <div className="auto-container">
             <div className="inner-container">
               <div className="row align-items-center">
@@ -79,7 +84,7 @@ export default function About() {
               </div>
             </div>
           </div>
-                </section>
+        </section> */}
         {/* subscibe end */}
       </Layout>
     </>

app/rehabilitation/[slug]/page.js

@@ -32,7 +32,7 @@ export default function RehabilitationDetailsPage({ params }) {
                 
                 {/* Categories */}
                 <div className="sidebar-widget category-widget">
-                  <div className="widget-title"><h3>Categories</h3></div>
+                  <div className="widget-title"><h3>Rehabilitation</h3></div>
                   <div className="widget-content">
                     <ul className="category-list clearfix">
                       {Rehabilitation.map((cat) => (

components/layout/Menu.js

@@ -7,6 +7,7 @@ import { servicesList } from "@/utils/Services.utils"
 export default function Menu() {
     // const router = useRouter()
 
+
     return (
         <>
 
@@ -17,14 +18,14 @@ export default function Menu() {
 
             <ul className="navigation clearfix">
                 <li className="dropdown"><Link href="/">Home</Link>
-                    <ul>
+                    {/* <ul>
                         <li><Link href="/">Home Page One</Link></li>
                         <li><Link href="/index-2">Home Page Two</Link></li>
                         <li><Link href="/index-3">Home Page Three</Link></li>
                         <li><Link href="/onepage">OnePage Home</Link></li>
-                    </ul>
+                    </ul> */}
                 </li>
-                <li className="dropdown"><Link href="#">About Us</Link>
+                <li className="dropdown"><Link href="/about-us">About Us</Link>
                     <ul>
                         <li><Link href="/our-team-physiotherapy-etobicoke">Our Team</Link></li>
                         <li><Link href="/ourapproach-physiotherapy-etobicoke">Our Approach</Link></li>
@@ -32,17 +33,28 @@ export default function Menu() {
                         <li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
                     </ul>
                 </li>
-                <li className="dropdown"><Link href="/">Services</Link>
+                <li className="dropdown relative group" >
-                    <ul>
+                    <Link href="/etobicoke-treatment-service" >
-                        {servicesList.map(item => (
+                        Services
-                            <li key={item.id}>
+                    </Link>
-                                <Link href={`/etobicoke-treatment-service/${item.slug}`}>
+
+                    {/* Dropdown */}
+                    <ul className="absolute left-0 hidden group-hover:grid p-4
+                 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"
+                        style={{ columnCount: 4, width: "100%", left:"0px" }}>
+                        {servicesList.map((item) => (
+                            <li key={item.id} className="break-inside-avoid">
+                                <Link
+                                    href={`/etobicoke-treatment-service/${item.slug}`}
+
+                                >
                                     {item.shortTitle}
                                 </Link>
                             </li>
                         ))}
                     </ul>
                 </li>
+
                 {/* <li className="dropdown"><Link href="/">Team</Link>
                                 <ul>
                                     <li><Link href="/team">Our Team</Link></li>
@@ -108,7 +120,7 @@ export default function Menu() {
                 </li>
 
                 {/* Contact */}
-                <li><Link href="/contact-us">Contact</Link></li>
+                <li><Link href="/contact">Contact</Link></li>
             </ul>
 
         </>

components/layout/footer/Footer1.js

@@ -1,73 +1,178 @@
 import Link from "next/link"
+import Rehabilitation from "@/utils/Rehabilitation.utils"
+import Accident from "@/utils/Accident.utils"
+import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
+import { servicesList } from "@/utils/Services.utils"
+
+export default function Footer2() {
+
+const servicesCols = [
+  servicesList.slice(0, 6),
+  servicesList.slice(6, 12),
+  servicesList.slice(12, 18),
+];
+
+
 
-export default function Footer1() {
     return (
         <>
-      <footer className="main-footer" id="footer">
+            <footer className="main-footer">
                 <div className="pattern-layer">
-          <div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
+                    <div
-          <div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
+                        className="pattern-1"
-          <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
+                    ></div>
+                    <div
+                        className="pattern-2"
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
+                    ></div>
+                    <div
+                        className="pattern-3"
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
+                    ></div>
                     <div className="pattern-4"></div>
                 </div>
+
                 <div className="widget-section pt_120 pb_100">
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget logo-widget">
-                  <figure className="footer-logo"><Link href="/"><img src="/assets/images/footer-logo.png" alt="" /></Link></figure>
+                                    <figure className="footer-logo">
-                  <p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
+                                        <Link href="/">
+                                            <img src="/assets/images/footer-logo.png" alt="" />
+                                        </Link>
+                                    </figure>
+                                    <p>
+                                        Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
+                                    </p>
                                     <ul className="social-links clearfix">
-                    <li><Link href="/"><i className="icon-4"></i></Link></li>
+                                        <li>
-                    <li><Link href="/"><i className="icon-5"></i></Link></li>
+                                            <Link href="/"><i className="icon-4"></i></Link>
-                    <li><Link href="/"><i className="icon-6"></i></Link></li>
+                                        </li>
-                    <li><Link href="/"><i className="icon-7"></i></Link></li>
+                                        <li>
+                                            <Link href="/"><i className="icon-5"></i></Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/"><i className="icon-6"></i></Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/"><i className="icon-7"></i></Link>
+                                        </li>
                                     </ul>
                                 </div>
                             </div>
+
+                            <div className="col-lg-9 col-md-12 col-sm-12 footer-column">
+                                <div className="footer-widget links-widget">
+                                    <div className="widget-title text-center">
+                                        <h3>SERVICES</h3>
+                                    </div>
+                                    <div className="row">
+                                        {servicesCols.map((col, index) => (
+                                            <div
+                                                key={index}
+                                                className="col-lg-4 col-md-4 col-sm-12 widget-content"
+                                            >
+                                                <ul className="links-list clearfix">
+                                                    {col.map((item) => (
+                                                        <li key={item.id}>
+                                                            <Link
+                                                                href={`/etobicoke-treatment-service/${item.slug}`}
+                                                            >
+                                                                {item.shortTitle}
+                                                            </Link>
+                                                        </li>
+                                                    ))}
+                                                </ul>
+                                            </div>
+                                        ))}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="row clearfix mt-5">
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
-                <div className="footer-widget links-widget ml_110">
+                                <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                    <h3>Quick Link</h3>
+                                        <h3>AREA OF INJURY</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                      <li><Link href="/">Home</Link></li>
+                                            {areaOfInjuryData.map((item) => (
-                      <li><Link href="about">About Us</Link></li>
+                                                <li key={item.id}>
-                      <li><Link href="service">Services</Link></li>
+                                                    <Link href={`/area-of-injury/${item.slug}`}>
-                      <li><Link href="/">Elements</Link></li>
+                                                        {item.title}
-                      <li><Link href="contact">Contacts Us</Link></li>
+                                                    </Link>
+                                                </li>
+                                            ))}
                                         </ul>
                                     </div>
                                 </div>
                             </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
-                <div className="footer-widget links-widget ml_55">
+                                <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                    <h3>Useful Links</h3>
+                                        <h3>REHABILITATION</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                      <li><Link href="/">Privacy Policy</Link></li>
+                                            {Rehabilitation.map((item) => (
-                      <li><Link href="/">Terms &</Link></li>
+                                                <li key={item.id}>
-                      <li><Link href="/">Condition</Link></li>
+                                                    <Link href={`/rehabilitation/${item.slug}`}>
-                      <li><Link href="/">Support</Link></li>
+                                                        {item.title}
-                      <li><Link href="/">Disclaimer</Link></li>
+                                                    </Link>
-                      <li><Link href="/">Faq</Link></li>
+                                                </li>
+                                            ))}
                                         </ul>
                                     </div>
                                 </div>
                             </div>
+
+                            <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
+                                <div className="footer-widget links-widget">
+                                    <div className="widget-title">
+                                        <h3>ACCIDENT</h3>
+                                    </div>
+                                    <div className="widget-content">
+                                        <ul className="links-list clearfix">
+                                            {Accident.map((item) => (
+                                                <li key={item.id}>
+                                                    <Link href={`/accident/${item.slug}`}>
+                                                        {item.title}
+                                                    </Link>
+                                                </li>
+                                            ))}
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget contact-widget">
                                     <div className="widget-title">
-                    <h3>Contact us</h3>
+                                        <h3>CONTACT US</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="info-list">
-                      <li><img src="/assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
+                                            <li>
-                      <li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
+                                                <img
-                      <li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
+                                                    src="/assets/images/icons/icon-1.png"
+                                                    alt=""
+                                                />6 – 4335 Bloor Street West Etobicoke, M9C5S2
+                                            </li>
+                                            <li>
+                                                <i className="icon-2"></i>
+                                                <Link href="tel:647-722-3434">647-722-3434</Link>
+                                            </li>
+                                            <li>
+                                                <i className="icon-26"></i>
+                                                <Link href="mailto:info@rapharehab.ca">
+                                                    info@rapharehab.ca
+                                                </Link>
+                                            </li>
                                         </ul>
                                     </div>
                                 </div>
@@ -75,24 +180,30 @@ export default function Footer1() {
                         </div>
                     </div>
                 </div>
+
                 <div className="footer-bottom">
                     <div className="auto-container">
-            <div className="bottom-inner">
+                        <div className="bottom-inner d-flex justify-content-center text-center">
-              <ul className="footer-nav clearfix">
-                <li><Link href="/">Privacy Policy</Link></li>
-                <li><Link href="/">Terms of Use</Link></li>
-                <li><Link href="/">Sales and Refunds</Link></li>
-                <li><Link href="/">Legal</Link></li>
-                <li><Link href="/">Site Map</Link></li>
-              </ul>
                             <div className="copyright">
-                <p>&copy; 2024 All Rights Reserved</p>
+                                 <p>
+                                    © Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
+                                    <a
+                                        href="https://metatroncubesolutions.com/"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        style={{ color: "#fff", fontWeight: "700" }}
+                                    >
+                                        MetatronCube
+                                    </a>{" "}
+                                    All Rights Reserved
+                                </p>
                             </div>
                         </div>
-          </div>
-        </div>
-      </footer>
 
+                    </div>
+                </div>
+
+            </footer>
         </>
     )
 }

components/layout/footer/Footer2.js

@@ -1,74 +1,178 @@
 import Link from "next/link"
+import Rehabilitation from "@/utils/Rehabilitation.utils"
+import Accident from "@/utils/Accident.utils"
+import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
+import { servicesList } from "@/utils/Services.utils"
 
 export default function Footer2() {
+
+const servicesCols = [
+  servicesList.slice(0, 6),
+  servicesList.slice(6, 12),
+  servicesList.slice(12, 18),
+];
+
+
+
     return (
         <>
-            
             <footer className="main-footer">
                 <div className="pattern-layer">
-        <div className="pattern-1" style={{ backgroundImage: "url(assets/images/shape/shape-23.png)" }}></div>
+                    <div
-        <div className="pattern-2" style={{ backgroundImage: "url(assets/images/shape/shape-24.png)" }}></div>
+                        className="pattern-1"
-        <div className="pattern-3" style={{ backgroundImage: "url(assets/images/shape/shape-25.png)" }}></div>
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-23.png)" }}
+                    ></div>
+                    <div
+                        className="pattern-2"
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-24.png)" }}
+                    ></div>
+                    <div
+                        className="pattern-3"
+                        style={{ backgroundImage: "url(/assets/images/shape/shape-25.png)" }}
+                    ></div>
                     <div className="pattern-4"></div>
                 </div>
+
                 <div className="widget-section pt_120 pb_100">
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget logo-widget">
-                                <figure className="footer-logo"><Link href="/"><img src="assets/images/footer-logo.png" alt="" /></Link></figure>
+                                    <figure className="footer-logo">
-                                <p>Lorem ipsum dolor sit amet constetur adipiscing elit. Etiam eu turpis mostie dictum est a, mattis tellus.</p>
+                                        <Link href="/">
+                                            <img src="/assets/images/footer-logo.png" alt="" />
+                                        </Link>
+                                    </figure>
+                                    <p>
+                                        Welcome to Rapha Rehab Physiotherapy & Massage Therapy Clinic in Etobicoke.
+                                    </p>
                                     <ul className="social-links clearfix">
-                                    <li><Link href="/"><i className="icon-4"></i></Link></li>
+                                        <li>
-                                    <li><Link href="/"><i className="icon-5"></i></Link></li>
+                                            <Link href="/"><i className="icon-4"></i></Link>
-                                    <li><Link href="/"><i className="icon-6"></i></Link></li>
+                                        </li>
-                                    <li><Link href="/"><i className="icon-7"></i></Link></li>
+                                        <li>
+                                            <Link href="/"><i className="icon-5"></i></Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/"><i className="icon-6"></i></Link>
+                                        </li>
+                                        <li>
+                                            <Link href="/"><i className="icon-7"></i></Link>
+                                        </li>
                                     </ul>
                                 </div>
                             </div>
+
+                            <div className="col-lg-9 col-md-12 col-sm-12 footer-column">
+                                <div className="footer-widget links-widget">
+                                    <div className="widget-title text-center">
+                                        <h3>SERVICES</h3>
+                                    </div>
+                                    <div className="row">
+                                        {servicesCols.map((col, index) => (
+                                            <div
+                                                key={index}
+                                                className="col-lg-4 col-md-4 col-sm-12 widget-content"
+                                            >
+                                                <ul className="links-list clearfix">
+                                                    {col.map((item) => (
+                                                        <li key={item.id}>
+                                                            <Link
+                                                                href={`/etobicoke-treatment-service/${item.slug}`}
+                                                            >
+                                                                {item.shortTitle}
+                                                            </Link>
+                                                        </li>
+                                                    ))}
+                                                </ul>
+                                            </div>
+                                        ))}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div className="row clearfix mt-5">
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
-                            <div className="footer-widget links-widget ml_110">
+                                <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                                    <h3>Quick Link</h3>
+                                        <h3>AREA OF INJURY</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                                        <li><Link href="/">Home</Link></li>
+                                            {areaOfInjuryData.map((item) => (
-                                        <li><Link href="about">About Us</Link></li>
+                                                <li key={item.id}>
-                                        <li><Link href="service">Services</Link></li>
+                                                    <Link href={`/area-of-injury/${item.slug}`}>
-                                        <li><Link href="/">Elements</Link></li>
+                                                        {item.title}
-                                        <li><Link href="contact">Contacts Us</Link></li>
+                                                    </Link>
+                                                </li>
+                                            ))}
                                         </ul>
                                     </div>
                                 </div>
                             </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
-                            <div className="footer-widget links-widget ml_55">
+                                <div className="footer-widget links-widget">
                                     <div className="widget-title">
-                                    <h3>Useful Links</h3>
+                                        <h3>REHABILITATION</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="links-list clearfix">
-                                        <li><Link href="/">Privacy Policy</Link></li>
+                                            {Rehabilitation.map((item) => (
-                                        <li><Link href="/">Terms &</Link></li>
+                                                <li key={item.id}>
-                                        <li><Link href="/">Condition</Link></li>
+                                                    <Link href={`/rehabilitation/${item.slug}`}>
-                                        <li><Link href="/">Support</Link></li>
+                                                        {item.title}
-                                        <li><Link href="/">Disclaimer</Link></li>
+                                                    </Link>
-                                        <li><Link href="/">Faq</Link></li>
+                                                </li>
+                                            ))}
                                         </ul>
                                     </div>
                                 </div>
                             </div>
+
+                            <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
+                                <div className="footer-widget links-widget">
+                                    <div className="widget-title">
+                                        <h3>ACCIDENT</h3>
+                                    </div>
+                                    <div className="widget-content">
+                                        <ul className="links-list clearfix">
+                                            {Accident.map((item) => (
+                                                <li key={item.id}>
+                                                    <Link href={`/accident/${item.slug}`}>
+                                                        {item.title}
+                                                    </Link>
+                                                </li>
+                                            ))}
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 footer-column">
                                 <div className="footer-widget contact-widget">
                                     <div className="widget-title">
-                                    <h3>Contact us</h3>
+                                        <h3>CONTACT US</h3>
                                     </div>
                                     <div className="widget-content">
                                         <ul className="info-list">
-                                        <li><img src="assets/images/icons/icon-1.png" alt="" />3891 Ranchview Dr. Richardson, California USA</li>
+                                            <li>
-                                        <li><i className="icon-2"></i><Link href="tel:01989526503">0198-9526503</Link></li>
+                                                <img
-                                        <li><i className="icon-26"></i><Link href="mailto:example@info.com">example@info.com</Link></li>
+                                                    src="/assets/images/icons/icon-1.png"
+                                                    alt=""
+                                                />6 – 4335 Bloor Street West Etobicoke, M9C5S2
+                                            </li>
+                                            <li>
+                                                <i className="icon-2"></i>
+                                                <Link href="tel:647-722-3434">647-722-3434</Link>
+                                            </li>
+                                            <li>
+                                                <i className="icon-26"></i>
+                                                <Link href="mailto:example@info.com">
+                                                    info@rapharehab.ca
+                                                </Link>
+                                            </li>
                                         </ul>
                                     </div>
                                 </div>
@@ -76,25 +180,30 @@ export default function Footer2() {
                         </div>
                     </div>
                 </div>
+
                 <div className="footer-bottom">
                     <div className="auto-container">
-          <div className="bottom-inner">
+                        <div className="bottom-inner d-flex justify-content-center text-center">
-            <ul className="footer-nav clearfix">
-              <li><Link href="/">Privacy Policy</Link></li>
-              <li><Link href="/">Terms of Use</Link></li>
-              <li><Link href="/">Sales and Refunds</Link></li>
-              <li><Link href="/">Legal</Link></li>
-              <li><Link href="/">Site Map</Link></li>
-            </ul>
                             <div className="copyright">
-              <p>&copy; 2024 All Rights Reserved</p>
+                                <p>
+                                    © Copyright {new Date().getFullYear()} Rapha Rehab | Powered by{" "}
+                                    <a
+                                        href="https://metatroncubesolutions.com/"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        style={{ color: "#fff", fontWeight: "700" }}
+                                    >
+                                        MetatronCube
+                                    </a>{" "}
+                                    All Rights Reserved
+                                </p>
                             </div>
                         </div>
+
                     </div>
                 </div>
+
             </footer>
-
-
         </>
     )
 }

components/layout/header/Header2.js

@@ -51,8 +51,19 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                     <div className="outer-container">
                         <div className="outer-box">
                             <div className="logo-box">
-                                <figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
+                                <figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
                             </div>
+                            
+                            {/* Menu Right Content */}
+                            {/* <ul className="menu-right-content">
+
+                                <li className="search-box-outer search-toggler" onClick={handlePopup}>
+                                    <i className="icon-27"></i>
+                                </li>
+                                <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
+                                    <i className="icon-28"></i>
+                                </li>
+                            </ul> */}
                             <div className="menu-area">
                                 {/* Mobile Navigation Toggler */}
                                 <div className="mobile-nav-toggler" onClick={handleMobileMenu}>
@@ -68,16 +79,6 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                                 </nav>
 
                             </div>
-                            {/* Menu Right Content */}
-                            <ul className="menu-right-content">
-
-                                {/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
-                            <i className="icon-27"></i>
-                            </li> */}
-                                <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
-                                    <i className="icon-28"></i>
-                                </li>
-                            </ul>
                         </div>
                     </div>
                 </div>
@@ -87,7 +88,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                     <div className="auto-container">
                         <div className="outer-box">
                             <div className="logo-box">
-                                <figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" /></Link></figure>
+                                <figure className="logo"><Link href="/"><img src="/assets/images/logo.png" alt=""/></Link></figure>
                             </div>
 
                             <nav className="main-menu navbar-expand-md navbar-light clearfix">
@@ -100,9 +101,9 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu, isSide
                                 {/* <li className="search-box-outer search-toggler" onClick={handlePopup}>
                             <i className="icon-27"></i>
                             </li> */}
-                                <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
+                                {/* <li className="nav-btn nav-toggler navSidebar-button clearfix" onClick={handleSidebar}>
                                     <i className="icon-28"></i>
-                                </li>
+                                </li> */}
                             </ul>
 
                         </div>

components/sections/home/AboutSection.js

@@ -5,20 +5,20 @@ export default function AboutSection() {
     return (
         <section className="about-style-two pt_120 pb_120">
             <div className="pattern-layer">
-                <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+                <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
-                <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+                <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.png)' }}></div>
-                <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+                <div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
             </div>
             <div className="auto-container">
                 <div className="row clearfix">
                     <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                         <div className="image_block_one">
                             <div className="image-box">
-                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
+                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
-                                <div className="image-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-26.png)' }}></div>
+                                <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
-                                <figure className="image-2"><img src="assets/images/resource/about-1.png" alt="" /></figure>
+                                <figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="" /></figure>
-                                <div className="icon-one"><i className="icon-13"></i></div>
+                                <div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="" /></div>
-                                <div className="icon-two"><i className="icon-14"></i></div>
+                                <div className="icon-two"><img src="/assets/images/home/welcome/bottom-icon.webp" alt="" /></div>
                                 {/* <div className="text-box">
                                     <h3>Wade Warren</h3>
                                     <span>Medical Assistant</span>
@@ -43,7 +43,7 @@ export default function AboutSection() {
                                     </ul>
                                 </div>
                                 <div className="btn-box">
-                                    <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
+                                    <Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
                                 </div>
                                 {/* <div className="lower-box">
                                     <div className="experience-box">

components/sections/home/FaqSection.js

@@ -33,15 +33,15 @@ export default function FaqSection() {
                         <div className="image_block_three">
                             <div className="image-box">
                                 <div className="image-shape">
-                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
+                                    <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
-                                    <div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
+                                    <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
-                                    <div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
+                                    <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
-                                    <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
+                                    <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
-                                    <div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+                                    <div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
                                 </div>
-                                <figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
+                                <figure className="image image-1"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="" /></figure>
-                                <figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
+                                <figure className="image image-2"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="" /></figure>
-                                <div className="icon-box"><i className="icon-14"></i></div>
+                                <div className="icon-box"><img src="/assets/images/home/why-trust-us/icon.webp" alt="" /></div>
                             </div>
                         </div>
                     </div>

components/sections/home/MobileServicesSection.js

@@ -23,7 +23,7 @@ export default function MobileServices() {
                                                     ? service.title.slice(0, 20) + "..."
                                                     : service.title}</Link></h3>
                                                 <div className="btn-box">
-                                                    <Link href="index-2" className="theme-btn-2 btn-one"><span>View Services</span></Link>
+                                                    <Link href="index-2" className="theme-btn-2 btn-one"><span>View Service</span></Link>
                                                 </div>
                                                 {/* <p>Lorem ipsum dolor sit amet ctetur adipiscing</p> */}
                                             </div>

components/sections/home/WhyChooseusSection.js

@@ -4,8 +4,8 @@ import React from 'react';
 export default function WhyChooseUsSection() {
   return (
     <section className="chooseus-section">
-      <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/chooseus-bg.jpg)' }}></div>
+      <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/why-choose/why-choose-right.webp)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-12.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-lg-8 col-md-12 col-sm-12 content-column">
@@ -19,7 +19,7 @@ export default function WhyChooseUsSection() {
                 <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                   <div className="chooseus-block-one">
                     <div className="inner-box">
-                      <div className="icon-box"><i className="icon-18"></i></div>
+                      <div className="icon-box"><img src="/assets/images/home/why-choose/expert-team.webp" alt="" /></div>
                       <h3>Expert Team</h3>
                       <p>At Etobicoke Physiotherapy, we have expert team of professionals</p>
                     </div>
@@ -28,7 +28,7 @@ export default function WhyChooseUsSection() {
                 <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                   <div className="chooseus-block-one">
                     <div className="inner-box">
-                      <div className="icon-box"><i className="icon-21"></i></div>
+                      <div className="icon-box"><img src="/assets/images/home/why-choose/understand.webp" alt="" /></div>
                       <h3>Understand your Pain</h3>
                       <p>Etobicoke physiotherapy offer Treatment for faster recovery</p>
                     </div>
@@ -37,7 +37,7 @@ export default function WhyChooseUsSection() {
                 <div className="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                   <div className="chooseus-block-one">
                     <div className="inner-box">
-                      <div className="icon-box"><i className="icon-19"></i></div>
+                      <div className="icon-box"><img src="/assets/images/home/why-choose/ready.webp" alt="" /></div>
                       <h3>Ready To Go</h3>
                       <p>Flexible opening hours conveniently located in etobicoke</p>
                     </div>

components/sections/home1/News.js

@@ -1,72 +1,49 @@
 import React from 'react';
 import Link from "next/link"
+import Blogs from "@/utils/Blog.utils";
 export default function News() {
   return (
-    <section className="news-section sec-pad bg-color-1">
+      <section className="news-section pt_120 pb_120 bg-color-1">
         <div className="auto-container">
           <div className="sec-title mb_50 centred">
             <span className="sub-title">Our Blog</span>
             <h2>Take a look at our most <br />recent articles</h2>
           </div>
+
           <div className="row clearfix">
-          <div className="col-lg-4 col-md-6 col-sm-12 news-block">
+            {Blogs.map((blog, i) => (
-            <div className="news-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
+              <div key={i} className="col-lg-4 col-md-6 col-sm-12 news-block">
+                <div
+                  className="news-block-one wow fadeInUp animated"
+                  data-wow-delay={`${i * 300}ms`}
+                  data-wow-duration="1500ms"
+                >
                   <div className="inner-box">
-                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-1.jpg" alt="" /></Link></figure>
+                    <figure className="image-box">
+                      <Link href={`/blog/${blog.slug}`}>
+                        <img src={blog.thumbnail} alt={blog.title} />
+                      </Link>
+                    </figure>
                     <div className="lower-content">
-                  <ul className="post-info mb_15 clearfix">
+                      {/* <ul className="post-info mb_15 clearfix">
-                    <li><Link href="blog-details">Admin</Link></li>
+                        <li><Link href="#">{blog.author}</Link></li>
-                    <li>12 Jan 2022</li>
+                        <li>{blog.date}</li>
-                    <li>03 Comt</li>
+                        <li>{blog.comments}</li>
-                  </ul>
+                      </ul> */}
-                  <h3><Link href="blog-details">How do Inherited Retinal of Diseases Happen?</Link></h3>
+                      <h3>
-                  <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
+                        <Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
+                      </h3>
+                      <p>{blog.shortDesc}</p>
                       <div className="link">
-                    <Link href="blog-details"><span>Read More</span></Link>
+                        <Link href={`/blog/${blog.slug}`}><span>Read More</span></Link>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-            <div className="news-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
-              <div className="inner-box">
-                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-2.jpg" alt="" /></Link></figure>
-                <div className="lower-content">
-                  <ul className="post-info mb_15 clearfix">
-                    <li><Link href="blog-details">Admin</Link></li>
-                    <li>11 Jan 2022</li>
-                    <li>0 Comt</li>
-                  </ul>
-                  <h3><Link href="blog-details">Prepare to Speak with Your Eye Specialist.</Link></h3>
-                  <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                  <div className="link">
-                    <Link href="blog-details"><span>Read More</span></Link>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="col-lg-4 col-md-6 col-sm-12 news-block">
-            <div className="news-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-              <div className="inner-box">
-                <figure className="image-box"><Link href="blog-details"><img src="assets/images/news/news-3.jpg" alt="" /></Link></figure>
-                <div className="lower-content">
-                  <ul className="post-info mb_15 clearfix">
-                    <li><Link href="blog-details">Admin</Link></li>
-                    <li>11 Jan 2022</li>
-                    <li>02 Comt</li>
-                  </ul>
-                  <h3><Link href="blog-details">How reliece can help you manage diabetes</Link></h3>
-                  <p>Tincidunt Maur nemi sit Interdum praesento eget morbi lacinia volutpat pellentesque Tincidunt aurna suspit.</p>
-                  <div className="link">
-                    <Link href="blog-details"><span>Read More</span></Link>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
+            ))}
           </div>
+
         </div>
       </section>
   );

components/sections/home1/Testimonial.js

@@ -5,15 +5,15 @@ export default function Testimonial() {
         <>
             
             <section className="testimonial-section sec-pad bg-color-1">
-      <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/background/testimonial-bg.jpg)' }}></div>
+      <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div>
-      <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-21.png)' }}></div>
+      <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
       <div className="auto-container">
         <div className="row clearfix">
           <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
             <div className="content-box p_relative ml_45">
               <div className="sec-title mb_50">
                 <span className="sub-title">Testimonials</span>
-                <h2>What Our Client Say About Medimart</h2>
+                <h2>What Our Clients Say About Rapha Rehab</h2>
               </div>
                     <div className="content-box">
                         <TestimonialSlider1 />                        

components/sections/home1/Video.js

@@ -7,11 +7,11 @@ export default function Video() {
   return (
     <>
       <section className="video-section p_relative">
-      <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(assets/images/background/video-bg.jpg)' }}></div>
+        <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp)' }}></div>
-      <figure className="image-layer"><img src="assets/images/resource/video-1.png" alt="" /></figure>
+        <figure className="image-layer"><img src="/assets/images/home/make-an-appointment/make-an-appopintment-right.webp" alt="" /></figure>
         <div className="auto-container">
           <div className="inner-box">
-          <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
+            {/* <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div> */}
             <div className="video-btn">
               <a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
                 <span className="border-animation border-1"></span>
@@ -19,9 +19,9 @@ export default function Video() {
                 <span className="border-animation border-3"></span>
               </a>
             </div>
-          <h2>Online Consultations With <br />Qualified Doctors</h2>
+            <h2>Expert Online Consultations <br />with Certified Doctors</h2>
             <div className="btn-box">
-            <Link href="/#" className="theme-btn btn-one"><span>Make an Appointment</span></Link>
+              <Link href="/contact" className="theme-btn btn-one"><span>Schedule Your Consultation</span></Link>
             </div>
           </div>
         </div>

components/sections/home2/Banner.js

@@ -35,45 +35,72 @@ export default function Banner() {
         <section className="banner-style-two p_relative">
             <Swiper {...swiperOptions} className="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
                 <SwiperSlide className="slide-item">
-                    <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
+                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}></div>
-                    <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
+                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure>
                     <div className="auto-container">
                         <div className="content-box">
-                            <span className="upper-text">The Art of Healthcare Starts Right Now</span>
+                            <span className="upper-text">The Journey to Better Health Begins here</span>
-                            <h2>We offer <span>complete</span> Healthcare services.</h2>
+                            <h2>Your Path to  <span>Recovery</span>  Starts Today</h2>
-                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
+                            <p>Expert Physiotherapy in Mississauga Tailored for You.</p>
+                            <p>
+                                Our skilled team provides personalized physiotherapy in Mississauga Ontario to help you regain mobility and live pain-free. Compassionate care designed around your needs.</p>
+
                             <div className="btn-box">
-                                <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
+                                <Link href="tel:+647-722-3434" className="theme-btn btn-one">
+                                    <span>Book Your Appointment</span>
+                                </Link>
+                            </div>
+
+                        </div>
+                    </div>
+                </SwiperSlide>
+                {/* Repeat the above structure for each slide-item as needed */}
+                <SwiperSlide className="slide-item">
+                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-2.webp' }}></div>
+                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure>
+                    <div className="auto-container">
+                        <div className="content-box">
+                            <span className="upper-text">Compassionate Care, Delivered with Expertise</span>
+                            <h2>Healing Touch, <span>Fresh</span> Inner Strength</h2>
+                            <p>Expert Hand Massage Techniques for Relief</p>  
+                            <p>
+                                Experience targeted hand massage therapy to ease tension and promote healing, delivered by experienced therapists focused on your comfort and well-being.
+                            </p>
+                            <div className="btn-box">
+                                <Link href="/contact" className="theme-btn btn-one"><span>Schedule a Massage</span></Link>
                             </div>
                         </div>
                     </div>
                 </SwiperSlide>
                 {/* Repeat the above structure for each slide-item as needed */}
                 <SwiperSlide className="slide-item">
-        <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
+                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp' }}></div>
-                    <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
+                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-3.webp" alt="" /></figure>
                     <div className="auto-container">
                         <div className="content-box">
-                            <span className="upper-text">The Art of Healthcare Starts Right Now</span>
+                            <span className="upper-text">Your Path to Wellness Starts Here</span>
-                            <h2>We offer <span>complete</span> Healthcare services.</h2>
+                            <h2>Local Physio <span>Experts </span> Near You</h2>
-                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
+                            <p>Physiotherapy Etobicoke & Rehab Care.</p>
+                            <p>
+                                Offering comprehensive physiotherapy and rehabilitation services in Etobicoke to support your wellness journey and help restore your strength efficiently.
+                            </p>
                             <div className="btn-box">
-                                <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
+                                <Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
                             </div>
                         </div>
                     </div>
                 </SwiperSlide>
-        {/* Repeat the above structure for each slide-item as needed */}
                 <SwiperSlide className="slide-item">
-        <div className="bg-layer" style={{ backgroundImage: 'url(assets/images/banner/banner-1.jpg)' }}></div>
+                    <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-4.webp' }}></div>
-                    <figure className="image-layer"><img src="assets/images/banner/banner-img-2.png" alt="" /></figure>
+                    <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure>
                     <div className="auto-container">
                         <div className="content-box">
-                            <span className="upper-text">The Art of Healthcare Starts Right Now</span>
+                            <span className="upper-text">Healing Hands, Caring Hearts in Action</span>
-                            <h2>We offer <span>complete</span> Healthcare services.</h2>
+                            <h2>Wellness <span>by the</span>Waterfront</h2>
-                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
+                            <p>Waterfront Physio and Rehab Services.</p>
+                            <p>Find peace and healing with our specialized waterfront physio and rehab programs designed for lasting wellness and a better quality of life.</p>
                             <div className="btn-box">
-                                <Link href="index-2" className="theme-btn btn-one"><span>Explore Our Service</span></Link>
+                                <Link href="/contact" className="theme-btn btn-one"><span>Visit Our Location</span></Link>
                             </div>
                         </div>
                     </div>

components/sections/home2/Features.js

@@ -1,55 +1,59 @@
-import Link from "next/link"
+import Link from "next/link";
 import React from 'react';
 
 export default function Features() {
     return (
         <>
-           
             <section className="feature-style-two centred">
                 <div className="auto-container">
                     <div className="inner-container">
                         <div className="row clearfix">
+
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
                                         <div className="icon-box"><i className="icon-9"></i></div>
-                        <h3><Link href="/">Qualified Doctor</Link></h3>
+                                        <h3><Link href="/">Experienced Professionals</Link></h3>
-                        <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
+                                        <p>Expert and compassionate care tailored to every patient.</p>
                                     </div>
                                 </div>
                             </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
                                         <div className="icon-box"><i className="icon-10"></i></div>
-                        <h3><Link href="/">Emergency Help</Link></h3>
+                                        <h3><Link href="/">24/7 Emergency</Link></h3>
-                        <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
+                                        <p>Immediate medical support available anytime, day or night.</p>
                                     </div>
                                 </div>
                             </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
                                         <div className="icon-box"><i className="icon-11"></i></div>
-                        <h3><Link href="/">Modern Equipment</Link></h3>
+                                        <h3><Link href="/">Advanced Technology</Link></h3>
-                        <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
+                                        <p>Modern equipment ensuring accurate diagnosis and treatment.</p>
                                     </div>
                                 </div>
                             </div>
+
                             <div className="col-lg-3 col-md-6 col-sm-12 feature-block">
                                 <div className="feature-block-two">
                                     <div className="inner-box">
                                         <div className="icon-box"><i className="icon-12"></i></div>
-                        <h3><Link href="/">Family Medicine</Link></h3>
+                                        <h3><Link href="/">Family Care</Link></h3>
-                        <p>Lorem ipsum dolor sit amet ctetur adipiscing</p>
+                                        <p>Comprehensive health services for all ages, from newborns to seniors.</p>
+
                                     </div>
                                 </div>
                             </div>
+
                         </div>
                     </div>
                 </div>
             </section>
-
         </>
     )
 }

components/sections/home2/Solution.js

@@ -34,16 +34,16 @@ export default function Solution() {
             </div> */}
 
               <div className="btn-box mt_50">
-                <Link href="index-2" className="theme-btn btn-one"><span>Contact Us</span></Link>
+                <Link href="/contact" className="theme-btn btn-one"><span>Contact Us</span></Link>
               </div>
             </div>
           </div>
           <div className="col-lg-6 col-md-12 col-sm-12 image-column">
             <div className="image_block_two">
               <div className="image-box">
-                <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
+                <figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure>
-                <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
+                <figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure>
-                <div className="icon-box"><i className="icon-33"></i></div>
+                <div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div>
               </div>
             </div>
           </div>

components/slider/TestimonialSlider1.js

@@ -60,8 +60,8 @@ export default function TestimonialSlider1() {
                 <div className="testimonial-block-one">
                   <div className="inner-box">
                     <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
+                    <p>“Rapha Rehab provided exceptional care and support throughout my physiotherapy sessions. The team’s professionalism and personalized approach helped me recover faster than I expected.”</p>
-                    <div className="author-box">
+                    {/* <div className="author-box">
                       <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
                       <ul className="rating clearfix">
                         <li><i className="fas fa-star"></i></li>
@@ -72,7 +72,7 @@ export default function TestimonialSlider1() {
                       </ul>
                       <h3>Robert Fox</h3>
                       <span className="designation">Dog Trainer</span>
-                    </div>
+                    </div> */}
                   </div>
                 </div>
                 </SwiperSlide>
@@ -80,8 +80,8 @@ export default function TestimonialSlider1() {
                 <div className="testimonial-block-one">
                   <div className="inner-box">
                     <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
+                    <p>“The hand massage therapy at Rapha Rehab was incredibly effective in relieving my pain and tension. The therapists are skilled and truly caring.”</p>
-                    <div className="author-box">
+                    {/* <div className="author-box">
                       <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
                       <ul className="rating clearfix">
                         <li><i className="fas fa-star"></i></li>
@@ -92,7 +92,7 @@ export default function TestimonialSlider1() {
                       </ul>
                       <h3>Robert Fox</h3>
                       <span className="designation">Dog Trainer</span>
-                    </div>
+                    </div> */}
                   </div>
                 </div>
                 </SwiperSlide>
@@ -100,8 +100,8 @@ export default function TestimonialSlider1() {
                 <div className="testimonial-block-one">
                   <div className="inner-box">
                     <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
+                    <p>“I highly recommend Rapha Rehab for anyone looking for top-quality physio services in Mississauga. The modern equipment and expert staff make a real difference.”</p>
-                    <div className="author-box">
+                    {/* <div className="author-box">
                       <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
                       <ul className="rating clearfix">
                         <li><i className="fas fa-star"></i></li>
@@ -112,7 +112,7 @@ export default function TestimonialSlider1() {
                       </ul>
                       <h3>Robert Fox</h3>
                       <span className="designation">Dog Trainer</span>
-                    </div>
+                    </div> */}
                   </div>
                 </div>
                 </SwiperSlide>
@@ -120,8 +120,8 @@ export default function TestimonialSlider1() {
                 <div className="testimonial-block-one">
                   <div className="inner-box">
                     <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
+                    <p>“Excellent waterfront physio and rehab services. The calming environment combined with expert care made my rehabilitation a comfortable and successful experience.”</p>
-                    <div className="author-box">
+                    {/* <div className="author-box">
                       <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
                       <ul className="rating clearfix">
                         <li><i className="fas fa-star"></i></li>
@@ -132,47 +132,7 @@ export default function TestimonialSlider1() {
                       </ul>
                       <h3>Robert Fox</h3>
                       <span className="designation">Dog Trainer</span>
-                    </div>
+                    </div> */}
-                  </div>
-                </div>
-                </SwiperSlide>
-                <SwiperSlide className="slide-item">
-                <div className="testimonial-block-one">
-                  <div className="inner-box">
-                    <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
-                    <div className="author-box">
-                      <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
-                      <ul className="rating clearfix">
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="far fa-star"></i></li>
-                      </ul>
-                      <h3>Robert Fox</h3>
-                      <span className="designation">Dog Trainer</span>
-                    </div>
-                  </div>
-                </div>
-                </SwiperSlide>
-                <SwiperSlide className="slide-item">
-                <div className="testimonial-block-one">
-                  <div className="inner-box">
-                    <div className="icon-box"><i className="icon-23"></i></div>
-                    <p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia coequat duis enim velit mollit.</p>
-                    <div className="author-box">
-                      <figure className="author-thumb"><img src="assets/images/resource/testimonial-1.png" alt="" /></figure>
-                      <ul className="rating clearfix">
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="fas fa-star"></i></li>
-                        <li><i className="far fa-star"></i></li>
-                      </ul>
-                      <h3>Robert Fox</h3>
-                      <span className="designation">Dog Trainer</span>
-                    </div>
                   </div>
                 </div>
                 </SwiperSlide>

public/assets/css/module-css/about.css

@@ -36,7 +36,7 @@
   text-align: center;
   box-shadow: -10px 20px 50px #e38b8b63;
   border-radius: 10px;
-  background: #F9313B;
+  background: #bc0000;
 }
 
 .image_block_one .image-box .icon-two{

public/assets/css/module-css/banner.css

@@ -263,7 +263,7 @@
 .banner-carousel .content-box p{
   position: relative;
   display: block;
-  margin-bottom: 50px;
+  margin-bottom: 5px;
   opacity: 1;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);

public/assets/css/module-css/blog-details.css

@@ -10,7 +10,7 @@
   font-size: 36px;
   line-height: 46px;
   font-weight: 600;
-  margin-bottom: 30px;
+  margin-bottom: 15px;
 }
 
 .blog-details-content .news-block-one .inner-box .lower-content{
@@ -31,7 +31,8 @@
 }
 
 .blog-details-content .news-block-one .inner-box .lower-content h3{
-  margin-bottom: 30px;
+  margin-bottom: 15px;
+  margin-top: 30px;
 }
 
 .blog-details-content .news-block-one .inner-box .two-image .image{

public/assets/css/module-css/chooseus.css

@@ -36,7 +36,7 @@
 }
 
 .chooseus-block-one .inner-box:hover .icon-box{
-  color: var(--secondary-color);
+  color: #fff;
 }
 
 .chooseus-block-one .inner-box h3{

public/assets/css/module-css/funfact.css

@@ -36,7 +36,7 @@
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
-  color: var(--secondary-color);
+  color: #bc0000;
   background: #ffe6e6;
   border-radius: 8px;
   padding: 12px 15px;

public/assets/css/module-css/news.css

@@ -93,7 +93,7 @@
 }
 
 .news-block-one .inner-box .lower-content p{
-  margin-bottom: 30px;
+  margin-bottom: 15px;
 }
 
 .news-block-one .inner-box .lower-content .link a{

public/assets/css/module-css/page-title.css

@@ -19,7 +19,7 @@
 .page-title .bg-layer:before{
   position: absolute;
   content: '';
-  background: #bc0000;
+  /* background: #bc0000; */
   width: 100%;
   height: 100%;
   left: 0px;
@@ -53,7 +53,7 @@
 }
 
 .page-title .bread-crumb li a{
-  color: var(--secondary-color);
+  color: #fff;
 }
 
 .page-title .bread-crumb li a:hover{

public/assets/css/module-css/sidebar.css

@@ -52,13 +52,13 @@
   font-size: 22px;
   line-height: 32px;
   font-weight: 500;
-  color: var(--title-color);
+  color: #101A30;
   padding-left: 35px;
 }
 
 .default-sidebar .category-widget .category-list li a:hover,
 .default-sidebar .category-widget .category-list li a.current{
-  color: var(--secondary-color);
+  color: #bc0000;
 }
 
 .default-sidebar .category-widget .category-list li a:before{