Update: Replace images with jpg format with webp format (#134)

Author: sintaherena

app/[lang]/(hyperjump)/case-studies/[slug]/page.tsx

@@ -92,12 +92,12 @@ function Hero({ heading }: { heading: string }) {
       <div className="absolute inset-0 z-0">
         <Image
           alt="Hero background"
-          blurDataURL="/images/case-studies/banner.jpg"
+          blurDataURL="/images/case-studies/banner.webp"
           className="object-cover object-center"
           fill
           placeholder="blur"
           priority
-          src="/images/case-studies/banner.jpg"
+          src="/images/case-studies/banner.webp"
         />
       </div>
 

app/[lang]/(hyperjump)/data.ts

@@ -495,7 +495,7 @@ export function services(lang: SupportedLanguage): Service[] {
           ]
         },
         why: {
-          backgroundImageUrl: `/images/services/${ServiceSlug.InferenceAI}/why-us-bg.jpg`,
+          backgroundImageUrl: `/images/services/${ServiceSlug.InferenceAI}/why-us-bg.webp`,
           clients: [],
           description: aiWhyUsDesc(lang),
           imageUrl: `/images/services/${ServiceSlug.InferenceAI}/why-us.svg`,
@@ -510,7 +510,7 @@ export function services(lang: SupportedLanguage): Service[] {
       description: aiDescription(lang),
       iconUrl: `/images/services/${ServiceSlug.InferenceAI}/icon.svg`,
       imageIconUrl: `/images/services/${ServiceSlug.InferenceAI}/image-icon.svg`,
-      imageUrl: `/images/services/${ServiceSlug.InferenceAI}/image.jpg`,
+      imageUrl: `/images/services/${ServiceSlug.InferenceAI}/image.webp`,
       shortDescription: aiHeroDesc(lang),
       slug: ServiceSlug.InferenceAI,
       title: aiHeroHeading(lang),