Merge branch 'homepage-refactoring' into 'dev'

Homepage Refactoring - Pt .3

See merge request rheinsw/website!28

components/Services/Section/ServiceHero.tsx

@@ -0,0 +1,30 @@
+// 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;