bug fix

src/features/about/ui/AboutContent.tsx

@@ -99,6 +99,7 @@ export function AboutContent() {
                   height={500}
                   src={image.url || '/placeholder.svg'}
                   alt={image.alt}
+                  unoptimized
                   className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
                 />
               </div>

src/features/about/ui/AboutHero.tsx

@@ -9,6 +9,7 @@ export function AboutHero() {
         <Image
           width={500}
           height={500}
+          unoptimized
           src="/gourmet-food-culinary-magazine-hero-image.jpg"
           alt="Gastro Market"
           className="w-full h-full object-cover brightness-50"

src/features/cart/ui/CartPage.tsx

@@ -1,4 +1,5 @@
 'use client';
+import ProductBanner from '@/assets/product.png';
 import { cart_api } from '@/features/cart/lib/api';
 import { BASE_URL } from '@/shared/config/api/URLs';
 import { useRouter } from '@/shared/config/i18n/navigation';
@@ -21,7 +22,6 @@ import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useEffect, useRef, useState } from 'react';
 import { toast } from 'sonner';
-import ProductBanner from '@/assets/product.png';
 
 const CartPage = () => {
   const { cart_id } = useCartId();
@@ -167,6 +167,7 @@ const CartPage = () => {
                     alt={item.product.name}
                     width={500}
                     height={500}
+                    unoptimized
                     className="object-cover"
                     style={{ width: '100%', height: '100%' }}
                   />

src/features/cart/ui/OrderPage.tsx

@@ -560,6 +560,7 @@ const OrderPage = () => {
                         <Image
                           width={500}
                           height={500}
+                          unoptimized
                           src={
                             item.product.images.length !== 0
                               ? BASE_URL + item.product.images[0].image

src/features/category/ui/Category.tsx

@@ -37,6 +37,7 @@ const Category = () => {
                     src={BASE_URL + category.image}
                     alt={category.name}
                     width={70}
+                    unoptimized
                     height={70}
                   />
                   <span className="text-gray-900 font-medium">

src/features/product/ui/Product.tsx

@@ -165,6 +165,7 @@ const ProductDetail = () => {
         <div>
           <Image
             width={500}
+            unoptimized
             height={500}
             src={
               data && data?.images?.length !== 0
@@ -192,6 +193,7 @@ const ProductDetail = () => {
                     <Image
                       src={BASE_URL + img.image}
                       alt=""
+                      unoptimized
                       width={120}
                       height={120}
                       className="object-contain"

src/features/profile/ui/Orders.tsx

@@ -144,6 +144,7 @@ const Orders = () => {
                       >
                         <Image
                           width={500}
+                          unoptimized
                           height={500}
                           src={item.image || '/placeholder.svg'}
                           alt={item.name}

src/features/profile/ui/RefreshOrder.tsx

@@ -521,6 +521,7 @@ const RefreshOrder = () => {
                           height={500}
                           src={item.product_image}
                           alt={item.product_name}
+                          unoptimized
                           className="w-16 h-16 object-contain bg-gray-100 rounded"
                         />
                         <div className="flex-1">

src/widgets/categories/ui/animation.tsx

@@ -195,6 +195,7 @@ const Animation: React.FC<AnimationProps> = ({
             }
             width={500}
             height={500}
+            unoptimized
             alt={product.name}
             className="w-full h-full object-contain p-3"
           />

src/widgets/categories/ui/product-card.tsx

@@ -222,6 +222,7 @@ export function ProductCard({
                     : LogosProduct
                 }
                 alt={product.name}
+                unoptimized
                 className="object-cover"
               />
             </div>

src/widgets/footer/ui/index.tsx

@@ -31,6 +31,7 @@ const Footer = () => {
                   src={'/logos/logo-white.png'}
                   alt={PRODUCT_INFO.name}
                   title={PRODUCT_INFO.name}
+                  unoptimized
                   className="h-10 w-10"
                 />
               </div>

src/widgets/navbar/ui/ChangeLang.tsx

@@ -40,6 +40,7 @@ export function ChangeLang() {
                 alt="uz"
                 width={20}
                 height={20}
+                unoptimized
                 className="object-cover w-full h-full"
               />
             ) : (
@@ -47,6 +48,7 @@ export function ChangeLang() {
                 src="/flags/ru.png"
                 alt="ru"
                 width={20}
+                unoptimized
                 height={20}
                 className="object-cover w-full h-full"
               />

src/widgets/navbar/ui/MobileLanguageSelector.tsx

@@ -44,6 +44,7 @@ export const MobileLanguageSelector = () => {
               alt={currentLanguage?.key || 'language'}
               width={24}
               height={24}
+              unoptimized
               className="object-cover w-full h-full"
             />
           </div>
@@ -64,6 +65,7 @@ export const MobileLanguageSelector = () => {
                 src={lang.key === 'uz' ? '/flags/uz.png' : '/flags/ru.png'}
                 alt={lang.key}
                 width={20}
+                unoptimized
                 height={20}
                 className="object-cover w-full h-full"
               />

src/widgets/navbar/ui/SearchResult.tsx

@@ -120,6 +120,7 @@ export const SearchResult = ({ query }: SearchResultProps) => {
                 alt={product.name}
                 width={64}
                 height={64}
+                unoptimized
                 className="w-16 h-16 rounded-md object-contain bg-white border border-slate-100"
               />
 

src/widgets/navbar/ui/index.tsx

@@ -231,6 +231,7 @@ const Navbar = () => {
               src="/logos/logo.png"
               alt="logo"
               width={40}
+              unoptimized
               height={20}
               className="w-10 h-fit"
             />
@@ -257,6 +258,7 @@ const Navbar = () => {
                     <div className="bg-white p-2 rounded-lg">
                       <Image
                         width={32}
+                        unoptimized
                         height={32}
                         src={'/logos/logo.png'}
                         alt="logo"
@@ -508,6 +510,7 @@ const Navbar = () => {
                           <Image
                             src={e.image || '/placeholder.svg'}
                             alt={e.name}
+                            unoptimized
                             className="w-5 h-5 object-contain"
                           />
                         </div>

src/widgets/welcome/ui/index.tsx

@@ -141,6 +141,7 @@ const Welcome = () => {
                       src={BASE_URL + banner.banner}
                       alt={banner.id}
                       width={900}
+                      unoptimized
                       height={900}
                       className="object-cover w-full h-full"
                     />
@@ -183,6 +184,7 @@ const Welcome = () => {
                           banner.image ? BASE_URL + banner.image : CategoryImage
                         }
                         alt={banner.name}
+                        unoptimized
                         width={500}
                         height={500}
                         className="w-full h-16 object-contain"