add cart & checkout page

.next/BUILD_ID

@@ -1 +0,0 @@
-w_oKhPX80_KIOSvSP1ynh

.next/build-manifest.json

@@ -1,446 +1,32 @@
 {
-  "devFiles": [],
+  "devFiles": [
+    "static/runtime/react-refresh.js",
+    "static/runtime/react-refresh.js.map",
+    "static/development/dll/dll_dc8ac110ce5d8530b237.js",
+    "static/development/dll/dll_dc8ac110ce5d8530b237.js.map"
+  ],
   "lowPriorityFiles": [
-    "static/w_oKhPX80_KIOSvSP1ynh/_buildManifest.js",
-    "static/w_oKhPX80_KIOSvSP1ynh/_ssgManifest.js"
+    "static/development/_buildManifest.js",
+    "static/development/_ssgManifest.js"
   ],
   "pages": {
-    "/_(index)": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
     "/_app": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/css/styles.f2395aca.chunk.css",
-      "static/chunks/styles.be41561512e628a20255.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
+      "static/runtime/webpack.js",
+      "static/css/styles.chunk.css",
+      "static/chunks/styles.js",
+      "static/runtime/main.js"
     ],
     "/_error": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
+      "static/runtime/webpack.js",
+      "static/runtime/main.js"
     ],
     "/_polyfills": [
-      "static/runtime/polyfills-02135cf34393326fb5b0.js"
-    ],
-    "/suzuki/abous_us/aboutus": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/penghargaan": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/profile": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/saham": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/sejarah": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/struktur_organisasi": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/tata_kelola": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/abous_us/tugas_fungsi": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/carrer": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/carrer_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/dealers": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/chunks/749a8592eb4a1c95abdc9648fa9f8392b65c507b.db3c3f444502ac49bbcb.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/home": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/9c517c8c1e195a828eedb75bb2472b6cb5138651.bd80ce70b19b93a22a38.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/latestnews": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/9c517c8c1e195a828eedb75bb2472b6cb5138651.bd80ce70b19b93a22a38.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/latestnews_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/9c517c8c1e195a828eedb75bb2472b6cb5138651.bd80ce70b19b93a22a38.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/login": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/36f52d2cfff4f14befc153d78e7f55152fadd0da.16ed028194cb1c4265d1.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/product/product": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/suzuki/product/product_detail": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/aboutus": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/penghargaan": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/profile": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/saham": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/sejarah": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/struktur_organisasi": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/tata_kelola": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/abous_us/tugas_fungsi": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/carrer": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/carrer_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/dealers": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/chunks/749a8592eb4a1c95abdc9648fa9f8392b65c507b.db3c3f444502ac49bbcb.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/home": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/latestnews": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/latestnews_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/login": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/36f52d2cfff4f14befc153d78e7f55152fadd0da.16ed028194cb1c4265d1.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/accessories": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/chunks/749a8592eb4a1c95abdc9648fa9f8392b65c507b.db3c3f444502ac49bbcb.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/accessories_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/apparel": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/apparel_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/helmet": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/helmet_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/product": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/product_detail": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/yamalube": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/chunks/749a8592eb4a1c95abdc9648fa9f8392b65c507b.db3c3f444502ac49bbcb.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/yamalube_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/548a387be22128717b6137afc2485f8cc4ee3f6c.25f1fa36f78e68f109d3.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
-    ],
-    "/yamaha/product/ygp": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/0b9644a1c83f95864ac8eb4a0aa3288d76b577c1.049bee306f7a55effb25.js",
-      "static/chunks/05aa77768e4413b77492997cf62d5e164be0c917.c5d8894295cd8ffd1b6b.js",
-      "static/chunks/749a8592eb4a1c95abdc9648fa9f8392b65c507b.db3c3f444502ac49bbcb.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
+      "static/runtime/polyfills.js",
+      "static/runtime/polyfills.js.map"
     ],
-    "/yamaha/product/ygp_details": [
-      "static/runtime/webpack-83bd83ab777f80a6c75c.js",
-      "static/chunks/framework.619a4f70c1d4d3a29cbc.js",
-      "static/chunks/commons.2ca93df023a68960eb7a.js",
-      "static/chunks/921f90263f6c32e72b9d621f2e36ca93fb96d5e9.67a78ce0121a45f17a55.js",
-      "static/chunks/931de4d83c189aea0915f86a8f4b879d3b8a6ec4.9697941efe4135cf4339.js",
-      "static/chunks/a902aee3f7184509c3004cd565cfe8ff4120c777.560d22bde26482806fed.js",
-      "static/chunks/21dd76926d0f5f4c1fa433a491db5ced09708eac.9da77783322f38ff4ae5.js",
-      "static/runtime/main-a4ca76fc0310b23be9da.js"
+    "/yamaha/cart/checkout": [
+      "static/runtime/webpack.js",
+      "static/runtime/main.js"
     ]
   }
 }

.next/export-marker.json

@@ -1 +0,0 @@
-{"version":1,"hasExportPathMap":false,"exportTrailingSlash":false}

.next/prerender-manifest.json

@@ -1 +0,0 @@
-{"version":2,"routes":{},"dynamicRoutes":{},"preview":{"previewModeId":"e974788489080e2c5ebbb7ed61bc5618","previewModeSigningKey":"920b2ab40a982c29fd9344e312fe02a6b1d30f9ea16e703ef43538f46dde19ac","previewModeEncryptionKey":"5c8d04fbdca9bc17d347a6263a094b85ec52cdfd649a245583445ec6a897389c"}}

.next/react-loadable-manifest.json

@@ -1 +1,10 @@
-{}
+{
+  "./dev/noop": [
+    {
+      "id": "./node_modules/next/dist/client/dev/noop.js",
+      "name": "./node_modules/next/dist/client/dev/noop.js",
+      "file": "static/chunks/0.js",
+      "publicPath": "static/chunks/0.js"
+    }
+  ]
+}

.next/routes-manifest.json

@@ -1 +0,0 @@
-{"version":1,"pages404":true,"basePath":"","redirects":[],"rewrites":[],"headers":[],"dynamicRoutes":[],"dataRoutes":[{"page":"/suzuki/carrer","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/carrer.json$"},{"page":"/suzuki/carrer_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/carrer_details.json$"},{"page":"/suzuki/dealers","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/dealers.json$"},{"page":"/suzuki/home","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/home.json$"},{"page":"/suzuki/latestnews","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/latestnews.json$"},{"page":"/suzuki/latestnews_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/latestnews_details.json$"},{"page":"/suzuki/product/product","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/product\\/product.json$"},{"page":"/suzuki/product/product_detail","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/suzuki\\/product\\/product_detail.json$"},{"page":"/yamaha/carrer","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/carrer.json$"},{"page":"/yamaha/carrer_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/carrer_details.json$"},{"page":"/yamaha/dealers","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/dealers.json$"},{"page":"/yamaha/home","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/home.json$"},{"page":"/yamaha/latestnews","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/latestnews.json$"},{"page":"/yamaha/latestnews_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/latestnews_details.json$"},{"page":"/yamaha/product/accessories","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/accessories.json$"},{"page":"/yamaha/product/accessories_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/accessories_details.json$"},{"page":"/yamaha/product/apparel","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/apparel.json$"},{"page":"/yamaha/product/apparel_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/apparel_details.json$"},{"page":"/yamaha/product/helmet","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/helmet.json$"},{"page":"/yamaha/product/helmet_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/helmet_details.json$"},{"page":"/yamaha/product/product","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/product.json$"},{"page":"/yamaha/product/product_detail","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/product_detail.json$"},{"page":"/yamaha/product/yamalube","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/yamalube.json$"},{"page":"/yamaha/product/yamalube_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/yamalube_details.json$"},{"page":"/yamaha/product/ygp","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/ygp.json$"},{"page":"/yamaha/product/ygp_details","dataRouteRegex":"^\\/_next\\/data\\/w_oKhPX80_KIOSvSP1ynh\\/yamaha\\/product\\/ygp_details.json$"}]}

