Add Footer component to demo-2: implement basic layout, links, and integrate into layout.tsx
This commit is contained in:
33
lawfirm-demos/demo-2/components/Footer.tsx
Normal file
33
lawfirm-demos/demo-2/components/Footer.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Footer() {
|
||||
return (
|
||||
<footer className="bg-white dark:bg-gray-950 border-t border-gray-200 dark:border-gray-800 px-4 py-8 text-sm">
|
||||
<div className="max-w-6xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4">
|
||||
<div className="text-gray-600 dark:text-gray-400 text-center md:text-left">
|
||||
© {new Date().getFullYear()} Rechtsanwalt Max Mustermann – Alle Rechte vorbehalten
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 text-gray-600 dark:text-gray-400">
|
||||
<Link href="/impressum" className="hover:underline">
|
||||
Impressum
|
||||
</Link>
|
||||
<Link href="/datenschutz" className="hover:underline">
|
||||
Datenschutz
|
||||
</Link>
|
||||
<button
|
||||
onClick={() => {
|
||||
// TODO: Cookie Modal öffnen
|
||||
alert("Cookie-Einstellungen öffnen (noch nicht implementiert)");
|
||||
}}
|
||||
className="hover:underline"
|
||||
>
|
||||
Cookie-Einstellungen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user