import Link from "next/link"
import Layout from "@/components/layout/Layout"
import Image from "next/image";

export const metadata = {
  title: "Our Healing Approach – Rapharehab’s Proven Methods",
  description: "Discover Rapharehab’s personalized approach to wellness. We combine evidence-based methods and holistic care to ensure lasting health results.",
};


export default function About() {
  return (
    <>
      <Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Our Approach" bannerImage="/assets/images/our-approach/our-approach-banner.webp">
        {/* about-section */}
        <section className="about-style-two pt_90 pb_90">
          <div className="pattern-layer">
            <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.webp)" }}></div>
            <div className="pattern-2 rotate-me absolute w-[140px] h-[140px]">
              <Image
                src="/assets/images/shape/shape-9.webp"
                alt="Physiotherapy at Rapharehab"
                fill
                sizes="140px"
                style={{ objectFit: "contain" }}
              />
            </div>
            <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.webp)" }}></div>
            {/* <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.webp)" }}></div> */}
          </div>
          <div className="auto-container">
            <div className="row clearfix">
              <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
                <div className="image_block_three">
                  <div className="image-box">
                    <div className="image-shape">
                      <div className="shape-1 rotate-me">
                        <Image
                          src="/assets/images/shape/shape-8.webp"
                          alt="Physiotherapy at Rapharehab"
                          fill
                          style={{ objectFit: "cover" }}
                        />
                      </div>

                      <div className="shape-2">
                        <Image
                          src="/assets/images/shape/shape-33.png"
                          alt="Physiotherapy at Rapharehab"
                          fill
                          style={{ objectFit: "cover" }}
                        />
                      </div>

                      {/* <div className="shape-3">
  <Image
    src="/assets/images/shape/shape-7.png"
    alt="Physiotherapy at Rapharehab"
    fill
    style={{ objectFit: "cover" }}
  />
</div> */}

                      <div className="shape-4">
                        <Image
                          src="/assets/images/shape/shape-34.png"
                          alt="Physiotherapy at Rapharehab"
                          fill
                          style={{ objectFit: "cover" }}
                        />
                      </div>

                      <div className="shape-5">
                        <Image
                          src="/assets/images/shape/shape-11.webp"
                          alt="Physiotherapy at Rapharehab"
                          fill
                          style={{ objectFit: "cover" }}
                        />
                      </div>

                    </div>
                    <figure className="image image-1-ho hide-img"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
                    <figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
                    <div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></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="sec-title mb_15">
                      <span className="sub-title">Personalized Healing</span>
                      <h2>Our Approach</h2>
                    </div>
                    <div className="text-box mb_40">
                      <p>Our approach begins with your diagnosis. Our customized and targeted collaborated care program is efficient and effective and will help relieve pain and restore function.</p>

                      <p>We look for the external factors like lifestyle; ergonomics that may be contributing to a delay in recovery process and advise you on the changes to your lifestyle and work environment that can help you to get back on track.</p>

                      <p>Whether your condition is acute or chronic, our team of health care therapist will sit with you one on one so that the customized rehabilitation program fits perfectly to your needs.</p>

                      <p>We follow Collaborative approach with other health professionals in developing programs which meet your needs.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        {/* about-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="index">Privacy Policy.</Link></label>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section> */}
        {/* subscibe end */}
      </Layout>
    </>
  )
}