diff --git a/com.twin.app.shoptime/assets/images/featuredBrands/image-nbcu.png b/com.twin.app.shoptime/assets/images/featuredBrands/image-nbcu.png
new file mode 100644
index 00000000..f3c82328
Binary files /dev/null and b/com.twin.app.shoptime/assets/images/featuredBrands/image-nbcu.png differ
diff --git a/com.twin.app.shoptime/assets/images/featuredBrands/nbcu.svg b/com.twin.app.shoptime/assets/images/featuredBrands/nbcu.svg
new file mode 100644
index 00000000..c3132ecf
--- /dev/null
+++ b/com.twin.app.shoptime/assets/images/featuredBrands/nbcu.svg
@@ -0,0 +1,15 @@
+
diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
index af53db66..464cd645 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
@@ -172,8 +172,23 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
break;
//브랜드
case 10300:
- result =
- data?.shortFeaturedBrands?.map((item) => ({
+ result = [
+ // NBCU 브랜드 (하드코딩)
+ {
+ icons: FeaturedBrandIcon,
+ id: 'nbcu-brand',
+ path: 'assets/images/featuredBrands/nbcu.svg',
+ patncNm: 'NBCU',
+ spotlightId: 'spotlight_featuredbrand_nbcu',
+ target: [
+ {
+ name: panel_names.FEATURED_BRANDS_PANEL,
+ panelInfo: { from: 'gnb', patnrId: 'NBCU' },
+ },
+ ],
+ },
+ // API에서 가져온 기존 브랜드들
+ ...(data?.shortFeaturedBrands?.map((item) => ({
icons: FeaturedBrandIcon,
id: item.patnrId,
path: item.patncLogoPath,
@@ -185,7 +200,8 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
panelInfo: { from: 'gnb', patnrId: item.patnrId },
},
],
- })) || [];
+ })) || []),
+ ];
break;
//
case 10600:
@@ -304,6 +320,7 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
title: item.title,
path: item.path,
patncNm: item.patncNm,
+ icons: item.icons,
target: item.target,
spotlightId: `secondDepth-${item.id}`,
}));
diff --git a/com.twin.app.shoptime/src/components/TabLayout/iconComponents/NbcuIcon.jsx b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/NbcuIcon.jsx
new file mode 100644
index 00000000..0610513a
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/TabLayout/iconComponents/NbcuIcon.jsx
@@ -0,0 +1,42 @@
+import React from "react";
+
+import { scaleW } from "../../../utils/helperMethods";
+import useConvertThemeColor from "./useConvertThemeColor";
+
+const NbcuIcon = ({ iconType = "normal" }) => {
+ const themeColor = useConvertThemeColor({ iconType });
+ return (
+
+ );
+};
+
+export default NbcuIcon;