Files
gabrielkaszewski-next/components/footer.tsx
Gabriel Kaszewski 9e95d5c544
All checks were successful
Build and Deploy Gabriel Kaszewski Portfolio / build-and-deploy-local (push) Successful in 1m32s
Add new documents and images to the public directory
- Added essays: qui-sumus-existential-dread.pdf and licencjat.pdf
- Added scripts: loop.pdf
- Added images: DSC_1283.avif, GAK00015.avif, GAK00017.avif, GAK00041.avif, GAK00042.avif, painter.avif, parasitic-god-1.avif, parasitic-god-2.avif, parasitic-god-3.avif, parasitic-god-4.avif, parasitic-god-5.avif, spanish-inq-1.avif, spanish-inq-2.avif, spanish-inq-3.avif, spanish-inq-4.avif, typing-game-1.avif, typing-game-2.avif
2026-08-20 01:39:14 +02:00

95 lines
2.5 KiB
TypeScript

import Link from "next/link";
import { Github, Linkedin, Gamepad2 } from "lucide-react";
const Footer = () => {
const currentYear = new Date().getFullYear();
const socialLinks = [
{
title: "github",
href: "https://github.com/GKaszewski",
icon: <Github />,
},
{
title: "linkedin",
href: "https://www.linkedin.com/in/gabriel-kaszewski-5344b3183",
icon: <Linkedin />,
},
{
title: "itch.io",
href: "https://gabrielkaszewski.itch.io/",
icon: <Gamepad2 />,
},
];
return (
<footer className="flex w-full flex-col gap-4 bg-gray-900 p-4 text-white">
<div className="flex items-center gap-2">
<span className="text-xl font-bold">Gabriel Kaszewski</span>
<span className="flex-1"></span>
<div className="flex gap-2">
{socialLinks.map((link) => (
<a
key={link.title}
title={link.title}
href={link.href}
target="_blank"
rel="noopener noreferrer"
className="hover:text-yellow-400 transition-colors"
>
{link.icon}
</a>
))}
</div>
</div>
<div className="text-sm">
<p>
Background photo by{" "}
<a className="underline" href="https://duckwithsunglasses.com" target="_blank" rel="noopener noreferrer">
Liam
</a>
</p>
</div>
<div className="flex flex-wrap gap-x-4 gap-y-2 text-sm">
<p className="font-semibold">
&copy; Gabriel Kaszewski, {currentYear}. All rights reserved.
</p>
<p>Made with 💗 in Poland</p>
<span className="flex-1"></span>
<div className="flex gap-4">
<Link
href="/projects"
className="hover:text-yellow-400 transition-colors"
>
Projects
</Link>
<Link
href="/photos"
className="hover:text-yellow-400 transition-colors"
>
Photos
</Link>
<a
href="https://blog.gabrielkaszewski.dev/"
target="_blank"
rel="noopener noreferrer"
className="hover:text-yellow-400 transition-colors"
>
Blog
</a>
<Link
href="/about"
className="hover:text-yellow-400 transition-colors"
>
About
</Link>
</div>
</div>
</footer>
);
};
export default Footer;