import Link from "next/link";

export default function Contact() {
  return (
    <>
      <section className="ux-project-hero">
        <div className="container">
          <div className="ux-project-content text-center">
            <h1 className="ux-project-title" data-aos="fade-up" data-aos-duration="1000">Get in touch.</h1>
            <p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
              Tell us about your project. We respond within one business day.
            </p>
            <div className="ux-breadcrumb-wrap" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
              <Link href="/">Home</Link>
              <span>/</span>
              <p>Contact</p>
            </div>
          </div>
        </div>
      </section>

      <section className="ux-about-section">
        <div className="container">
          <div className="row">
            <div className="col-lg-9 mx-auto">
              <h4 className="ux-card-title" data-aos="fade-up" data-aos-duration="900">Email</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                <a href="mailto:info@aaidea.com" className="ux-link">info@aaidea.com</a>
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Office</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                410 Sandtown, California 94001, USA
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Start a project</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                Ready to scope? Use our{" "}
                <Link href="/start_project" className="ux-link">project intake form</Link>{" "}
                &mdash; it takes about 3 minutes and we&apos;ll respond with next steps.
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Other resources</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                Read about our <Link href="/process" className="ux-link">process</Link>,
                explore <Link href="/services" className="ux-link">services</Link>,
                or check the <Link href="/faq" className="ux-link">FAQ</Link>.
              </p>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}