Exodai/Arbejd.com-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial React project

Browse Source
This commit is contained in:
Johan
2026-03-13 00:37:38 +01:00
parent 39f3381467
commit 051b73653d
36 changed files with 411 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/presentation/shared/components/SiteFooter.tsx
View File

@@ -4,8 +4,8 @@ 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="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-4 gap-10 mb-16">
<div className="col-span-2 lg:col-span-2">
<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>
@@ -28,21 +28,27 @@ export function SiteFooter() {
</p>
<div className="flex items-center gap-3">
<a
href="#"
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="#"
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="#"
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"
>
@@ -50,27 +56,6 @@ export function SiteFooter() {
</a>
</div>
</div>
<div>
<h4 className="text-base font-medium text-gray-900 mb-5">Sådan virker det</h4>
<ul className="space-y-3">
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">For virksomheder</a></li>
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">For jobsøgere</a></li>
<li><a href="/pricing" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">Priser</a></li>
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">FAQ</a></li>
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">Nyhedsbrev</a></li>
</ul>
</div>
<div>
<h4 className="text-base font-medium text-gray-900 mb-5">Opret dig</h4>
<ul className="space-y-3">
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">Opret virksomhed</a></li>
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal">Opret jobsøger</a></li>
<li><a href="#" className="text-base text-gray-500 hover:text-gray-900 transition-colors font-normal flex items-center gap-2">Download app <span className="px-2 py-0.5 bg-gradient-to-r from-gray-100 to-gray-50 border border-gray-200 text-xs font-medium text-gray-600 rounded">Snart</span></a></li>
</ul>
</div>
</div>
<div className="pt-8 border-t border-gray-200/60 flex flex-col md:flex-row justify-between items-center gap-4">