api call ssr landing + latest product + ...

src/app/cart/page.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@/components/ui/button"
 import CartItem from "@/app/cart/components/CartItem"
 import CartSummary from "@/components/CartSummary"
-import withLayout from "@/hoc/withLayout"
+import Layout from "@/hoc/Layout"
 import { Trash } from "iconsax-react"
 import { NextPage } from "next"
 
@@ -47,4 +47,10 @@ const Cart: NextPage = () => {
     )
 }
 
-export default withLayout(Cart)
+export default function CartWithLayout() {
+  return (
+    <Layout>
+      <Cart />
+    </Layout>
+  )
+}

src/app/cart/payment/page.tsx

@@ -1,5 +1,5 @@
 import CartSummary from '@/components/CartSummary'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import { NextPage } from 'next'
 import TitleBack from '../components/TitleBack'
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
@@ -45,4 +45,10 @@ const CartPayment: NextPage = () => {
     )
 }
 
-export default withLayout(CartPayment)
+export default function CartPaymentWithLayout() {
+    return (
+        <Layout>
+            <CartPayment />
+        </Layout>
+    )
+}

src/app/cart/shipping/page.tsx

@@ -1,5 +1,5 @@
 import CartSummary from '@/components/CartSummary'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import { NextPage } from 'next'
 import CartItem from '../components/CartItem'
 import TitleBack from '../components/TitleBack'
@@ -46,4 +46,10 @@ const CartShipping: NextPage = () => {
     )
 }
 
-export default withLayout(CartShipping)
+export default function CartShippingWithLayout() {
+    return (
+        <Layout>
+            <CartShipping />
+        </Layout>
+    )
+}