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>
    );
}