import { Metadata } from 'next';
import AppointmentPage from './_components/AppointmentPage';

export const metadata: Metadata = {
  title: "Colors",
};

export default function ColorsPage() {
  return (
    <>
      <div className="flex flex-col gap-10">
        {/* Breadcrumb */}
        <section className="breadcrumbcontainer py-3 bg-white border-b">
          <div className="container mx-auto px-3">
            <ol className="breadcrumb flex items-center gap-2 text-sm">
              <li className="breadcrumb-item"><a href="/" className="text-gray-500 hover:text-primary">Home</a></li>
              <li className="breadcrumb-item active text-primary font-semibold">Appointment</li>
            </ol>
          </div>
        </section>
        <AppointmentPage />
      </div>
    </>
  );
}