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



export const metadata = {
    title: "What to Expect at RaphaRehab",
    description:
        "Learn what to expect during your first visit at RaphaRehab, including assessments, treatment planning, therapies, caregiver guidance, and ongoing support.",
};


export default function About() {
    return (
        <>
            <Layout headerStyle={1} footerStyle={1} breadcrumbTitle=" What To Expect" bannerImage="/assets/images/what-we-expect/expect-banner.webp">
                {/* chooseus-section */}
                <section className="about-style-three pt_90 pb_90">
                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
                    <div className="auto-container">
                        <div className="row clearfix">
                            <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5">
                                <div className="image_block_three">
                                    <div className="image-box">
                                        <div className="image-shape">
                                            <div className="shape-1 rotate-me">
                                                <Image
                                                    // loader={exportableLoader}
                                                    src="/assets/images/shape/shape-8.webp"
                                                    alt="Physiotherapy at Rapharehab"
                                                    fill
                                                    style={{ objectFit: "cover" }}
                                                />
                                            </div>

                                            <div className="shape-2">
                                                <Image
                                                    // loader={exportableLoader}
                                                    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
                                                    // loader={exportableLoader}
                                                    src="/assets/images/shape/shape-34.png"
                                                    alt="Physiotherapy at Rapharehab"
                                                    fill
                                                    style={{ objectFit: "cover" }}
                                                />
                                            </div>

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

                                        </div>
                                        <figure className="image image-1 hide-img"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
                                        <figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
                                        <div className="icon-box new-ho"><img src="/assets/images/what-we-expect/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">
                                        <div className="sec-title mb_15">
                                            <span className="sub-title"> What To Expect</span>
                                            <h2>What To Expect – Rapharehab Physiotherapy in Etobicoke</h2>
                                        </div>
                                        <div className="text-box mb_40">
                                            <p>On your first visit, you will receive a detailed assessment that helps our healthcare professionals understand your injury and determine how we can support your recovery. After completing your initial evaluation at our physiotherapy clinic in Etobicoke, we will review the findings with you and create a personalized treatment plan designed to provide long-term results. All your questions will be thoroughly answered.</p>
                                            <p>During your second visit to our Etobicoke physiotherapy clinic, you will begin your first full treatment session. The duration of each session varies depending on your condition and recovery needs. After treatment, we will guide you through pain-management strategies and techniques to support your progress at home.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                {/* chooseus-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>
        </>
    )
}