49 lines
2.2 KiB
TypeScript
49 lines
2.2 KiB
TypeScript
'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>
|
||
);
|
||
}
|