drfeely.com/components/Footer.tsx

89 lines
2.6 KiB
TypeScript

const Footer = () => {
return (
<footer className="w-full bg-neutral-800 text-neutral-300">
<div className="px-6 py-12">
<div className="flex justify-evenly gap-10 flex-col ml-8 md:m-0 md:flex-row">
<div className="">
<h3 className="text-xl font-bold">Home</h3>
<ul className="text-sm">
<li>
<a href="/#introduction">Introduction</a>
</li>
<li>
<a href="/#philosophy">Clinical Philosophy</a>
</li>
<li>
<a href="/#accomplishments">Biography & Accomplishments</a>
</li>
</ul>
</div>
<div className="">
<h3 className="text-xl font-bold">Osteopathy</h3>
<ul className="text-sm">
<li>
<a href="/osteopathy/#">a</a>
</li>
<li>
<a href="/osteopathy/#">b</a>
</li>
<li>
<a href="/osteopathy/#">c</a>
</li>
</ul>
</div>
<div className="">
<h3 className="text-xl font-bold">Accupuncture</h3>
<ul className="text-sm">
<li>
<a href="/accupuncture/#">a</a>
</li>
<li>
<a href="/accupuncture/#">b</a>
</li>
<li>
<a href="/accupuncture/#">c</a>
</li>
</ul>
</div>
<div className="">
<h3 className="text-xl font-bold">Articles</h3>
<ul className="text-sm">
<li>
<a href="/articles/#">a</a>
</li>
<li>
<a href="/articles/#">b</a>
</li>
<li>
<a href="/articles/#">c</a>
</li>
</ul>
</div>
<div className="">
<h3 className="text-xl font-bold">NOR</h3>
<ul className="text-sm">
<li>
<a href="/nor/#">a</a>
</li>
<li>
<a href="/nor/#">b</a>
</li>
<li>
<a href="/nor/#">c</a>
</li>
</ul>
</div>
</div>
<div className="flex justify-center mt-8">
<p>Copyright (C) {new Date().getFullYear()} Richard A. Feely, DO</p>
</div>
<div className="flex justify-center">
<a href="/licenses">Licenses & Credits</a>
</div>
</div>
</footer>
);
};
export default Footer;