'use client';

import { motion } from 'framer-motion';

export default function ServicesSection() {
    return (
        <motion.div
            initial={{ opacity: 0 }}
            animate={{ opacity: 1 }}
            transition={{ duration: 0.6 }}
            className="pt-20 pb-20 px-6 md:px-16 lg:px-36 bg-gradient-to-b from-white to-gray-50 text-gray-900"
        >
            <section className="mb-32 grid md:grid-cols-2 gap-12 items-center">
                <motion.div
                    initial={{ opacity: 0, y: 40 }}
                    whileInView={{ opacity: 1, y: 0 }}
                    transition={{ duration: 0.8, ease: 'easeOut' }}
                    viewport={{ once: true, amount: 0.4 }}
                >
                    <h2 className="text-4xl font-extrabold mb-4 tracking-tight text-gray-900">
                        Unsere Fachgebiete
                    </h2>
                    <p className="text-xl font-semibold text-gray-800">
                        Spezialisiert. Fokussiert. Kompetent.
                    </p>
                </motion.div>

                <motion.div
                    initial={{ opacity: 0, y: 40 }}
                    whileInView={{ opacity: 1, y: 0 }}
                    transition={{ duration: 0.8, ease: 'easeOut', delay: 0.2 }}
                    viewport={{ once: true, amount: 0.4 }}
                    className="text-gray-700 text-lg leading-relaxed space-y-4"
                >
                    <p>
                        <strong className="text-gray-900">Arbeitsrecht:</strong> Wir vertreten Sie bei Kündigungen, Abmahnungen und Vertragsfragen – schnell und zuverlässig.
                    </p>
                    <p>
                        <strong className="text-gray-900">Familienrecht:</strong> Von Scheidung bis Sorgerecht – wir stehen Ihnen empathisch und professionell zur Seite.
                    </p>
                    <p>
                        <strong className="text-gray-900">Vertragsrecht:</strong> Klare Verträge für klare Verhältnisse – ob privat oder geschäftlich, wir sichern Ihre Interessen rechtlich ab.
                    </p>
                </motion.div>
            </section>
        </motion.div>
    );
}