import BookAnAppointmentModal from "@/components/CommonComponent/BookAppointmentModal";
import WhiteArrow from '../../../public/images/white-arrow.svg';

import { Metadata } from "next";
import { createSeo } from "@/seo/MetaSeo";

export async function generateMetadata(): Promise<Metadata> {
    return createSeo({
        title: "Book an Appointment | Oculus Clinics",
        description: "Schedule your consultation with Oculus Clinics precision specialists.",
        canonical: "/book-appointment",
    });
}

export default function Appointment() {
    return (
        <>
            <div className="flex h-[40rem] items-center justify-center">
                <BookAnAppointmentModal
                    buttonBgClass="bg-[#1718FF]"
                    buttonTextClass="text-[#fff]"
                    buttonText="Book appointment"
                    arrowIcon={WhiteArrow}
                />
            </div>
        </>
    );
}