const ContactPage = () => {
  return (
    <div className="mx-auto w-full max-w-6xl px-4 sm:px-6 lg:px-8 py-16 md:py-32">
      <div className="flex flex-col gap-16">
        <div className="flex flex-col gap-10">
          <p className="font-mono text-sm sm:text-base">
            If you have any questions send us an email and we will be happy to
            answer them.
            <br />
            You can expect our team to get back to your with in 24h-48h.
          </p>

          <p className="font-mono text-xl text-[var(--color-7)]">
            <a href="mailto:service@lancodes.ca">service@lancodes.ca</a>
          </p>
        </div>

        <div className="flex flex-col gap-10">
          <p className="font-mono text-sm sm:text-base">
            Looking for a job? Send us your resume and we will get back to you
            when our next round of hiring starts.
          </p>

          <p className="font-mono text-xl text-[var(--color-10)]">
            <a href="mailto:hireme@lancodes.ca">hireme@lancodes.ca</a>
          </p>
        </div>
      </div>
    </div>
  );
};

export default ContactPage;
