import React from "react";
import MeCard from "../me-card";
import Heading from "../heading";
import ContactForm from "../contact-form";

function Contact({ withoutMeCard }: { withoutMeCard?: boolean }) {
  return (
    <div className="flex flex-col lg:flex-row gap-12 lg:gap-20 container ">
      {!withoutMeCard && (
        <MeCard className="mx-auto order-last lg:order-first lg:sticky lg:top-20" />
      )}
      <div className="w-full space-y-4 p-4">
        <Heading subTitle="Let's Work" title="Together" />
        <ContactForm />
      </div>
    </div>
  );
}

export default Contact;