img clranup

src/components/PrimaryFeatures.jsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import Image from 'next/image'
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import clsx from 'clsx'
 
@@ -52,13 +51,13 @@ export function PrimaryFeatures() {
       aria-label="What makes us different"
       className="relative overflow-hidden bg-blue-600 pb-28 pt-20 sm:py-32"
     >
-      <Image
+      <img
         className="absolute left-1/2 top-1/2 max-w-none translate-x-[-44%] translate-y-[-42%]"
         src="/images/background-features.png"
         alt=""
         width={2245}
         height={1636}
-        unoptimized
+       
       />
       <Container className="relative">
         <div className="max-w-2xl md:mx-auto md:text-center xl:max-w-none">
@@ -125,7 +124,7 @@ export function PrimaryFeatures() {
                       </p>
                     </div>
                     <div className="mt-10 w-[45rem] overflow-hidden rounded-xl bg-slate-50 shadow-xl shadow-blue-900/20 sm:w-auto lg:mt-0 lg:w-[67.8125rem]">
-                      <Image
+                      <img
                         className="w-full"
                         src={feature.image}
                         alt=""