55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="relative border-t border-neutral-200 dark:border-neutral-800 bg-gradient-to-b from-white via-neutral-50 to-neutral-100 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950">
|
|
<div className="container grid gap-8 py-16 sm:grid-cols-3">
|
|
<div>
|
|
<div className="text-xl font-bold bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
|
|
Van Hunen IT
|
|
</div>
|
|
<p className="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
|
|
Fixes in days. Uptime for months.
|
|
</p>
|
|
</div>
|
|
|
|
<div>
|
|
<div className="text-sm font-semibold text-neutral-900 dark:text-white">Links</div>
|
|
<ul className="mt-3 space-y-1 text-sm">
|
|
{[
|
|
{ href: "/services", label: "Services" },
|
|
{ href: "/pricing", label: "Pricing" },
|
|
{ href: "/contact", label: "Contact" },
|
|
{ href: "/privacy", label: "Privacy" },
|
|
{ href: "/terms", label: "Terms" },
|
|
{ href: "/cookie", label: "Cookie" },
|
|
].map((l) => (
|
|
<li key={l.href}>
|
|
<Link
|
|
href={l.href}
|
|
className="no-underline text-neutral-700 dark:text-neutral-300 hover:underline"
|
|
>
|
|
{l.label}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<div className="text-sm font-semibold text-neutral-900 dark:text-white">Contact</div>
|
|
<p className="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
|
|
Email:{" "}
|
|
<a href="mailto:hello@vanhunen.it" className="underline">
|
|
hello@vanhunen.it
|
|
</a>
|
|
</p>
|
|
<p className="mt-3 text-xs text-neutral-500 dark:text-neutral-500">
|
|
© {new Date().getFullYear()} Van Hunen IT. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|