From 4898fcde057d208b537fef51afa25bf170b5da19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20K=C3=BCndig?= <michael@cradle.bio>
Date: Tue, 3 Dec 2024 21:34:55 +0100
Subject: [PATCH] Use Image instead of img tag

---
 .../[region]/(website)/(home)/(components)/mux-video.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/website/src/app/[lang]/[region]/(website)/(home)/(components)/mux-video.tsx b/website/src/app/[lang]/[region]/(website)/(home)/(components)/mux-video.tsx
index 4d2108777..67fdbf247 100644
--- a/website/src/app/[lang]/[region]/(website)/(home)/(components)/mux-video.tsx
+++ b/website/src/app/[lang]/[region]/(website)/(home)/(components)/mux-video.tsx
@@ -6,6 +6,7 @@ import { PauseIcon, PlayIcon, SpeakerWaveIcon, SpeakerXMarkIcon } from '@heroico
 import MuxVideo from '@mux/mux-video-react';
 import { Button } from '@socialincome/ui';
 import classNames from 'classnames';
+import Image from 'next/image';
 import { useEffect, useRef, useState } from 'react';
 import { useEventListener, useIntersectionObserver } from 'usehooks-ts';
 
@@ -98,10 +99,10 @@ const MuxVideoComponent = ({ lang, translations }: HeroVideoSubtitles) => {
 	return (
 		<>
 			<div ref={posterRef} className="absolute inset-0 z-0">
-				<img
+				<Image
+					alt="Video Poster"
 					className="h-full w-full object-cover"
 					src="https://image.mux.com/IPdwilTUVkKs2nK8zKZi5eKwbKhpCWxgsYNVxcANeFE/thumbnail.jpg?time=2"
-					alt="Video Poster"
 				/>
 			</div>
 			<MuxVideo