// components/Leistungen/Section/Hero.tsx
'use client';

import React from "react";
import {motion} from "framer-motion";

const ServiceHero = () => {
    return (
        <section className="py-24 text-center max-w-4xl mx-auto">
            <motion.h1
                className="text-4xl md:text-5xl font-bold mb-6"
                initial={{opacity: 0, y: 20}}
                animate={{opacity: 1, y: 0}}
                transition={{duration: 0.6}}
            >
                Unsere Leistungen
            </motion.h1>
            <motion.p
                className="text-lg text-gray-500"
                initial={{opacity: 0, y: 10}}
                animate={{opacity: 1, y: 0}}
                transition={{duration: 0.6, delay: 0.2}}
            >
                Wir bieten maßgeschneiderte Lösungen – von der Beratung bis zum Betrieb.
            </motion.p>
        </section>
    );
};

export default ServiceHero;