37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import Image from 'next/image';
|
|
import { footerLinks, footerCopyright } from '@/config/footer';
|
|
|
|
export const Footer = () => {
|
|
return (
|
|
<footer className="relative z-10 border-t border-white/10 backdrop-blur-sm">
|
|
<div className="max-w-7xl mx-auto px-6 pt-12 pb-4">
|
|
<div className="flex flex-col md:flex-row justify-between items-center gap-6">
|
|
<div className="h-16 flex items-center">
|
|
<Image
|
|
src="/banatie-logo-horisontal.png"
|
|
alt="Banatie Logo"
|
|
width={200}
|
|
height={60}
|
|
className="h-full w-auto object-contain"
|
|
/>
|
|
</div>
|
|
<div className="flex gap-8 text-sm text-gray-400">
|
|
{footerLinks.map((link) => (
|
|
<a
|
|
key={link.label}
|
|
href={link.href}
|
|
className="hover:text-white transition-colors"
|
|
>
|
|
{link.label}
|
|
</a>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div className="mt-8 text-center text-sm text-gray-500">{footerCopyright}</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
};
|