Refactor and redesign law firm demo page with new layout

lawfirm-demos/demo-1/components/Footer.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link';
+
+export default function Footer() {
+    return (
+        <footer
+            className="bg-white mt-auto py-10 px-6 md:px-12 lg:px-24 text-sm text-gray-600 border-t border-gray-200">
+            <div className="flex flex-col md:flex-row justify-between items-center gap-4">
+                <div>
+                    <p>&copy; {new Date().getFullYear()} Kanzlei Mustermann. Alle Rechte vorbehalten.</p>
+                </div>
+                <div className="space-x-4">
+                    <Link href="/impressum" className="hover:underline">Impressum</Link>
+                    <Link href="/datenschutz" className="hover:underline">Datenschutz</Link>
+                </div>
+            </div>
+        </footer>
+    );
+}

lawfirm-demos/demo-1/components/Navbar.tsx

@@ -0,0 +1,27 @@
+'use client';
+
+import Link from 'next/link';
+import {motion} from 'framer-motion';
+
+export default function Navbar() {
+    return (
+        <motion.nav
+            initial={{y: -50, opacity: 0}}
+            animate={{y: 0, opacity: 1}}
+            transition={{duration: 0.5}}
+            className="fixed top-0 left-0 right-0 z-50 bg-white shadow-md py-4 px-6 md:px-12 lg:px-24 text-gray-900"
+        >
+            <div className="flex justify-between items-center">
+                <Link href="/">
+                    <span className="text-xl font-bold text-blue-800">Kanzlei Mustermann</span>
+                </Link>
+                <div className="space-x-6 text-sm md:text-base">
+                    <Link href="/">Start</Link>
+                    <Link href="/ueber-uns">Über uns</Link>
+                    <Link href="/impressum">Impressum</Link>
+                    <Link href="/datenschutz">Datenschutz</Link>
+                </div>
+            </div>
+        </motion.nav>
+    );
+}