import Link from "next/link";

const Footer = () => {
  return (
    <footer className="w-full  bg-neutral-900 text-neutral-200">
      <div className="mx-auto w-11/12 py-12 lg:w-5/6">
        <div className="ml-8 grid gap-12 md:m-0 md:grid-cols-5 md:flex-row">
          <div className="">
            <h3 className="text-xl font-bold">Home</h3>
            <ul className="text-sm">
              <li>
                <Link href="/#introduction">Introduction</Link>
              </li>
              <li>
                <Link href="/#eduandbiz">Education and Business</Link>
              </li>
              <li>
                <Link href="/#accolades">Accolades and Awards</Link>
              </li>
              <li>
                <Link href="/#academicwork">Academic Work</Link>
              </li>
            </ul>
          </div>
          <div className="">
            <h3 className="text-xl font-bold">Osteopathy</h3>
            <ul className="text-sm">
              <li>
                <Link href="/osteopathy/#basics">Basics</Link>
              </li>
              <li>
                <Link href="/osteopathy/#pediatrics">Pediatrics</Link>
              </li>
              <li>
                <Link href="/osteopathy/#fordocs">For Doctors</Link>
              </li>
            </ul>
          </div>
          <div className="">
            <h3 className="text-xl font-bold">Acupuncture</h3>
            <ul className="text-sm">
              <li>
                <Link href="/acupuncture/#basics">Basics and History</Link>
              </li>
              <li>
                <Link href="/acupuncture/#auriculo">Auriculotherapy</Link>
              </li>
              <li>
                <Link href="/acupuncture/#scalp">Scalp Acupunture</Link>
              </li>
              <li>
                <Link href="/acupuncture/#fordocs">For Doctors</Link>
              </li>
            </ul>
          </div>
          <div className="">
            <h3 className="text-xl font-bold">Articles</h3>
            <ul className="text-sm">
              <li>
                <Link href="/articles/#forpatients">For Patients</Link>
              </li>
              <li>
                <Link href="/articles/#fordocs">For Doctors</Link>
              </li>
            </ul>
          </div>
          <div className="">
            <h3 className="text-xl font-bold">NOR</h3>
            <ul className="text-sm">
              <li>
                <Link href="/nor/#nor">Neuro Ocular Release</Link>
              </li>
            </ul>
          </div>
        </div>
        <div className="mt-8 flex justify-center">
          <p>Copyright (C) {new Date().getFullYear()} Richard A. Feely, DO</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
