import { ContactForm } from "./ContactForm";

export function ContactSection() {
  return (
    <div className="max-w-[1440px] text-left">
      <section
        id="contact"
        className="flex w-full flex-col items-center bg-white pb-20 max-[769px]:px-6 max-[769px]:pt-[50px] max-[769px]:pb-[60px]"
      >
        <div className="mb-12 max-w-[620px] text-center">
          <span className="mb-3 block text-[0.8rem] font-bold tracking-[2px] text-slate-500 uppercase">
            Contact Us
          </span>
          <h2 className="mb-4 text-[2.5rem] font-bold tracking-[-0.5px] text-ink">
            Get in touch with us
          </h2>
          <p className="text-[1.05rem] leading-[1.6] font-light text-[#555]">
            Fill out the form below or schedule a meeting with us at your convenience.
          </p>
        </div>

        <div className="w-full max-w-[640px] bg-white">
          <ContactForm />
        </div>
      </section>
    </div>
  );
}