landing api

src/app/home/DanakSuggestedService.tsx

@@ -1,7 +1,12 @@
+'use client'
 import { FC } from 'react'
 import ServiceItem from '@/components/ServiceItem'
+import { useGetLanding } from './hooks/useHomeData'
 
 const DanakSuggestedService: FC = () => {
+
+    const { data } = useGetLanding()
+
     return (
         <div className='max-w-maxWidth mx-auto xl:mt-20 mt-12'>
             <h2 className='xl:text-2xl text-sm font-bold text-center xl:text-right'>
@@ -9,8 +14,14 @@ const DanakSuggestedService: FC = () => {
             </h2>
 
             <div className='xl:mt-14 mt-10 flex xl:flex-row flex-col gap-8'>
-                <ServiceItem />
-                <ServiceItem />
+                {
+                    data?.data?.danakSuggestServices?.map((item) => {
+                        return (
+                            <ServiceItem key={item.id} item={item} />
+                        )
+                    })
+                }
+
             </div>
         </div>
     )