Add page transition

1 files changed, 3 insertions, 2 deletions

diff --git a/src/pages/shop/brands.js b/src/pages/shop/brands.js
index 797843ee..499eaf99 100644
--- a/src/pages/shop/brands.js
+++ b/src/pages/shop/brands.js
@@ -7,6 +7,7 @@ import { createSlug } from "../../helpers/slug";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { useState } from "react";
 import Spinner from "../../components/Spinner";
+import Layout from "../../components/Layout";
 
 export async function getServerSideProps() {
   let initialManufactures = await apiOdoo('GET', '/api/v1/manufacture?limit=31');
@@ -25,7 +26,7 @@ export default function Brands({ initialManufactures }) {
   return (
     <>
       <Header title='Semua Brand di Indoteknik' />
-      <main className="p-4">
+      <Layout className='p-4' key='/shop/brands'>
         <h1>Semua Brand di Indoteknik</h1>
         <InfiniteScroll
           dataLength={manufactures.length}
@@ -48,7 +49,7 @@ export default function Brands({ initialManufactures }) {
             ) : ''
           ))}
         </InfiniteScroll>
-      </main>
+      </Layout>
     </>
   )
 }
\ No newline at end of file