34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="text-center p-10 bg-gray-800 text-white">
|
|
<h1 className="text-3xl font-bold">Thank You for Visiting</h1>
|
|
<p className="mt-4 text-xl">Connect with me on social platforms:</p>
|
|
<div className="flex justify-center space-x-4 mt-4">
|
|
<Link href="https://github.com/yourusername" target="_blank">
|
|
<img
|
|
src="/icons/github.svg"
|
|
alt="GitHub"
|
|
className="w-6 h-6 fill-current text-white hover:text-gray-400"
|
|
/>
|
|
</Link>
|
|
<Link href="https://linkedin.com/in/yourusername" target="_blank">
|
|
<img
|
|
src="/icons/linkedin.svg"
|
|
alt="LinkedIn"
|
|
className="w-6 h-6 fill-current text-white hover:text-gray-400"
|
|
/>
|
|
</Link>
|
|
{/* Add more social links as needed */}
|
|
</div>
|
|
<p className="mt-6">© Dennis Konkol 2024</p>
|
|
<Link href="#hero">
|
|
<button className="mt-6 inline-block px-6 py-2 bg-black text-white rounded hover:bg-gray-800 dark:bg-white dark:text-black dark:hover:bg-gray-300 transition">
|
|
Back to Top
|
|
</button>
|
|
</Link>
|
|
</footer>
|
|
);
|
|
}
|