.next/server/init-server.js

@@ -88,12 +88,16 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "GX0O");
+/******/ 	return __webpack_require__(__webpack_require__.s = "./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-init-server!./");
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ "GX0O":
+/***/ "./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-init-server!./":
+/*!******************************************************************************************************!*\
+  !*** ./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-init-server ***!
+  \******************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -108,4 +112,5 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ })
 
-/******/ });
+/******/ });
+//# sourceMappingURL=init-server.js.map

.next/server/on-error-server.js

@@ -88,12 +88,16 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "KqAr");
+/******/ 	return __webpack_require__(__webpack_require__.s = "./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-error-server!./");
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ "KqAr":
+/***/ "./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-error-server!./":
+/*!*******************************************************************************************************!*\
+  !*** ./node_modules/next/dist/build/webpack/loaders/next-plugin-loader.js?middleware=on-error-server ***!
+  \*******************************************************************************************************/
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -108,4 +112,5 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ })
 
-/******/ });
+/******/ });
+//# sourceMappingURL=on-error-server.js.map

.next/server/pages-manifest.json

@@ -1 +1 @@
-{"/_(index)":"static/w_oKhPX80_KIOSvSP1ynh/pages/_(index).js","/_app":"static/w_oKhPX80_KIOSvSP1ynh/pages/_app.js","/_document":"static/w_oKhPX80_KIOSvSP1ynh/pages/_document.js","/_error":"static/w_oKhPX80_KIOSvSP1ynh/pages/_error.js","/api/product/get":"static/w_oKhPX80_KIOSvSP1ynh/pages/api/product/get.js","/suzuki/abous_us/aboutus":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/aboutus.js","/suzuki/abous_us/penghargaan":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/penghargaan.js","/suzuki/abous_us/profile":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/profile.js","/suzuki/abous_us/saham":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/saham.js","/suzuki/abous_us/sejarah":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/sejarah.js","/suzuki/abous_us/struktur_organisasi":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/struktur_organisasi.js","/suzuki/abous_us/tata_kelola":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/tata_kelola.js","/suzuki/abous_us/tugas_fungsi":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/abous_us/tugas_fungsi.js","/suzuki/carrer":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/carrer.js","/suzuki/carrer_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/carrer_details.js","/suzuki/dealers":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/dealers.js","/suzuki/home":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/home.js","/suzuki/latestnews":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/latestnews.js","/suzuki/latestnews_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/latestnews_details.js","/suzuki/login":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/login.js","/suzuki/product/product":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/product/product.js","/suzuki/product/product_detail":"static/w_oKhPX80_KIOSvSP1ynh/pages/suzuki/product/product_detail.js","/yamaha/abous_us/aboutus":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/aboutus.js","/yamaha/abous_us/penghargaan":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/penghargaan.js","/yamaha/abous_us/profile":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/profile.js","/yamaha/abous_us/saham":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/saham.js","/yamaha/abous_us/sejarah":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/sejarah.js","/yamaha/abous_us/struktur_organisasi":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/struktur_organisasi.js","/yamaha/abous_us/tata_kelola":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/tata_kelola.js","/yamaha/abous_us/tugas_fungsi":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/abous_us/tugas_fungsi.js","/yamaha/carrer":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/carrer.js","/yamaha/carrer_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/carrer_details.js","/yamaha/dealers":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/dealers.js","/yamaha/home":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/home.js","/yamaha/latestnews":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/latestnews.js","/yamaha/latestnews_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/latestnews_details.js","/yamaha/login":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/login.js","/yamaha/product/accessories":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/accessories.js","/yamaha/product/accessories_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/accessories_details.js","/yamaha/product/apparel":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/apparel.js","/yamaha/product/apparel_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/apparel_details.js","/yamaha/product/helmet":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/helmet.js","/yamaha/product/helmet_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/helmet_details.js","/yamaha/product/product":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/product.js","/yamaha/product/product_detail":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/product_detail.js","/yamaha/product/yamalube":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/yamalube.js","/yamaha/product/yamalube_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/yamalube_details.js","/yamaha/product/ygp":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/ygp.js","/yamaha/product/ygp_details":"static/w_oKhPX80_KIOSvSP1ynh/pages/yamaha/product/ygp_details.js"}
+{"/_app":"static/development/pages/_app.js","/_document":"static/development/pages/_document.js","/_error":"static/development/pages/_error.js","/yamaha/cart/checkout":"static/development/pages/yamaha/cart/checkout.js"}

.next/static/chunks/framework.619a4f70c1d4d3a29cbc.js.LICENSE.txt

@@ -1,26 +0,0 @@
-/** @license React v0.19.1
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.13.1
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.13.1
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

.next/static/runtime/webpack-83bd83ab777f80a6c75c.js

@@ -1 +0,0 @@
-!function(e){function r(r){for(var n,l,f=r[0],i=r[1],a=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var i=t[f];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={0:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}},o=!0;try{e[r].call(t.exports,t,t.exports,l),o=!1}finally{o&&delete n[r]}return t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="";var f=window.webpackJsonp=window.webpackJsonp||[],i=f.push.bind(f);f.push=r,f=f.slice();for(var a=0;a<f.length;a++)r(f[a]);var p=i;t()}([]);

api/cart/cart.js

@@ -0,0 +1,30 @@
+import apollo from "../../lib/apollo.js";
+
+async function GetCartProduct(id, token = "") {
+    var res = await apollo.query(
+        `
+        query($input: ID!){
+        products(where:{id:$input})
+        {
+            name
+            price
+            description
+            img{
+            url
+            }
+            overview
+            specification
+            film
+            stock
+        }
+        }	`,
+        token, {
+        "input": id
+        }
+    );
+    return res;
+}
+
+module.exports = {
+    GetCartProduct: GetCartProduct,
+};

api/cart/checkout.js

@@ -0,0 +1,30 @@
+import apollo from "../../lib/apollo.js";
+
+async function GetCheckoutproduct(id, token = "") {
+    var res = await apollo.query(
+        `
+        query($input: ID!){
+        products(where:{id:$input})
+        {
+            name
+            price
+            description
+            img{
+            url
+            }
+            overview
+            specification
+            film
+            stock
+        }
+        }	`,
+        token, {
+        "input": id
+        }
+    );
+    return res;
+}
+
+module.exports = {
+    GetCheckoutproduct: GetCheckoutproduct,
+};

components/Footer/FooterSuzuki.js

@@ -32,72 +32,70 @@ export default function Footer(props) {
     });
     return (
         <div>
-        <GridContainer style={{padding: "40px"}} justify="center">
-        <Grid>
-            <div align="center" style={{marginTop:"-20px"}}>
-            <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
-            <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
-            </div>
-        </Grid>
-        <Grid>
-            <div>
-            <footer className={footerClasses}>
-                <div className={classes.container}>
-                <div className={classes.left}>
-                    <List className={classes.list}>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/home" className={classes.block} > Home </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/product" className={classes.block}> Motor </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/service" className={classes.block}> Service </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
-                    </ListItem>
-                    <ListItem className={classes.inlineBlock}>
-                        <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
-                    </ListItem>
-                    </List>
-                </div>
-                </div>
-            </footer>
-            </div>
-        </Grid>
-        </GridContainer>
-        <GridContainer style={{marginTop: "-40px"}} justify="center">
-        <Grid>
-        <div align="center">
-        <div className={classes.right}>
-                &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
-            </div>
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px"}}>
+                    <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
+                </Grid>
+                <Grid style={{padding:"25px"}}>
+                    <img className={classes.imgCard} src="https://nomorsalesmobil.com/wp-content/uploads/2018/10/Suzuki-logo-5000x2500.png" style={{width:"350px"}}/>
+                </Grid>
+            </GridContainer>
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px", marginTop:"-50px"}}>
+                    <footer className={footerClasses}>
+                        <div className={classes.container}>
+                            <div className={classes.left}>
+                                <List className={classes.list}>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/home" className={classes.block} > Home </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/product" className={classes.block}> Product </a>
+                                </ListItem>
+                                {/* <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/ygp" className={classes.block}> YGP </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/yamalube" className={classes.block}> Yamalube </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/apparel" className={classes.block}> Apparel </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/helmet" className={classes.block}> Helmet </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/accessories" className={classes.block}> Accessories </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/service" className={classes.block}> Service </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/product/dealer" className={classes.block}> Dealer </a>
+                                </ListItem> */}
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/latestsnews" className={classes.block}> Latest News </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/carrer" className={classes.block}> Carrer </a>
+                                </ListItem>
+                                <ListItem className={classes.inlineBlock}>
+                                    <a href="/suzuki/about_us/aboutus" className={classes.block}> About Us </a>
+                                </ListItem>
+                                </List>
+                            </div>
+                        </div>
+                    </footer>
+                </Grid>
+            </GridContainer>
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px", marginTop:"-50px"}}>
+                    <div className={classes.right}>
+                        &copy; {1900 + new Date().getYear()} , All Right Reserved{" "} by{" "} @Thamrin Group Company
+                    </div>
+                </Grid>
+            </GridContainer>
         </div>
