73 lines
4.0 KiB
TypeScript
73 lines
4.0 KiB
TypeScript
import { Facebook, Instagram, Linkedin } from 'lucide-react';
|
|
|
|
export function SiteFooter() {
|
|
return (
|
|
<footer className="bg-white/60 backdrop-blur-xl border-t border-white/80 mt-10 pt-16 pb-12 relative z-10 shadow-[0_-10px_40px_rgba(0,0,0,0.02)]">
|
|
<div className="max-w-7xl mx-auto px-6 lg:px-12">
|
|
<div className="mb-16">
|
|
<div>
|
|
<a href="/home" className="flex items-center gap-2 mb-6 group outline-none inline-flex">
|
|
<svg viewBox="0 0 100 100" className="w-8 h-8 rounded-lg shadow-sm transition-transform group-hover:scale-105">
|
|
<defs>
|
|
<linearGradient id="siteFooterLogoBg" x1="0%" y1="100%" x2="100%" y2="0%">
|
|
<stop offset="0%" stopColor="#1A9A75" />
|
|
<stop offset="100%" stopColor="#3167C9" />
|
|
</linearGradient>
|
|
<linearGradient id="siteFooterLogoFg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stopColor="#6ACEEB" />
|
|
<stop offset="100%" stopColor="#46D3B6" />
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="100" height="100" fill="url(#siteFooterLogoBg)" />
|
|
<path fillRule="evenodd" clipRule="evenodd" d="M 60 15 L 72 15 L 72 85 L 60 85 L 60 72.98 A 28 28 0 1 1 60 27.02 Z M 44 34 A 16 16 0 1 0 44 66 A 16 16 0 1 0 44 34 Z" fill="url(#siteFooterLogoFg)" />
|
|
</svg>
|
|
<span className="text-xl font-normal tracking-tight text-gray-900 uppercase">ARBEJD</span>
|
|
</a>
|
|
<p className="text-base text-gray-600 font-normal leading-relaxed max-w-xs mb-6 drop-shadow-sm">
|
|
Danmarks nye, intelligente jobportal, der bringer virksomheder og talent sammen gennem avanceret AI-teknologi.
|
|
</p>
|
|
<div className="flex items-center gap-3">
|
|
<a
|
|
href="https://www.facebook.com/arbejd.com1/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Facebook"
|
|
className="w-10 h-10 rounded-xl bg-white/70 border border-white/90 text-gray-500 hover:text-gray-900 hover:bg-white transition-colors inline-flex items-center justify-center shadow-sm"
|
|
>
|
|
<Facebook size={18} strokeWidth={1.8} />
|
|
</a>
|
|
<a
|
|
href="https://www.instagram.com/arbejd.com1/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Instagram"
|
|
className="w-10 h-10 rounded-xl bg-white/70 border border-white/90 text-gray-500 hover:text-gray-900 hover:bg-white transition-colors inline-flex items-center justify-center shadow-sm"
|
|
>
|
|
<Instagram size={18} strokeWidth={1.8} />
|
|
</a>
|
|
<a
|
|
href="https://www.linkedin.com/company/arbejd-com/posts/?feedView=all"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="LinkedIn"
|
|
className="w-10 h-10 rounded-xl bg-white/70 border border-white/90 text-gray-500 hover:text-gray-900 hover:bg-white transition-colors inline-flex items-center justify-center shadow-sm"
|
|
>
|
|
<Linkedin size={18} strokeWidth={1.8} />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="pt-8 border-t border-gray-200/60 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p className="text-sm text-gray-400 font-normal">© 2026 Arbejd.com. Alle rettigheder forbeholdes.</p>
|
|
<div className="flex items-center gap-4">
|
|
<a href="#" className="text-sm text-gray-400 hover:text-gray-900 transition-colors font-normal">Privatlivspolitik</a>
|
|
<a href="#" className="text-sm text-gray-400 hover:text-gray-900 transition-colors font-normal">Handelsbetingelser</a>
|
|
<a href="#" className="text-sm text-gray-400 hover:text-gray-900 transition-colors font-normal">Cookies</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|