fakhr-khaleej-blog/components/OptimizedImage.js

Moving and relocation services blog

import React from 'react';
import Image from 'next/image';

export default function OptimizedImage({ 
  src, 
  alt, 
  className = '', 
  fill = true, 
  priority = false,
  sizes = "100vw"
}) {
  return (
    <Image 
      src={src} 
      alt={alt}
      fill={fill}
      width={fill ? undefined : 800}
      height={fill ? undefined : 600}
      priority={priority}
      style={{ objectFit: 'cover' }}
      sizes={sizes}
      className={className}
    />
  );
}