new images and videos

src/components/partner/Hero.tsx

@@ -3,8 +3,23 @@ import { Container } from '@/components/Container'
 
 export function Hero() {
   return (
-    <Container className="pb-16 pt-20 text-center lg:pt-32">
-      <h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
+    <div className="relative overflow-hidden">
+      <video
+        autoPlay
+        loop
+        muted
+        playsInline
+        aria-hidden="true"
+        className="pointer-events-none absolute inset-0 -z-10 h-full w-full object-cover"
+      >
+        <source src="/videos/1KnG8J5bskn0GQ6etapjk_video.mp4" type="video/mp4" />
+      </video>
+      <div
+        aria-hidden="true"
+        className="absolute inset-0 -z-10 bg-white/80"
+      />
+      <Container className="pb-16 pt-20 text-center lg:pt-32">
+        <h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
         Bieten Sie Ihren Kunden eine{' '}
         <span className="relative whitespace-nowrap text-blue-600">
           <svg
@@ -37,6 +52,7 @@ export function Hero() {
         Für Elektro-, Sanitär- und Messdienst-nahe Betriebe mit Vermieter- und
         Hausverwaltungskunden.
       </p>
-    </Container>
+      </Container>
+    </div>
   )
 }

src/components/partner/Platform.tsx

@@ -2,7 +2,7 @@ import Image from 'next/image'
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import screenshot from '@/images/screenshots/reporting.png'
+import screenshot from '@/images/screenshots/demo1.png'
 
 export function Platform() {
   return (