This commit is contained in:
2025-01-05 21:05:18 +01:00
parent 143bd821e5
commit 33b8b44b1f
13 changed files with 166 additions and 42 deletions

View File

@@ -1,15 +1,30 @@
// app/components/Footer.tsx
import Link from "next/link";
export default function Footer() {
return (
<footer className="text-center p-10 bg-gray-800 text-white">
<h1 className="text-5xl font-bold">Hi, this is a Footer</h1>
<p className="mt-4 text-xl">Maybe some social links here</p>
<p>© Dennis Konkol 2024</p>
<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">
<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>