import { SectionHeading } from "@/components/ui/section-heading"
import { ComponentContainer } from "@/components/ui/component-container"
import { ContactForm } from "@/components/blocks/contact-form-block"

export function ContactFormSection() {
  return (
    <div className="space-y-6" id="contact-form">
      <SectionHeading
        title="Contact Form"
        description="A form component for collecting user inquiries and contact information."
      />

      <ComponentContainer className="max-w-xl mx-auto" title="">
        <ContactForm
          title="Contact Us"
          description="Fill out the form below and we'll get back to you as soon as possible."
        />
      </ComponentContainer>
    </div>
  )
}