export default function Leistungen() {
    const services = [
        "Allgemeines Zivilrecht",
        "Vertragsprüfung",
        "Arbeitsrecht",
        "Mietrecht",
    ];

    return (
        <section className="py-16 px-4 bg-gray-100 dark:bg-gray-900">
            <h2 className="text-3xl font-bold text-center mb-8">Leistungen</h2>
            <ul className="grid md:grid-cols-2 gap-6 max-w-4xl mx-auto">
                {services.map((service, i) => (
                    <li key={i} className="bg-white dark:bg-gray-800 p-6 rounded-xl shadow">
                        {service}
                    </li>
                ))}
            </ul>
        </section>
    );
}
