diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-accessories-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-accessories-foc@3x.png
new file mode 100644
index 00000000..e49902b7
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-accessories-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-beauty-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-beauty-foc@3x.png
new file mode 100644
index 00000000..e7b3777d
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-beauty-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-clearance-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-clearance-foc@3x.png
new file mode 100644
index 00000000..37a8b04c
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-clearance-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-cw-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-cw-foc@3x.png
new file mode 100644
index 00000000..83d78e23
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-cw-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-default-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-default-foc@3x.png
new file mode 100644
index 00000000..68f1c01b
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-default-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-electronics-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-electronics-foc@3x.png
new file mode 100644
index 00000000..f8272526
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-electronics-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-enter-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-enter-foc@3x.png
new file mode 100644
index 00000000..c99f58f7
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-enter-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-fashion-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-fashion-foc@3x.png
new file mode 100644
index 00000000..37fd7c76
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-fashion-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-finance-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-finance-foc@3x.png
new file mode 100644
index 00000000..7ebd0767
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-finance-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-garden-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-garden-foc@3x.png
new file mode 100644
index 00000000..1a1accf7
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-garden-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-gift-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-gift-foc@3x.png
new file mode 100644
index 00000000..071397b7
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-gift-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-health-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-health-foc@3x.png
new file mode 100644
index 00000000..e735d330
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-health-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-home-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-home-foc@3x.png
new file mode 100644
index 00000000..d0bfbe87
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-home-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-jewelry-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-jewelry-foc@3x.png
new file mode 100644
index 00000000..63058008
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-jewelry-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-kitchen-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-kitchen-foc@3x.png
new file mode 100644
index 00000000..858f478f
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-kitchen-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/foc/ic-category-lgelectronics-foc@3x.png b/com.twin.app.shoptime/assets/icon/foc/ic-category-lgelectronics-foc@3x.png
new file mode 100644
index 00000000..5d443a94
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/foc/ic-category-lgelectronics-foc@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-accessories-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-accessories-nor@3x.png
new file mode 100644
index 00000000..94894100
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-accessories-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-beauty-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-beauty-nor@3x.png
new file mode 100644
index 00000000..61feedc1
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-beauty-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-clearance-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-clearance-nor@3x.png
new file mode 100644
index 00000000..0fb53237
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-clearance-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-cw-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-cw-nor@3x.png
new file mode 100644
index 00000000..c4f0f3c2
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-cw-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-default-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-default-nor@3x.png
new file mode 100644
index 00000000..769153ef
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-default-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-electronics-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-electronics-nor@3x.png
new file mode 100644
index 00000000..5a037211
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-electronics-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-enter-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-enter-nor@3x.png
new file mode 100644
index 00000000..2768ae9e
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-enter-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-fashion-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-fashion-nor@3x.png
new file mode 100644
index 00000000..45365edd
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-fashion-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-finance-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-finance-nor@3x.png
new file mode 100644
index 00000000..01fd15af
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-finance-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-garden-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-garden-nor@3x.png
new file mode 100644
index 00000000..4715f271
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-garden-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-gift-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-gift-nor@3x.png
new file mode 100644
index 00000000..d36363ca
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-gift-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-health-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-health-nor@3x.png
new file mode 100644
index 00000000..b906882d
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-health-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-home-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-home-nor@3x.png
new file mode 100644
index 00000000..593acd60
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-home-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-jewelry-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-jewelry-nor@3x.png
new file mode 100644
index 00000000..7e952016
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-jewelry-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-kitchen-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-kitchen-nor@3x.png
new file mode 100644
index 00000000..c301168a
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-kitchen-nor@3x.png differ
diff --git a/com.twin.app.shoptime/assets/icon/nor/ic-category-lgelectronics-nor@3x.png b/com.twin.app.shoptime/assets/icon/nor/ic-category-lgelectronics-nor@3x.png
new file mode 100644
index 00000000..f311a52b
Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/nor/ic-category-lgelectronics-nor@3x.png differ
diff --git a/com.twin.app.shoptime/src/components/SubCategory/SubCategory.jsx b/com.twin.app.shoptime/src/components/SubCategory/SubCategory.jsx
new file mode 100644
index 00000000..6508c638
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/SubCategory/SubCategory.jsx
@@ -0,0 +1,30 @@
+import React from "react";
+import classNames from "classnames";
+import { $L } from "../../utils/helperMethods";
+import { Job } from "@enact/core/util";
+import Spotlight from "@enact/spotlight";
+import Spottable from "@enact/spotlight/Spottable";
+
+import css from "../SubCategory/SubCategory.module.less";
+
+import testimg from "../../../assets/icon/nor/ic-category-home-nor@3x.png";
+import testimg2 from "../../../assets/icon/nor/ic-category-home-nor@3x.png";
+
+const SubCategory = () => {
+  return (
+    <div className={css.container}>
+      <div className={css.cateList}>
+        <ul>
+          <li>
+            <div className={css.cateImg}>
+              <img src={testimg} className={css.cateImeDesign} />
+            </div>
+            <div className={css.cateName}>Kitchen & food</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
+
+export default SubCategory;
diff --git a/com.twin.app.shoptime/src/components/SubCategory/SubCategory.module.less b/com.twin.app.shoptime/src/components/SubCategory/SubCategory.module.less
new file mode 100644
index 00000000..e69de29b
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
index 846b06d4..7d9ee7a8 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
@@ -3,14 +3,17 @@ import React from "react";
 import TPanel from "../../components/TPanel/TPanel";
 import { $L } from "../../utils/helperMethods";
 
+import css from "../HomePanel/HomePanel.module.less";
+
 import Template from "../../components/HomeBanner/Template";
 import OnSale from "../../components/OnSale/OnSale";
+import SubCategory from "../../components/SubCategory/SubCategory";
 
 export default function HomePanel() {
   return (
-    <TPanel>
+    <TPanel className={css.panelDesign}>
       <Template />
-
+      <SubCategory />
       <OnSale />
     </TPanel>
   );
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less
index e69de29b..bacd160e 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.module.less
@@ -0,0 +1,3 @@
+.panelDesign {
+  overflow-y: auto;
+}