Add About page and update Navbar link to /about/

lawfirm-demos/demo-1/app/about/page.tsx

@@ -0,0 +1,49 @@
+import React from 'react';
+
+export default function About() {
+    return (
+        <div className="container mx-auto px-4 py-8">
+            <h1 className="text-4xl font-bold mb-6">Über Uns</h1>
+
+            <section className="mb-8">
+                <p className="text-lg mb-4">
+                    Willkommen in unserer Anwaltskanzlei. Seit über 20 Jahren setzen wir uns für die Rechte unserer
+                    Mandanten ein und bieten erstklassige juristische Beratung in verschiedenen Rechtsbereichen.
+                </p>
+                <p className="text-lg mb-4">
+                    Unsere Expertise umfasst unter anderem Wirtschaftsrecht, Arbeitsrecht, Familienrecht und
+                    Immobilienrecht. Mit unserem engagierten Team von Fachanwälten stehen wir Ihnen bei allen
+                    rechtlichen Angelegenheiten zur Seite.
+                </p>
+            </section>
+
+            <section className="mb-8">
+                <h2 className="text-2xl font-semibold mb-4">Unser Team</h2>
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                    <div className="p-4 border rounded-lg">
+                        <h3 className="text-xl font-medium">Dr. Maria Schmidt</h3>
+                        <p>Fachanwältin für Wirtschaftsrecht</p>
+                    </div>
+                    <div className="p-4 border rounded-lg">
+                        <h3 className="text-xl font-medium">Thomas Weber</h3>
+                        <p>Fachanwalt für Arbeitsrecht</p>
+                    </div>
+                    <div className="p-4 border rounded-lg">
+                        <h3 className="text-xl font-medium">Lisa Müller</h3>
+                        <p>Fachanwältin für Familienrecht</p>
+                    </div>
+                </div>
+            </section>
+
+            <section>
+                <h2 className="text-2xl font-semibold mb-4">Standort</h2>
+                <p className="text-lg">
+                    Musterstraße 123<br/>
+                    12345 Berlin<br/>
+                    Tel: +49 (0) 30 123456789<br/>
+                    E-Mail: info@musterkanzlei.de
+                </p>
+            </section>
+        </div>
+    );
+}

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

@@ -17,7 +17,7 @@ export default function Navbar() {
                 </Link>
                 <div className="space-x-6 text-sm md:text-base">
                     <Link href={`/`}>Start</Link>
-                    <Link href={`/ueber-uns/`}>Über uns</Link>
+                    <Link href={`/about/`}>Über uns</Link>
                     <Link href={`/impressum/`}>Impressum</Link>
                     <Link href={`/datenschutz/`}>Datenschutz</Link>
                 </div>