-        </Grid>
-    </GridContainer>
-    </div>
     );
 }
 

components/Header/HeaderLinks.js

@@ -107,7 +107,7 @@ export default function HeaderLinks(props) {
         </Button>
       </ListItem>
       <ListItem className={classes.listItem} style={{marginTop:"10px"}}>
-        <Button href="/chart" color="transparent" className={classes.navLink}>
+        <Button href="/yamaha/cart/cart" color="transparent" className={classes.navLink}>
           <Chart className={classes.icons} />
         </Button>
       </ListItem>

package.json

@@ -34,7 +34,8 @@
   "homepage": "https://demos.creative-tim.com/nextjs-material-kit",
   "dependencies": {
     "@apollo/client": "^3.3.11",
-    "@material-ui/core": "4.9.13",
+    "@material-ui/core": "^4.11.3",
+    "@material-ui/data-grid": "^4.0.0-alpha.23",
     "@material-ui/icons": "4.9.1",
     "@zeit/next-css": "^1.0.1",
     "@zeit/next-less": "^1.0.1",

pages-sections/suzuki/home/sosmed.js

@@ -31,12 +31,13 @@ const DataService = function ({ backend, service, ...props })  {
                 color="danger"
                 />
             </div>
-            <GridContainer justify="center" style={{padding:"50px", marginTop:"-50px"}}>
-                <Grid>
+            <div align="center">
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://cdn.hipwallpaper.com/i/4/66/Me0Bbc.jpg" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://cdn.hipwallpaper.com/i/4/66/Me0Bbc.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
+                            <div align="center" style={{marginTop:"120px"}}>
                             <Button color="white" href="https://www.facebook.com/yamaholigan" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
@@ -44,38 +45,38 @@ const DataService = function ({ backend, service, ...props })  {
                         </div>
                     </Card>
                 </Grid>
-                <Grid>
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://www.devidia.net/wp-content/uploads/bfi_thumb/youtube-logo-34ec4yxwi0ab51015sqxorxcg1ycqmqxyfutkbpxe4wbnl436.jpg" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://www.devidia.net/wp-content/uploads/bfi_thumb/youtube-logo-34ec4yxwi0ab51015sqxorxcg1ycqmqxyfutkbpxe4wbnl436.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
-                            <Button color="white" href="https://www.youtube.com/user/yamahamotorindonesia" target="_blank">
+                            <div align="center" style={{marginTop:"120px"}}>
+                            <Button color="white" href="https://www.youtube.com/user/ibnusuzuki" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
                             </div>
                         </div>
                     </Card>
                 </Grid>
-            </GridContainer>
-            <GridContainer justify="center" style={{marginTop:"-110px"}}>
-                <Grid>
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://en.instagram-brand.com/wp-content/uploads/2016/11/Glyph-Icon-hero.png" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://en.instagram-brand.com/wp-content/uploads/2016/11/Glyph-Icon-hero.png" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
-                            <Button color="white" href="https://www.instagram.com/yamahaindonesia/" target="_blank">
+                            <div align="center" style={{marginTop:"120px"}}>
+                            <Button color="white" href="https://www.instagram.com/suzuki_nscb._com/" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
                             </div>
                         </div>
                     </Card>
                 </Grid>
-                <Grid>
+            </GridContainer>
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px", marginTop:"-50px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://acmconnect.com/wp-content/uploads/2015/07/Screenshot-1276-1024x576.png" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://acmconnect.com/wp-content/uploads/2015/07/Screenshot-1276-1024x576.png" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
-                            <Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
+                            <div align="center" style={{marginTop:"120px"}}>
+                            <Button color="white" href="https://twitter.com/NSCB_KAMBOJA" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
                             </div>
@@ -83,6 +84,7 @@ const DataService = function ({ backend, service, ...props })  {
                     </Card>
                 </Grid>
             </GridContainer>
+            </div>
         </div>
     );
 }

pages-sections/yamaha/cart/cart.js

@@ -0,0 +1,154 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import Table from '@material-ui/core/Table';
+import TableBody from '@material-ui/core/TableBody';
+import TableCell from '@material-ui/core/TableCell';
+import TableContainer from '@material-ui/core/TableContainer';
+import TableHead from '@material-ui/core/TableHead';
+import TableRow from '@material-ui/core/TableRow';
+import Paper from '@material-ui/core/Paper';
+import SnackbarContent from "components/Snackbar/SnackbarContent.js";
+import classNames from "classnames";
+import Grid from '@material-ui/core/Grid';
+import GridContainer from "components/Grid/GridContainer.js";
+import Card from "components/Card/Card.js";
+import Button from "components/CustomButtons/Button.js";
+import Icon from "@material-ui/core/Icon";
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+
+    const useStyles = makeStyles({
+    table: {
+        minWidth: 650,
+        },
+    });
+
+    const handleChange = (event) => {
+    setAge(event.target.value);
+    };
+
+    const Cart = function ({ backend, cartproduct, ...props }) {
+    const classes = useStyles();
+    const { ...rest } = props;
+    const imageClasses = classNames(
+        classes.imgRaised,
+        classes.imgRoundedCircle,
+        classes.imgFluid
+    );
+    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+
+    const CartProduct = cartproduct.map((data) => {
+        return ( 
+            <div>
+            <TableContainer component={Paper}>
+                <Table className={classes.table} aria-label="simple table">
+                    <TableHead>
+                        <TableRow>
+                            <TableCell align="center">Product</TableCell>
+                            <TableCell align="center">Nama Product</TableCell>
+                            <TableCell align="center">Warna</TableCell>
+                            <TableCell align="center">Harga Satuan</TableCell>
+                            <TableCell align="center">Jumlah Unit</TableCell>
+                            <TableCell align="center">Harga Total</TableCell>
+                            <TableCell align="center">Aksi</TableCell>
+                        </TableRow>
+                    </TableHead>
+                    <TableBody>
+                        <TableRow key={data.name}>
+                            <TableCell component="th" scope="row" align="center"><img className={navImageClasses} width="200px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} /></TableCell>
+                            <TableCell align="center">{data.name}</TableCell>
+                            <TableCell align="center">
+                                <FormControl className={classes.formControl}>
+                                    <Select
+                                    labelId="demo-simple-select-placeholder-label-label"
+                                    id="demo-simple-select-placeholder-label"
+                                    onChange={handleChange}
+                                    displayEmpty
+                                    className={classes.selectEmpty}
+                                    >
+                                    <MenuItem value="">
+                                        <em>None</em>
+                                    </MenuItem>
+                                    <MenuItem value={10}>Hitam</MenuItem>
+                                    <MenuItem value={20}>Merah</MenuItem>
+                                    <MenuItem value={30}>Biru</MenuItem>
+                                    </Select>
+                                </FormControl>
+                            </TableCell>
+                            <TableCell align="center">Rp.{data.price}</TableCell>
+                            <TableCell align="center">
+                                <FormControl className={classes.formControl}>
+                                    <Select
+                                    labelId="demo-simple-select-placeholder-label-label"
+                                    id="demo-simple-select-placeholder-label"
+                                    onChange={handleChange}
+                                    displayEmpty
+                                    className={classes.selectEmpty}
+                                    >
+                                    <MenuItem value="">
+                                        <em>None</em>
+                                    </MenuItem>
+                                    <MenuItem value={1}>1</MenuItem>
+                                    <MenuItem value={2}>2</MenuItem>
+                                    <MenuItem value={3}>3</MenuItem>
+                                    <MenuItem value={4}>4</MenuItem>
+                                    <MenuItem value={5}>5</MenuItem>
+                                    <MenuItem value={6}>6</MenuItem>
+                                    <MenuItem value={7}>7</MenuItem>
+                                    <MenuItem value={8}>8</MenuItem>
+                                    <MenuItem value={9}>9</MenuItem>
+                                    <MenuItem value={10}>10</MenuItem>
+                                    </Select>
+                                </FormControl></TableCell>
+                            <TableCell align="center">Rp.{data.price}</TableCell>
+                            <TableCell align="center"><a href="#">Hapus</a></TableCell>
+                        </TableRow>
+                    </TableBody>
+                </Table>
+            </TableContainer>
+            <Card style={{padding:"30px"}}>
+                <GridContainer>
+                    <Grid item xs>
+
+                    </Grid>
+                    <Grid item xs>
+                        <div align="right">
+                        <h4>Total Semua Harga Produk : Rp.{data.price}</h4>
+                        </div>
+                    </Grid>
+                    <Grid item xs>
+                        <Grid item xs>
+                            <Button 
+                                color="info"
+                                href={"/yamaha/cart/checkout?s="+data.id}
+                            >
+                                <Icon className={classes.icons}>shopping_cart</Icon>
+                                Checkout
+                            </Button>
+                        </Grid>
+                    </Grid>
+                </GridContainer>
+            </Card>
+            </div>
+        );
+    })
+    return (
+        <div align="center" className={classes.section} id="notifications">
+            <div style={{padding:"25px"}}>
+            <SnackbarContent
+                message={
+                    <h2><b>My Cart</b></h2>
+                }
+                align="center"
+                color="danger"
+            />
+            </div>
+            <div style={{padding:"25px"}}>
+                {CartProduct}
+            </div>
+        </div>
+    );
+    }
+
+export default Cart;

pages-sections/yamaha/cart/checkout.js

@@ -0,0 +1,281 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+
+import SnackbarContent from "components/Snackbar/SnackbarContent.js";
+import Button1 from "components/CustomButtons/Button.js";
+import image1 from "../../../assets/img/mail.png"
+import GridContainer from "components/Grid/GridContainer.js";
+import Card from "components/Card/Card.js";
+import classNames from "classnames";
+
+import Icon from "@material-ui/core/Icon";
+import Stepper from '@material-ui/core/Stepper';
+import Step from '@material-ui/core/Step';
+import StepLabel from '@material-ui/core/StepLabel';
+import StepContent from '@material-ui/core/StepContent';
+import Paper from '@material-ui/core/Paper';
+import Grid from '@material-ui/core/Grid';
+import TextField from '@material-ui/core/TextField';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListItem from '@material-ui/core/ListItem';
+import List from '@material-ui/core/List';
+import Divider from '@material-ui/core/Divider';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import IconButton from '@material-ui/core/IconButton';
+import Typography from '@material-ui/core/Typography';
+import CloseIcon from '@material-ui/icons/Close';
+import Slide from '@material-ui/core/Slide';
+
+const useStyles = makeStyles((theme) => ({
+    root: {
+        width: '100%',
+    },
+    button: {
+        marginTop: theme.spacing(1),
+        marginRight: theme.spacing(1),
+    },
+    actionsContainer: {
+        marginBottom: theme.spacing(2),
+    },
+    resetContainer: {
+        padding: theme.spacing(3),
+    },
+    appBar: {
+        position: 'relative',
+    },
+        title: {
+        marginLeft: theme.spacing(2),
+        flex: 1,
+    },
+}));
+
+function getSteps() {
+    return ['Alamat Pengiriman', 'Pesanan Produk', 'Metode Pembayaran'];
+}
+
+const Transition = React.forwardRef(function Transition(props, ref) {
+    return <Slide direction="up" ref={ref} {...props} />;
+});
+
+const DataCheckout = function ({ backend, checkoutproduct, ...props }) {
+    const classes = useStyles();
+    const [activeStep, setActiveStep] = React.useState(0);
+    const steps = getSteps();
+
+    const handleNext = () => {
+        setActiveStep((prevActiveStep) => prevActiveStep + 1);
+    };
+
+    const handleBack = () => {
+        setActiveStep((prevActiveStep) => prevActiveStep - 1);
+    };
+
+    const handleReset = () => {
+        setActiveStep(0);
+    };
+
+    const [open, setOpen] = React.useState(false);
+
+    const handleClickOpen = () => {
+        setOpen(true);
+    };
+
+    const handleClose = () => {
+        setOpen(false);
+    };
+
+    const { ...rest } = props;
+    const imageClasses = classNames(
+        classes.imgRaised,
+        classes.imgRoundedCircle,
+        classes.imgFluid
+    );
+    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
+
+    const CartAlamat = checkoutproduct.map((data) => {
+        return (
+            <div align="center">
+                <img src={image1} style={{width:"1100px"}}/><br></br>
+                <h4>Alamat Pengiriman</h4>
+                <hr></hr>
+                <h5>Yusmar</h5>
+                <h5>087797315685</h5>
+                <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+
+                <Button1 color="info" href={"/yamaha/cart/checkout?s="+data.id}>
+                    <Icon className={classes.icons}>cached</Icon>
+                    Ubah Alamat
+                </Button1>
+            </div>
+        );
+    })
+
+    const CartProdukPesanan = checkoutproduct.map((data) => {
+        return (
+            <div align="center">
+                <GridContainer>
+                    <Grid item xs>
+                        <div align="center">
+                            <h4>Produk Dipesan</h4>
+                            <img className={navImageClasses} width="200px" alt="First slide" src={`${backend}${data.img[0]["url"]}`} />
+                        </div>
+                    </Grid>
+                    <Grid item xs>
+                        <div align="center">
+                            <h4></h4><br></br><br></br><br></br><br></br>
+                            <h5>{data.name}</h5>
+                        </div>
+                    </Grid>
+                    <Grid item xs>
+                        <div align="center">
+                            <h4>Harga Satuan</h4><br></br><br></br><br></br>
+                            <h5>Rp.{data.price}</h5>
+                        </div>
+                    </Grid>
+                    <Grid item xs>
+                        <div align="center">
+                            <h4>Jumlah Unit</h4><br></br><br></br><br></br>
+                            <h5>1 Unit</h5>
+                        </div>
+                    </Grid>
+                    <Grid item xs>
+                        <div align="center">
+                            <h4>Sub Total Produk</h4><br></br><br></br><br></br>
+                            <h5>Total Rp.{data.price}</h5>
+                        </div>
+                    </Grid>
+                </GridContainer>
+                <GridContainer style={{padding:"20px"}}>
+                    <Grid item xs style={{padding:"20px"}}>
+                        <TextField
+                            id="outlined-full-width"
+                            label="Pesan"
+                            style={{ margin: 8 }}
+                            placeholder="( Opsional ) Tinggalkan Pesan Kepada Dealer"
+                            fullWidth
+                            margin="normal"
+                            InputLabelProps={{
+                                shrink: true,
+                            }}
+                            variant="outlined"
+                        />
+                    </Grid>
+                    <Grid item xs style={{padding:"20px"}}><br></br>
+                        <Button variant="outlined" color="primary" onClick={handleClickOpen}>
+                            Pilih Opsi Pengiriman
+                        </Button>
+                        <Dialog fullScreen open={open} onClose={handleClose} TransitionComponent={Transition}>
+                            <AppBar className={classes.appBar}>
+                            <Toolbar>
+                                <IconButton edge="start" color="inherit" onClick={handleClose} aria-label="close">
+                                <CloseIcon />
+                                </IconButton>
+                                <Typography variant="h6" className={classes.title}>
+                                    Pilih Opsi Pengiriman
+                                </Typography>
+                                <Button autoFocus color="inherit" onClick={handleClose}>
+                                    Pilih
+                                </Button>
+                            </Toolbar>
+                            </AppBar>
+                            <List>
+                            <ListItem button>
+                                <ListItemText primary="Reguler" secondary="Akan diterima pada tanggal 2 Apr - 6 Apr" />
+                            </ListItem>
+                            <Divider />
+                            <ListItem button>
+                                <ListItemText primary="Kargo" secondary="Akan diterima pada tanggal 30 Mar - 2 Apr" />
+                            </ListItem>
+                            <ListItem button>
+                                <ListItemText primary="Hemat" secondary="Akan diterima pada tanggal 1 Apr - 4 Apr, COD (Bayar di Tempat) tidak didukung" />
+                            </ListItem>
+                            </List>
+                        </Dialog>
+                    </Grid>
+                    <Grid item xs align="right" style={{padding:"20px"}}><br></br>
+                        Total Rp. {data.price}
+                    </Grid>
+                </GridContainer>
+            </div>
+        );
+    })
+
+    const CartMetodePembayaran = checkoutproduct.map((data) => {
+        return (
+            <div align="center">
+                <img src={image1} style={{width:"1100px"}}/><br></br>
+                <h4>Alamat Pengiriman</h4>
+                <hr></hr>
+                <h5>Yusmar</h5>
+                <h5>087797315685</h5>
+                <h5>Thamrin Indrapura Jl.Aipda Karel Satsuit Tubun,17 Ilir, Kec.Ilir Tim.I, Palembang, KOTA PALEMBANG - ILIR TIMUR II, SUMATERA SELATAN, ID 30114</h5>
+
+                <Button1 color="info" href={"/yamaha/cart/checkout?s="+data.id}>
+                    <Icon className={classes.icons}>cached</Icon>
+                    Ubah Alamat
+                </Button1>
+            </div>
+        );
+    })
+    
+    return (
+        <div style={{padding:"50px"}}>
+            <div align="center" className={classes.section} id="notifications">
+                    <SnackbarContent
+                        message={
+                            <h2><b>Checkout</b></h2>
+                        }
+                        align="center"
+                        color="danger"
+                    />
+                </div>
+                <Stepper activeStep={activeStep} orientation="vertical">
+                    {steps.map((label, index) => (
+                    <Step key={label}>
+                        <StepLabel>{label}</StepLabel>
+                        <StepContent>
+                        <Typography>{CartProdukPesanan}</Typography>
+                        <div className={classes.actionsContainer}>
+                            <div>
+                            <Button
+                                disabled={activeStep === 0}
+                                onClick={handleBack}
+                                className={classes.button}
+                            >
+                                Back
+                            </Button>
+                            <Button
+                                variant="contained"
+                                color="primary"
+                                onClick={handleNext}
+                                className={classes.button}
+                            >
+                                {activeStep === steps.length - 1 ? 'Buat Pesanan' : 'Next'}
+                            </Button>
+                            </div>
+                        </div>
+                        </StepContent>
+                    </Step>
+                    ))}
+                </Stepper>
+                {activeStep === steps.length && (
+                    <Paper square elevation={0} className={classes.resetContainer}>
+                    <Typography>Semua Langkah Sudah Selesai !!!</Typography>
+                    <Button1 color="info" href={"/yamaha/cart/checkout?s="+data.id}>
+                        <Icon className={classes.icons}>shopping_cart</Icon>
+                        Checkout
+                    </Button1>
+                    <Button1 onClick={handleReset} color="info">
+                        <Icon className={classes.icons}>restore</Icon>
+                        Reset
+                    </Button1>
+                    </Paper>
+                )}
+        </div>
+    );
+}
+
+export default DataCheckout;

pages-sections/yamaha/home/sosmed.js

@@ -31,12 +31,13 @@ const DataService = function ({ backend, service, ...props })  {
                 color="danger"
                 />
             </div>
-            <GridContainer justify="center" style={{padding:"50px", marginTop:"-50px"}}>
-                <Grid>
+            <div align="center">
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://cdn.hipwallpaper.com/i/4/66/Me0Bbc.jpg" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://cdn.hipwallpaper.com/i/4/66/Me0Bbc.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
+                            <div align="center" style={{marginTop:"120px"}}>
                             <Button color="white" href="https://www.facebook.com/yamaholigan" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
@@ -44,11 +45,11 @@ const DataService = function ({ backend, service, ...props })  {
                         </div>
                     </Card>
                 </Grid>
-                <Grid>
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://www.devidia.net/wp-content/uploads/bfi_thumb/youtube-logo-34ec4yxwi0ab51015sqxorxcg1ycqmqxyfutkbpxe4wbnl436.jpg" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://www.devidia.net/wp-content/uploads/bfi_thumb/youtube-logo-34ec4yxwi0ab51015sqxorxcg1ycqmqxyfutkbpxe4wbnl436.jpg" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
+                            <div align="center" style={{marginTop:"120px"}}>
                             <Button color="white" href="https://www.youtube.com/user/yamahamotorindonesia" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
@@ -56,13 +57,11 @@ const DataService = function ({ backend, service, ...props })  {
                         </div>
                     </Card>
                 </Grid>
-            </GridContainer>
-            <GridContainer justify="center" style={{marginTop:"-110px"}}>
-                <Grid>
+                <Grid style={{padding:"25px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://en.instagram-brand.com/wp-content/uploads/2016/11/Glyph-Icon-hero.png" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://en.instagram-brand.com/wp-content/uploads/2016/11/Glyph-Icon-hero.png" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
+                            <div align="center" style={{marginTop:"120px"}}>
                             <Button color="white" href="https://www.instagram.com/yamahaindonesia/" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
@@ -70,11 +69,13 @@ const DataService = function ({ backend, service, ...props })  {
                         </div>
                     </Card>
                 </Grid>
-                <Grid>
+            </GridContainer>
+            <GridContainer justify="center">
+                <Grid style={{padding:"25px", marginTop:"-50px"}}>
                     <Card>
-                        <img className={classes.imgCard} src="https://acmconnect.com/wp-content/uploads/2015/07/Screenshot-1276-1024x576.png" alt="Card-img" style={{height: "400px", width: "600px", display: "block"}}/>
+                        <img className={classes.imgCard} src="https://acmconnect.com/wp-content/uploads/2015/07/Screenshot-1276-1024x576.png" alt="Card-img" style={{height: "200px", width: "350px", display: "block"}}/>
                         <div className={classes.imgCardOverlay}>
-                            <div align="center" style={{marginTop:"300px"}}>
+                            <div align="center" style={{marginTop:"120px"}}>
                             <Button color="white" href="https://twitter.com/YamahaIndonesia/status/1369143579684171778" target="_blank">
                                 <Icon className={classes.icons}>open_in_new</Icon>For More Info
                             </Button>
@@ -83,6 +84,7 @@ const DataService = function ({ backend, service, ...props })  {
                     </Card>
                 </Grid>
             </GridContainer>
+            </div>
         </div>
     );
 }

pages-sections/yamaha/product/product.js

@@ -43,6 +43,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/checkout?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -67,6 +73,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -91,6 +103,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -115,6 +133,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -139,6 +163,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -163,6 +193,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -187,6 +223,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>
@@ -211,6 +253,12 @@ const DataProduct = function ({ backend, maxi, matic, naked, sport, offroad, mop
                 >
                     <Icon className={classes.icons}>open_in_new</Icon>Detail Product
                 </Button>
+                <Button 
+                    color="info" round
+                    href={"/yamaha/cart/cart?s="+data.id}
+                >
+                    <Icon className={classes.icons}>shopping_cart</Icon>Add to Cart
+                </Button>
                 </div>
             </div>
             </CardBody>

pages/yamaha/cart/cart.js

@@ -0,0 +1,54 @@
+import React from "react";
+import classNames from "classnames";
+import { makeStyles } from "@material-ui/core/styles";
+
+import Header from "components/Header/Header.js";
+import HeaderLinks from "components/Header/HeaderLinks.js";
+import Footer from "components/Footer/Footer.js";
+import Cart from "pages-sections/yamaha/cart/cart.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+import GetCartproduct from "../../../api/cart/cart.js"
+
+const useStyles = makeStyles(styles);
+
+const ProductDetails = function ({ backend, cartproduct, ...props })  {
+    const classes = useStyles();
+    const { ...rest } = props;
+    return (
+        <div>
+        <Header
+            rightLinks={<HeaderLinks/>}
+            fixed
+            color="info"
+            changeColorOnScroll={{
+            height: 400,
+            color: "white"
+            }}
+            {...rest}
+        />
+        <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/>
+        <div className={classNames(classes.main, classes.mainRaised)}>
+            <Cart cartproduct={cartproduct} backend={backend}/>  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default ProductDetails;
+
+export async function getServerSideProps(context) {
+    var {query} = context;
+	var cartproduct = [];
+    const backend = process.env.BACKEND_SERVER_URI;
+
+	var res = await GetCartproduct.GetCartProduct(query.s||0);
+	if (res["STATUS"] === 1) {
+		cartproduct = res["DATA"]["products"];
+	}
+
+	return {
+		props: { cartproduct, backend }, // will be passed to the page component as props
+	};
+}

pages/yamaha/cart/checkout.js

@@ -0,0 +1,55 @@
+import React from "react";
+import classNames from "classnames";
+import { makeStyles } from "@material-ui/core/styles";
+
+import Header from "components/Header/Header.js";
+import HeaderLinks from "components/Header/HeaderLinks.js";
+import Footer from "components/Footer/Footer.js";
+import Checkout from "pages-sections/yamaha/cart/checkout.js";
+import Parallax from "components/Parallax/Parallax.js";
+import styles from "assets/jss/nextjs-material-kit/pages/components.js";
+import GetCheckoutproduct from "../../../api/cart/checkout.js"
+
+const useStyles = makeStyles(styles);
+
+const ProductDetails = function ({ backend, checkoutproduct, ...props })  {
+    const classes = useStyles();
+    const { ...rest } = props;
+    return (
+        <div>
+        <Header
+            rightLinks={<HeaderLinks/>}
+            fixed
+            color="info"
+            changeColorOnScroll={{
+            height: 400,
+            color: "white"
+            }}
+            {...rest}
+        />
+        <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/>
+        <div className={classNames(classes.main, classes.mainRaised)}>
+            <Checkout checkoutproduct={checkoutproduct} backend={backend}/>  
+        </div>
+        <Footer />
+        </div>
+    );
+}
+
+export default ProductDetails;
+
+export async function getServerSideProps(context) {
+    var {query} = context;
+	var checkoutproduct = [];
+    const backend = process.env.BACKEND_SERVER_URI;
+
+	var res = await GetCheckoutproduct.GetCheckoutproduct(query.s||0);
+	if (res["STATUS"] === 1) {
+		checkoutproduct = res["DATA"]["products"];
+	}
+
+    console.log(checkoutproduct);
+	return {
+		props: { checkoutproduct, backend }, // will be passed to the page component as props
+	};
+}

pages/yamaha/login.js

@@ -131,7 +131,6 @@ export default function LoginPage(props) {
             </GridItem>
           </GridContainer>
         </div>
-        <Footer whiteFont />
       </div>
     </div>
   );

yarn.lock

@@ -1064,24 +1064,32 @@
     recompose "0.28.0 - 0.30.0"
     warning "^4.0.1"
 
-"@material-ui/core@4.9.13":
-  version "4.9.13"
-  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.9.13.tgz#024962bcdda05139e1bad17a1815bf4088702b15"
-  integrity sha512-GEXNwUr+laZ0N+F1efmHB64Fyg+uQIRXLqbSejg3ebSXgLYNpIjnMOPRfWdu4rICq0dAIgvvNXGkKDMcf3AMpA==
+"@material-ui/core@^4.11.3":
+  version "4.11.3"
+  resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.11.3.tgz#f22e41775b0bd075e36a7a093d43951bf7f63850"
+  integrity sha512-Adt40rGW6Uds+cAyk3pVgcErpzU/qxc7KBR94jFHBYretU4AtWZltYcNsbeMn9tXL86jjVL1kuGcIHsgLgFGRw==
   dependencies:
     "@babel/runtime" "^7.4.4"
-    "@material-ui/react-transition-group" "^4.3.0"
-    "@material-ui/styles" "^4.9.13"
-    "@material-ui/system" "^4.9.13"
-    "@material-ui/types" "^5.0.1"
-    "@material-ui/utils" "^4.9.12"
+    "@material-ui/styles" "^4.11.3"
+    "@material-ui/system" "^4.11.3"
+    "@material-ui/types" "^5.1.0"
+    "@material-ui/utils" "^4.11.2"
     "@types/react-transition-group" "^4.2.0"
     clsx "^1.0.4"
     hoist-non-react-statics "^3.3.2"
-    popper.js "^1.16.1-lts"
+    popper.js "1.16.1-lts"
     prop-types "^15.7.2"
-    react-is "^16.8.0"
-    react-transition-group "^4.3.0"
+    react-is "^16.8.0 || ^17.0.0"
+    react-transition-group "^4.4.0"
+
+"@material-ui/data-grid@^4.0.0-alpha.23":
+  version "4.0.0-alpha.23"
+  resolved "https://registry.yarnpkg.com/@material-ui/data-grid/-/data-grid-4.0.0-alpha.23.tgz#0f6d0f99810873f7aec67f0b1663ea1b040cd383"
+  integrity sha512-7y2+J8b1TTaZOhVY9DVa/6PWSvLpE50p0a7Y76oJTmmT3SYJBSLLiTLBskUwMrs+FLD+b6yCNqZlKIALZZj47Q==
+  dependencies:
+    "@material-ui/utils" "^5.0.0-alpha.14"
+    prop-types "^15.7.2"
+    reselect "^4.0.0"
 
 "@material-ui/icons@4.9.1":
   version "4.9.1"
@@ -1090,20 +1098,10 @@
   dependencies:
     "@babel/runtime" "^7.4.4"
 
-"@material-ui/react-transition-group@^4.3.0":
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/@material-ui/react-transition-group/-/react-transition-group-4.3.0.tgz#92529142addb5cc179dbf42d246c7e3fe4d6104b"
-  integrity sha512-CwQ0aXrlUynUTY6sh3UvKuvye1o92en20VGAs6TORnSxUYeRmkX8YeTUN3lAkGiBX1z222FxLFO36WWh6q73rQ==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    dom-helpers "^5.0.1"
-    loose-envify "^1.4.0"
-    prop-types "^15.6.2"
-
-"@material-ui/styles@^4.9.13":
-  version "4.11.2"
-  resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.11.2.tgz#e70558be3f41719e8c0d63c7a3c9ae163fdc84cb"
-  integrity sha512-xbItf8zkfD3FuGoD9f2vlcyPf9jTEtj9YTJoNNV+NMWaSAHXgrW6geqRoo/IwBuMjqpwqsZhct13e2nUyU9Ljw==
+"@material-ui/styles@^4.11.3":
+  version "4.11.3"
+  resolved "https://registry.yarnpkg.com/@material-ui/styles/-/styles-4.11.3.tgz#1b8d97775a4a643b53478c895e3f2a464e8916f2"
+  integrity sha512-HzVzCG+PpgUGMUYEJ2rTEmQYeonGh41BYfILNFb/1ueqma+p1meSdu4RX6NjxYBMhf7k+jgfHFTTz+L1SXL/Zg==
   dependencies:
     "@babel/runtime" "^7.4.4"
     "@emotion/hash" "^0.8.0"
@@ -1112,14 +1110,14 @@
     clsx "^1.0.4"
     csstype "^2.5.2"
     hoist-non-react-statics "^3.3.2"
-    jss "^10.0.3"
-    jss-plugin-camel-case "^10.0.3"
-    jss-plugin-default-unit "^10.0.3"
-    jss-plugin-global "^10.0.3"
-    jss-plugin-nested "^10.0.3"
-    jss-plugin-props-sort "^10.0.3"
-    jss-plugin-rule-value-function "^10.0.3"
-    jss-plugin-vendor-prefixer "^10.0.3"
+    jss "^10.5.1"
+    jss-plugin-camel-case "^10.5.1"
+    jss-plugin-default-unit "^10.5.1"
+    jss-plugin-global "^10.5.1"
+    jss-plugin-nested "^10.5.1"
+    jss-plugin-props-sort "^10.5.1"
+    jss-plugin-rule-value-function "^10.5.1"
+    jss-plugin-vendor-prefixer "^10.5.1"
     prop-types "^15.7.2"
 
 "@material-ui/system@^3.0.0-alpha.0":
@@ -1132,17 +1130,17 @@
     prop-types "^15.6.0"
     warning "^4.0.1"
 
-"@material-ui/system@^4.9.13":
-  version "4.11.2"
-  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.11.2.tgz#7f0a754bba3673ed5fdbfa02fe438096c104b1f6"
-  integrity sha512-BELFJEel5E+5DMiZb6XXT3peWRn6UixRvBtKwSxqntmD0+zwbbfCij6jtGwwdJhN1qX/aXrKu10zX31GBaeR7A==
+"@material-ui/system@^4.11.3":
+  version "4.11.3"
+  resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.11.3.tgz#466bc14c9986798fd325665927c963eb47cc4143"
+  integrity sha512-SY7otguNGol41Mu2Sg6KbBP1ZRFIbFLHGK81y4KYbsV2yIcaEPOmsCK6zwWlp+2yTV3J/VwT6oSBARtGIVdXPw==
   dependencies:
     "@babel/runtime" "^7.4.4"
     "@material-ui/utils" "^4.11.2"
     csstype "^2.5.2"
     prop-types "^15.7.2"
 
-"@material-ui/types@^5.0.1", "@material-ui/types@^5.1.0":
+"@material-ui/types@^5.1.0":
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/@material-ui/types/-/types-5.1.0.tgz#efa1c7a0b0eaa4c7c87ac0390445f0f88b0d88f2"
   integrity sha512-7cqRjrY50b8QzRSYyhSpx4WRw2YuO0KKIGQEVk5J8uoz2BanawykgZGoWEqKm7pVIbzFDN0SpPcVV4IhOFkl8A==
@@ -1156,7 +1154,7 @@
     prop-types "^15.6.0"
     react-is "^16.6.3"
 
-"@material-ui/utils@^4.11.2", "@material-ui/utils@^4.9.12":
+"@material-ui/utils@^4.11.2":
   version "4.11.2"
   resolved "https://registry.yarnpkg.com/@material-ui/utils/-/utils-4.11.2.tgz#f1aefa7e7dff2ebcb97d31de51aecab1bb57540a"
   integrity sha512-Uul8w38u+PICe2Fg2pDKCaIG7kOyhowZ9vjiC1FsVwPABTW8vPPKfF6OvxRq3IiBaI1faOJmgdvMG7rMJARBhA==
@@ -1165,6 +1163,17 @@
     prop-types "^15.7.2"
     react-is "^16.8.0 || ^17.0.0"
 
+"@material-ui/utils@^5.0.0-alpha.14":
+  version "5.0.0-alpha.28"
+  resolved "https://registry.yarnpkg.com/@material-ui/utils/-/utils-5.0.0-alpha.28.tgz#31b665eec75c88d3f27a0d32eeee4db8d7e76817"
+  integrity sha512-WNdnF6EapcQ0x1pcQp/jiQwtKiDipg0awnljQpffEfc+mUhDcwebLsNsglo0++J2ZGXs5DeXIXBXN73MWFD52A==
+  dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@types/prop-types" "^15.7.3"
+    "@types/react-is" "^16.7.1 || ^17.0.0"
+    prop-types "^15.7.2"
+    react-is "^17.0.0"
+
 "@next/react-refresh-utils@9.3.6":
   version "9.3.6"
   resolved "https://registry.yarnpkg.com/@next/react-refresh-utils/-/react-refresh-utils-9.3.6.tgz#a5eb91b4b8270fecb5fcf2d1319d8d04f0cf6f75"
@@ -1183,7 +1192,7 @@
     csstype "^2.0.0"
     indefinite-observable "^1.0.1"
 
-"@types/prop-types@*":
+"@types/prop-types@*", "@types/prop-types@^15.7.3":
   version "15.7.3"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
   integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
@@ -1193,6 +1202,13 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
   integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
 
+"@types/react-is@^16.7.1 || ^17.0.0":
+  version "17.0.0"
+  resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-17.0.0.tgz#6b60190ae60591ae0c83d6f3854e61e08f5a7976"
+  integrity sha512-A0DQ1YWZ0RG2+PV7neAotNCIh8gZ3z7tQnDJyS2xRPDNtAtSPcJ9YyfMP8be36Ha0kQRzbZCrrTMznA4blqO5g==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-text-mask@^5.4.3":
   version "5.4.6"
   resolved "https://registry.yarnpkg.com/@types/react-text-mask/-/react-text-mask-5.4.6.tgz#3a81e9de472beb939038e78cb16d737ae94ba14a"
@@ -4408,65 +4424,65 @@ jss-nested@^6.0.1:
   dependencies:
     warning "^3.0.0"
 
-jss-plugin-camel-case@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.5.0.tgz#4b0a9c85e65e5eb72cbfba59373686c604d88f72"
-  integrity sha512-GSjPL0adGAkuoqeYiXTgO7PlIrmjv5v8lA6TTBdfxbNYpxADOdGKJgIEkffhlyuIZHlPuuiFYTwUreLUmSn7rg==
+jss-plugin-camel-case@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.6.0.tgz#93d2cd704bf0c4af70cc40fb52d74b8a2554b170"
+  integrity sha512-JdLpA3aI/npwj3nDMKk308pvnhoSzkW3PXlbgHAzfx0yHWnPPVUjPhXFtLJzgKZge8lsfkUxvYSQ3X2OYIFU6A==
   dependencies:
     "@babel/runtime" "^7.3.1"
     hyphenate-style-name "^1.0.3"
-    jss "10.5.0"
+    jss "10.6.0"
 
-jss-plugin-default-unit@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-default-unit/-/jss-plugin-default-unit-10.5.0.tgz#e9f2e89741b0118ba15d52b4c13bda2b27262373"
-  integrity sha512-rsbTtZGCMrbcb9beiDd+TwL991NGmsAgVYH0hATrYJtue9e+LH/Gn4yFD1ENwE+3JzF3A+rPnM2JuD9L/SIIWw==
+jss-plugin-default-unit@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-default-unit/-/jss-plugin-default-unit-10.6.0.tgz#af47972486819b375f0f3a9e0213403a84b5ef3b"
+  integrity sha512-7y4cAScMHAxvslBK2JRK37ES9UT0YfTIXWgzUWD5euvR+JR3q+o8sQKzBw7GmkQRfZijrRJKNTiSt1PBsLI9/w==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    jss "10.5.0"
+    jss "10.6.0"
 
-jss-plugin-global@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-global/-/jss-plugin-global-10.5.0.tgz#eb357ccd35cb4894277fb2117a78d1e498668ad6"
-  integrity sha512-FZd9+JE/3D7HMefEG54fEC0XiQ9rhGtDHAT/ols24y8sKQ1D5KIw6OyXEmIdKFmACgxZV2ARQ5pAUypxkk2IFQ==
+jss-plugin-global@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-global/-/jss-plugin-global-10.6.0.tgz#3e8011f760f399cbadcca7f10a485b729c50e3ed"
+  integrity sha512-I3w7ji/UXPi3VuWrTCbHG9rVCgB4yoBQLehGDTmsnDfXQb3r1l3WIdcO8JFp9m0YMmyy2CU7UOV6oPI7/Tmu+w==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    jss "10.5.0"
+    jss "10.6.0"
 
-jss-plugin-nested@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-nested/-/jss-plugin-nested-10.5.0.tgz#790c506432a23a63c71ceb5044e2ac85f0958702"
-  integrity sha512-ejPlCLNlEGgx8jmMiDk/zarsCZk+DV0YqXfddpgzbO9Toamo0HweCFuwJ3ZO40UFOfqKwfpKMVH/3HUXgxkTMg==
+jss-plugin-nested@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-nested/-/jss-plugin-nested-10.6.0.tgz#5f83c5c337d3b38004834e8426957715a0251641"
+  integrity sha512-fOFQWgd98H89E6aJSNkEh2fAXquC9aZcAVjSw4q4RoQ9gU++emg18encR4AT4OOIFl4lQwt5nEyBBRn9V1Rk8g==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    jss "10.5.0"
+    jss "10.6.0"
     tiny-warning "^1.0.2"
 
-jss-plugin-props-sort@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-props-sort/-/jss-plugin-props-sort-10.5.0.tgz#5bcc3bd8e68cd3e2dafb47d67db28fd5a4fcf102"
-  integrity sha512-kTLRvrOetFKz5vM88FAhLNeJIxfjhCepnvq65G7xsAQ/Wgy7HwO1BS/2wE5mx8iLaAWC6Rj5h16mhMk9sKdZxg==
+jss-plugin-props-sort@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-props-sort/-/jss-plugin-props-sort-10.6.0.tgz#297879f35f9fe21196448579fee37bcde28ce6bc"
+  integrity sha512-oMCe7hgho2FllNc60d9VAfdtMrZPo9n1Iu6RNa+3p9n0Bkvnv/XX5San8fTPujrTBScPqv9mOE0nWVvIaohNuw==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    jss "10.5.0"
+    jss "10.6.0"
 
-jss-plugin-rule-value-function@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.5.0.tgz#60ee8240dfe60418e1ba4729adee893cbe9be7a3"
-  integrity sha512-jXINGr8BSsB13JVuK274oEtk0LoooYSJqTBCGeBu2cG/VJ3+4FPs1gwLgsq24xTgKshtZ+WEQMVL34OprLidRA==
+jss-plugin-rule-value-function@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.6.0.tgz#3c1a557236a139d0151e70a82c810ccce1c1c5ea"
+  integrity sha512-TKFqhRTDHN1QrPTMYRlIQUOC2FFQb271+AbnetURKlGvRl/eWLswcgHQajwuxI464uZk91sPiTtdGi7r7XaWfA==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    jss "10.5.0"
+    jss "10.6.0"
     tiny-warning "^1.0.2"
 
-jss-plugin-vendor-prefixer@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.5.0.tgz#01f04cfff31f43f153f5d71972f5800b10a2eb84"
-  integrity sha512-rux3gmfwDdOKCLDx0IQjTwTm03IfBa+Rm/hs747cOw5Q7O3RaTUIMPKjtVfc31Xr/XI9Abz2XEupk1/oMQ7zRA==
+jss-plugin-vendor-prefixer@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.6.0.tgz#e1fcd499352846890c38085b11dbd7aa1c4f2c78"
+  integrity sha512-doJ7MouBXT1lypLLctCwb4nJ6lDYqrTfVS3LtXgox42Xz0gXusXIIDboeh6UwnSmox90QpVnub7au8ybrb0krQ==
   dependencies:
     "@babel/runtime" "^7.3.1"
     css-vendor "^2.0.8"
-    jss "10.5.0"
+    jss "10.6.0"
 
 jss-props-sort@^6.0.0:
   version "6.0.0"
@@ -4480,10 +4496,10 @@ jss-vendor-prefixer@^7.0.0:
   dependencies:
     css-vendor "^0.3.8"
 
-jss@10.5.0, jss@^10.0.3:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/jss/-/jss-10.5.0.tgz#0c2de8a29874b2dc8162ab7f34ef6573a87d9dd3"
-  integrity sha512-B6151NvG+thUg3murLNHRPLxTLwQ13ep4SH5brj4d8qKtogOx/jupnpfkPGSHPqvcwKJaCLctpj2lEk+5yGwMw==
+jss@10.6.0, jss@^10.5.1:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/jss/-/jss-10.6.0.tgz#d92ff9d0f214f65ca1718591b68e107be4774149"
+  integrity sha512-n7SHdCozmxnzYGXBHe0NsO0eUf9TvsHVq2MXvi4JmTn3x5raynodDVE/9VQmBdWFyyj9HpHZ2B4xNZ7MMy7lkw==
   dependencies:
     "@babel/runtime" "^7.3.1"
     csstype "^3.0.2"
@@ -5698,7 +5714,12 @@ pnp-webpack-plugin@1.5.0:
   dependencies:
     ts-pnp "^1.1.2"
 
-popper.js@^1.14.1, popper.js@^1.14.4, popper.js@^1.16.0, popper.js@^1.16.1-lts:
+popper.js@1.16.1-lts:
+  version "1.16.1-lts"
+  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1-lts.tgz#cf6847b807da3799d80ee3d6d2f90df8a3f50b05"
+  integrity sha512-Kjw8nKRl1m+VrSFCoVGPph93W/qrSO7ZkqPpTf7F4bk/sqcfWK019dWBUpE/fBOsOQY1dks/Bmcbfn1heM/IsA==
+
+popper.js@^1.14.1, popper.js@^1.14.4, popper.js@^1.16.0:
   version "1.16.1"
   resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b"
   integrity sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==
@@ -6344,7 +6365,7 @@ react-is@16.8.6:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
 
-react-is@^16.6.0, react-is@^16.6.3, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1:
+react-is@^16.6.0, react-is@^16.6.3, react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -6354,6 +6375,11 @@ react-is@^16.6.0, react-is@^16.6.3, react-is@^16.7.0, react-is@^16.8.0, react-is
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
   integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
 
+react-is@^17.0.0:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+
 react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
@@ -6542,7 +6568,7 @@ react-transition-group@^2.2.1, react-transition-group@^2.5.3:
     prop-types "^15.6.2"
     react-lifecycles-compat "^3.0.4"
 
-react-transition-group@^4, react-transition-group@^4.3.0:
+react-transition-group@^4, react-transition-group@^4.3.0, react-transition-group@^4.4.0:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9"
   integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw==
@@ -6798,6 +6824,11 @@ require-main-filename@^2.0.0:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
+reselect@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/reselect/-/reselect-4.0.0.tgz#f2529830e5d3d0e021408b246a206ef4ea4437f7"
+  integrity sha512-qUgANli03jjAyGlnbYVAV5vvnOmJnODyABz51RdBN7M4WaVu8mecZWgyQNkG8Yqe3KRGRt0l4K4B3XVEULC4CA==
+
 resize-observer-polyfill@^1.5.0:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"