drfeely.com/website/components/Footer.tsx

85 lines
2.7 KiB
TypeScript

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;