api call ssr landing + latest product + ...

src/app/blogs/[id]/page.tsx

@@ -2,7 +2,7 @@ import Image from 'next/image'
 import { Calendar, Eye, User } from 'iconsax-react'
 import LastPost from '../components/LastPost'
 import { NextPage } from 'next'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 
 const BlogDetail: NextPage = () => {
     return (
@@ -127,4 +127,10 @@ const BlogDetail: NextPage = () => {
     )
 }
 
-export default withLayout(BlogDetail)
+export default function BlogDetailWithLayout() {
+  return (
+    <Layout>
+      <BlogDetail />
+    </Layout>
+  )
+}