📦 EqualifyEverything / equalify-dashboard

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44import { MaxWidthWrapper } from '.';

const Footer = () => {
  return (
    <footer className="border-t border-gray-300 bg-white max-md:py-3">
      <MaxWidthWrapper>
        <div className="flex flex-col items-center justify-center gap-3 text-sm text-slate-500 md:h-16 md:gap-0 md:text-base">

          <nav aria-label="Footer Links">
            <ul className="flex justify-center gap-4">
              <li>
                <a
                  href="https://docs.equalify.app/"
                  target="_blank"
                  rel="noopener noreferrer"
                  title="API Docs"
                  aria-label="API Documentation"
                  className="text-sm font-medium text-[#186121] underline underline-offset-8 hover:text-[#186121CC]"
                >
                  API Docs
                  <span className="sr-only">(Opens in a new tab)</span>
                </a>
              </li>
              <li>
                <a
                  href="/accessibility/"
                  title="Accessibility Statement"
                  aria-label="Read the Accessibility Statement"
                  className="text-sm font-medium text-[#186121] underline underline-offset-8 hover:text-[#186121CC]"
                >
                  Accessibility Statement
                  <span className="sr-only">(Opens in a new tab)</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </MaxWidthWrapper>
    </footer>
  );
};

export default Footer;