import dynamic from "next/dynamic";
import Layout from "@/components/layout/Layout";

export const metadata = {
  title: "Contact Rapharehab | Etobicoke",
  description:
    "Book your physiotherapy appointment in Etobicoke today. Call now or schedule online for expert rehab care.",
};

// 👇 Dynamically import ContactClient to disable SSR (fix hydration issues)
const ContactClient = dynamic(() => import("../contact/ContactClient"), {
  ssr: false,
});

export default function Page() {
  return (
    <Layout
      headerStyle={1}
      footerStyle={1}
      breadcrumbTitle="Contact Us"
      bannerImage="/assets/images/contact/contact-us-banner.webp"
    >
      <ContactClient />
    </Layout>
  );
}