order create

src/widgets/welcome/ui/index.tsx

@@ -19,6 +19,7 @@ import Image from 'next/image';
 import { useState } from 'react';
 import 'swiper/css';
 import { banner_api } from '../lib/api';
+import CategoryImage from '@/assets/water-bottle.png';
 
 const Welcome = () => {
   const [api, setApi] = useState<CarouselApi>();
@@ -129,7 +130,9 @@ const Welcome = () => {
                   <Link href={`/category/${banner.id}`}>
                     <div className="flex flex-col gap-1 items-center justify-start bg-white p-3 rounded-lg shadow-md cursor-pointer space-x-3">
                       <Image
-                        src={BASE_URL + banner.image}
+                        src={
+                          banner.image ? BASE_URL + banner.image : CategoryImage
+                        }
                         alt={banner.name}
                         width={500}
                         height={500}