landing api

2025-04-14 15:31:57 +03:30
parent 15af39fc84
commit 74c47893dd
25 changed files with 3365 additions and 124 deletions
@@ -0,0 +1,46 @@
+'use client'
+import { FC } from 'react'
+import HeroSection from './HeroSection'
+import Category from './Category'
+import BigBlogItem from './BigBlogItem'
+import MostVisited from './MostVisited'
+import ContactUs from './ContactUs'
+import { useGetBlogs } from '../hooks/useBlogsData'
+const BlogList: FC = () => {
+
+    const { data } = useGetBlogs()
+
+    return (
+        <div className=''>
+            <HeroSection />
+
+            <h1 className='text-2xl font-bold mt-10'>
+                مجله داناک
+            </h1>
+
+            <div className='mt-10 flex xl:flex-row flex-col gap-8'>
+                <div className='xl:w-[261px] w-full'>
+                    <Category />
+                </div>
+
+                <div className='flex-1 flex flex-col gap-8'>
+                    {data?.data.blogs.map((item) => (
+                        <BigBlogItem key={item.id} item={item} />
+                    ))}
+                </div>
+
+                <div className='xl:w-[261px] w-full'>
+                    <MostVisited />
+                    <div className='mt-6'>
+                        <ContactUs />
+                    </div>
+                    <div className='mt-6'>
+                        <MostVisited />
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default BlogList