import ContactForm from '@/components/contact-form';
import TypingWords from '@/components/typing-words';

export default function ContactPage() {
  return (
    <div className="flex w-full flex-col gap-10 lg:flex-row lg:items-start lg:gap-12 xl:gap-16">
      <div className="w-full lg:w-1/2 lg:max-w-xl">
        <h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
          Tell us about your 
        </h1>
        <h1 className="mb-4 text-4xl font-bold leading-tight text-heading sm:text-5xl md:text-6xl">
          <TypingWords />
        </h1>
        <p className="text-lg text-body lg:text-xl">
          Share a few details and we&apos;ll get back to you as soon as we can.
        </p>
      </div>
      <div className="w-full lg:w-1/2 lg:flex lg:justify-end">
        <ContactForm />
      </div>
    </div>
  );
}
