import Link from "next/link";

export default function Terms() {
  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">Terms &amp; Conditions.</h1>
            <p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
              The terms that govern your use of this site and our services.
            </p>

          </div>
        </div>
      </section>

      <section className="ux-about-section">
        <div className="container">
          <div className="row">
            <div className="col-lg-9 mx-auto">
              <h2 className="ux-main-heading mb-4" data-aos="fade-up" data-aos-duration="900">Acceptance of Terms</h2>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                By accessing this site, you agree to these terms. If you do not agree,
                please do not use the site.
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Use of Content</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                All content, branding, and materials on this site are owned by AAideA
                and may not be reproduced without written permission.
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Engagements</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                Project work is governed by a separate Statement of Work signed at the
                start of each engagement. See our{" "}
                <Link href="/process" className="ux-link">process</Link> for how that flow runs.
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Privacy</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                Read our <Link href="/privacy" className="ux-link">Privacy Policy</Link>{" "}
                for how we handle your information.
              </p>

              <h4 className="ux-card-title mt-5" data-aos="fade-up" data-aos-duration="900">Contact</h4>
              <p className="ux-card-text" data-aos="fade-up" data-aos-delay="100" data-aos-duration="900">
                Questions about these terms? <Link href="/contact" className="ux-link">Contact us</Link>.
              </p>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}