import React from "react";
import { string } from "zod";
import Form from "./form";
import { Calendar } from "@/components/ui/calendar";

const contact = () => {
  return (
    <main>
      <div className="flex flex-col mx-auto justify-center items-center text-2xl p-4 max-w2xl text-secondary"
      style={{backgroundImage: `url('/PaintBackground.webp')`, height: "auto"}}>
        <h1>Contact Us</h1>
        <Calendar />
        <Form />
      </div>
      
    </main>
  );
};

export default contact;