Merge branch 'homepage-refactoring-pt4' into 'dev'

Homepage refactoring pt4

See merge request rheinsw/website!31

components/Services/Section/ServiceHero.tsx

@@ -1,29 +1,18 @@
-// components/Leistungen/Section/Hero.tsx
 'use client';
 
 import React from "react";
-import {motion} from "framer-motion";
+import SmallHero from "@/components/Helper/SmallHero";
 
 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>
+        <div className="relative overflow-hidden">
+            <SmallHero
+                title="Unsere Leistungen"
+                subtitle="Wir bieten maßgeschneiderte Lösungen – von der Beratung bis zum Betrieb."
+                backgroundImage="/images/contact.png"
+                blurBackground
+            />
+        </div>
     );
 };