landing api

src/app/home/Blog.tsx

@@ -1,8 +1,11 @@
 import BlogItem from '@/components/BlogItem'
 import SectionHeader from '@/components/SectionHeader'
 import { FC } from 'react'
+import { useGetLanding } from './hooks/useHomeData'
 
 const Blog: FC = () => {
+
+    const { data } = useGetLanding()
     return (
         <div className='xl:mt-24 mt-14 max-w-maxWidth mx-auto'>
             <SectionHeader
@@ -10,9 +13,14 @@ const Blog: FC = () => {
             />
 
             <div className='flex xl:flex-row flex-col gap-8 xl:mt-16 mt-10 items-center'>
-                <BlogItem />
-                <BlogItem />
-                <BlogItem />
+                {
+                    data?.data?.pinnedBlogs?.map((item) => {
+                        return (
+                            <BlogItem key={item.id} item={item} />
+                        )
+                    })
+                }
+
             </div>
         </div>
     )