api call ssr landing + latest product + ...

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

@@ -1,5 +1,5 @@
 import { NextPage } from 'next'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import {
     Breadcrumb,
     BreadcrumbItem,
@@ -60,4 +60,10 @@ const SingleProduct: NextPage = () => {
     )
 }
 
-export default withLayout(SingleProduct)
+export default function SingleProductWithLayout() {
+  return (
+    <Layout>
+      <SingleProduct />
+    </Layout>
+  )
+}