diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..c23f745 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "prettier.useTabs": false +} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 2960daf..dd994f5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "nguyencongpc", "version": "0.1.0", "dependencies": { + "@tippyjs/react": "^4.2.6", "next": "16.0.10", "postcss": "^8.5.6", "react": "19.2.1", @@ -1234,6 +1235,16 @@ "node": ">=12.4.0" } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rtsao/scc": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz", @@ -1521,6 +1532,19 @@ "tailwindcss": "4.1.18" } }, + "node_modules/@tippyjs/react": { + "version": "4.2.6", + "resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.2.6.tgz", + "integrity": "sha512-91RicDR+H7oDSyPycI13q3b7o4O60wa2oRbjlz2fyRLmHImc4vyDwuUP8NtZaN0VARJY5hybvDYrFzhY9+Lbyw==", + "license": "MIT", + "dependencies": { + "tippy.js": "^6.3.1" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, "node_modules/@tybys/wasm-util": { "version": "0.10.1", "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", @@ -6253,6 +6277,15 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/tippy.js": { + "version": "6.3.7", + "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz", + "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==", + "license": "MIT", + "dependencies": { + "@popperjs/core": "^2.9.0" + } + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", diff --git a/package.json b/package.json index 1b3df12..eba7400 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "lint": "eslint" }, "dependencies": { + "@tippyjs/react": "^4.2.6", "next": "16.0.10", "postcss": "^8.5.6", "react": "19.2.1", diff --git a/src/app/(size)/layout.tsx b/src/app/(size)/layout.tsx index 1769752..9a219e6 100644 --- a/src/app/(size)/layout.tsx +++ b/src/app/(size)/layout.tsx @@ -7,7 +7,7 @@ import 'swiper/css/pagination'; import '@styles/globals.css'; import Header from '@components/layout/Header'; -import PreLoader from '@components/Common/PreLoader'; +import PreLoader from '@components/common/PreLoader'; export default function RootLayout({ children, diff --git a/src/components/common/BoxShowroom.tsx b/src/components/common/BoxShowroom.tsx index ee50b0e..a7ac4f9 100644 --- a/src/components/common/BoxShowroom.tsx +++ b/src/components/common/BoxShowroom.tsx @@ -1,38 +1,46 @@ - - const BoxShowroom: React.FC = () => { - return( - <> - - > - ) - -} - -export default BoxShowroom; \ No newline at end of file +export default BoxShowroom; diff --git a/src/components/layout/Header/menuData.ts b/src/components/layout/Header/menuData.ts index d498cd2..439201e 100644 --- a/src/components/layout/Header/menuData.ts +++ b/src/components/layout/Header/menuData.ts @@ -703,7 +703,7 @@ export const menuData: MenuTypes = [ "big_image": "https://nguyencongpc.vn\/media\/category\/cat_big_3638_1696996039.png", "isParent": "0", "url": "\/rtx-4070", - "is_featured": "1", + "is_featured": "0", "summary": "
<\/p>\r\n
+ {item.marketPrice.toLocaleString()}đ +
+\r\n
⭐ Mua thêm giá treo màn hình giảm giá thêm 5%
\r\n", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ], + "all": [ + { + "id": 0, + "title": "
\r\n
⭐ Mua thêm giá treo màn hình giảm giá thêm 5%
\r\n", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 1, + "isBestSale": 1, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "2944" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3507", + "catPath": ":3507:3501:281:0", + "name": "Màn hình 24 inches", + "url": "/man-hinh-24-inches" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3531", + "catPath": ":3531:3528:281:0", + "name": "100 Hz", + "url": "/100-hz" + }, + { + "id": "3634", + "catPath": ":3634:3500:281:0", + "name": "Màn hình VSP", + "url": "/man-hinh-vsp" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 28510, + "productId": 28510, + "priceUnit": "chiếc", + "marketPrice": 2690000, + "price": 2050000, + "price_off": 24, + "currency": "vnd", + "sale_rules": { + "price": 2050000, + "normal_price": 2050000, + "min_purchase": 1, + "max_purchase": 100, + "remain_quantity": 100, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-12-20 09:32:53", + "warranty": "24 tháng", + "productName": "Màn hình EDRA EGM27F120S (27 inch, IPS, FHD, 120Hz, 1ms)", + "productSummary": "Loại màn hình: Màn hình phẳng\r\nTỉ lệ: 16:9\r\nKích thước: 27 inch\r\nTấm nền: IPS\r\nGóc nhìn: 178° / 178°\r\nĐộ phân giải: FHD (1920x1080)", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-04.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-04.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-04.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-04.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-01.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-01.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-02.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-02.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28510-edra-egm27f120s-03.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28510-edra-egm27f120s-03.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-edra-egm27f120s-27-inch-ips-fhd-120hz-1ms", + "brand": { + "id": 54, + "brand_index": "e-dra", + "name": "E-DRA", + "image": "", + "url": "/brand/e-dra" + }, + "visit": 35, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 100, + "productSKU": "MH0000421", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 0, + "isBestSale": 0, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "pixel_code": "", + "review_count": "53", + "review_score": "4.7" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [ + { + "price": "2990000", + "type": "deal", + "type_id": "561" + } + ], + "categories": [ + { + "id": "3724", + "catPath": ":3724:3500:281:0", + "name": "Màn hình E-Dra", + "url": "/man-hinh-e-dra" + }, + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3509", + "catPath": ":3509:3501:281:0", + "name": "Màn hình 27 inches", + "url": "/man-hinh-27-inches" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + } + ] + }, + { + "id": 27415, + "productId": 27415, + "priceUnit": "chiếc", + "marketPrice": 3400000, + "price": 2400000, + "price_off": 28.999999999999996, + "currency": "vnd", + "sale_rules": { + "price": 2400000, + "normal_price": 2400000, + "min_purchase": 1, + "max_purchase": 89, + "remain_quantity": 89, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-03-19 09:12:18", + "warranty": "36 Tháng", + "productName": "Màn Hình ASUS VA259HGA (24.5 inch | FHD | IPS | 120Hz | 1m | Loa)", + "productSummary": "Kích thước: 24.5 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 120Hz\r\nThời gian phản hồi: 1ms\r\nTích hợp loa: 2x 2W\r\nĐộ sáng: 300 nits\r\nTỉ lệ tương phản: 1500:1\r\nTương thích ngàm VESA: 100 x 100 mm", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-27415-asus-va259hga-10101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27415-asus-va259hga-10101.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27415-va259hga.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27415-va259hga.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27415-asus-va259hga-10101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27415-asus-va259hga-10101.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-asus-va259hga-245-inch-fhd-ips-120hz-1m-loa", + "brand": { + "id": 4, + "brand_index": "asus", + "name": "ASUS", + "image": "", + "url": "/brand/asus" + }, + "visit": 5130, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 89, + "productSKU": "MH0000332", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 0, + "isBestSale": 0, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "26" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "2455", + "catPath": ":2455:3500:281:0", + "name": "Màn hình Asus", + "url": "/man-hinh-asus" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3508", + "catPath": ":3508:3501:281:0", + "name": "Màn hình 25 inches", + "url": "/man-hinh-25-inches" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 27440, + "productId": 27440, + "priceUnit": "chiếc", + "marketPrice": 3990000, + "price": 2990000, + "price_off": 25, + "currency": "vnd", + "sale_rules": { + "price": 2990000, + "normal_price": 2990000, + "min_purchase": 1, + "max_purchase": 66, + "remain_quantity": 66, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-11-22 09:34:50", + "warranty": "36 Tháng", + "productName": "Màn hình Gigabyte GS27FA (27 inch | Full HD | IPS | 180Hz | 1ms)", + "productSummary": "Kích thước: 27 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 180Hz\r\nThời gian phản hồi: 1ms", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gigabyte-gs27fa-111.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gigabyte-gs27fa-111.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gigabyte-gs27fa-111.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gigabyte-gs27fa-111.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-3.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-3.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-4.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-4.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-5.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-5.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-man-hinh-gigabyte-gs27fa-6.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-man-hinh-gigabyte-gs27fa-6.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc1.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc1.jpg", + "original": "" + }, + "alt": "5" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc3.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc3.jpg", + "original": "" + }, + "alt": "4" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27440-gf27fa-ncpc2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27440-gf27fa-ncpc2.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-gigabyte-gs27fa", + "brand": { + "id": 2, + "brand_index": "gigabyte", + "name": "Gigabyte", + "image": "", + "url": "/brand/gigabyte" + }, + "visit": 6232, + "rating": 5, + "reviewCount": 1, + "review": { + "rate": 5, + "total": 1 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 66, + "productSKU": "MH0000337", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 0, + "isBestSale": 0, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "482" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3303", + "catPath": ":3303:3500:281:0", + "name": "Màn hình Gigabyte", + "url": "/man-hinh-gigabyte" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3509", + "catPath": ":3509:3501:281:0", + "name": "Màn hình 27 inches", + "url": "/man-hinh-27-inches" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "3697", + "catPath": ":3697:3528:281:0", + "name": "180hz", + "url": "/180hz" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 18771, + "productId": 18771, + "priceUnit": "chiếc", + "marketPrice": 10080000, + "price": 8150000, + "price_off": 19, + "currency": "vnd", + "sale_rules": { + "price": 8150000, + "normal_price": 8150000, + "min_purchase": 1, + "max_purchase": 65, + "remain_quantity": 65, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-11-29 08:56:10", + "warranty": "36 tháng", + "productName": "Màn hình ASUS ProArt PA278CV (27 inch/ QHD 2K/ IPS/ 75Hz)", + "productSummary": "", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-18771-asus-proart-pa278cv-1010101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-asus-proart-pa278cv-1010101.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-asus-proart-pa278cv-1010101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-asus-proart-pa278cv-1010101.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-03c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-03c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-02c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-02c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-01-c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-01-c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-04c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-04c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-05c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-05c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-06c.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-06c.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-07.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-07.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-08.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-08.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-09.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-09.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-10.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-10.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-11.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-11.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-18771-pa278cv-12.jpg", + "large": "https://nguyencongpc.vn/media/product/250-18771-pa278cv-12.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-asus-proart-pa278cv-27-inch-qhd-2k-ips-75hz", + "brand": { + "id": 4, + "brand_index": "asus", + "name": "ASUS", + "image": "", + "url": "/brand/asus" + }, + "visit": 11469, + "rating": 9, + "reviewCount": 5, + "review": { + "rate": 9, + "total": 5 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 65, + "productSKU": "SP3081023", + "productModel": "0", + "hasVAT": 0, + "condition": "Mới ", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "other": [ + { + "id": 0, + "title": "
Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây
", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ], + "all": [ + { + "id": 0, + "title": "Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây
", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 0, + "isBestSale": 1, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "689" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "2455", + "catPath": ":2455:3500:281:0", + "name": "Màn hình Asus", + "url": "/man-hinh-asus" + }, + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3624", + "catPath": ":3624:281:0", + "name": "MÀN HÌNH ĐỒ HỌA", + "url": "/man-hinh-do-hoa" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 16528, + "productId": 16528, + "priceUnit": "chiếc", + "marketPrice": 5880000, + "price": 4790000, + "price_off": 19, + "currency": "vnd", + "sale_rules": { + "price": 4790000, + "normal_price": 4790000, + "min_purchase": 1, + "max_purchase": 60, + "remain_quantity": 60, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-08-13 13:59:51", + "warranty": "36 Tháng", + "productName": "Màn hình Asus ProArt PA248QV 24.1 inch IPS FHD - Chuyên Đồ Họa", + "productSummary": "", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-11.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-06.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-06.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-07.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-07.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-01.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-01.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-02.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-02.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-03.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-03.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-proart-pa248qv-011a9788.JPG", + "large": "https://nguyencongpc.vn/media/product/250-16528-proart-pa248qv-011a9788.JPG", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-04.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-04.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-pa248qv-05.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-pa248qv-05.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-proart-pa248qv-011a9787.JPG", + "large": "https://nguyencongpc.vn/media/product/250-16528-proart-pa248qv-011a9787.JPG", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-001.jpg", + "large": "https://nguyencongpc.vn/media/product/250-16528-asus-proart-pa248qv-24-1-inch-ips-fhd-001.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-asus-proart-pa248qv-24fhd1610ips100-srgb100-rec709", + "brand": { + "id": 4, + "brand_index": "asus", + "name": "ASUS", + "image": "", + "url": "/brand/asus" + }, + "visit": 47636, + "rating": 7, + "reviewCount": 5, + "review": { + "rate": 7, + "total": 5 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 60, + "productSKU": "SP002020", + "productModel": "0", + "hasVAT": 0, + "condition": "Mới ", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "other": [ + { + "id": 0, + "title": "⭐ Mua thêm giá treo màn hình giảm giá thêm 5%
\r\n=> Xem thêm tại: Tại đây
\r\n⭐ Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây
", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ], + "all": [ + { + "id": 0, + "title": "⭐ Mua thêm giá treo màn hình giảm giá thêm 5%
\r\n=> Xem thêm tại: Tại đây
\r\n⭐ Tặng ngay bộ sản phẩm Adobe Creative Cloud trị giá 5.500.000VND Đăng ký nhận quà tại đây
", + "type": "", + "thumbnail": "", + "cash_value": 0, + "quantity": 1, + "from_time": "", + "to_time": "", + "url": "", + "description": "", + "status": 1 + } + ] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 1, + "isBestSale": 1, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "689" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "2455", + "catPath": ":2455:3500:281:0", + "name": "Màn hình Asus", + "url": "/man-hinh-asus" + }, + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3507", + "catPath": ":3507:3501:281:0", + "name": "Màn hình 24 inches", + "url": "/man-hinh-24-inches" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "3624", + "catPath": ":3624:281:0", + "name": "MÀN HÌNH ĐỒ HỌA", + "url": "/man-hinh-do-hoa" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 28246, + "productId": 28246, + "priceUnit": "chiếc", + "marketPrice": 5550000, + "price": 4250000, + "price_off": 23, + "currency": "vnd", + "sale_rules": { + "price": 4250000, + "normal_price": 4250000, + "min_purchase": 1, + "max_purchase": 54, + "remain_quantity": 54, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-11-21 09:35:54", + "warranty": "36 tháng tại Nguyễn Công PC", + "productName": "Màn hình Dell P2425H NK (23.8 inch, FHD, IPS, 100Hz, 5ms)", + "productSummary": "Kiểu dáng màn hình: Phẳng\r\nTỉ lệ khung hình: 16:9\r\nKích thước mặc định: 23.8 inch\r\nCông nghệ tấm nền: IPS\r\nPhân giải điểm ảnh: FHD - 1920 x 1080\r\nĐộ sáng hiển thị: 250 cd/m2 (typical)\r\nTần số quét màn: 100 Hz (Hertz)\r\n", + "package_accessory": "0", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-28246-", + "large": "https://nguyencongpc.vn/media/product/250-28246-", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28246-", + "large": "https://nguyencongpc.vn/media/product/250-28246-", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-26969-vinh--28-.png", + "large": "https://nguyencongpc.vn/media/product/250-26969-vinh--28-.png", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-26969-vinh--29-.png", + "large": "https://nguyencongpc.vn/media/product/250-26969-vinh--29-.png", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-26969-vinh--30-.png", + "large": "https://nguyencongpc.vn/media/product/250-26969-vinh--30-.png", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-dell-p2425h-nk", + "brand": { + "id": 20, + "brand_index": "dell", + "name": "DELL", + "image": "", + "url": "/brand/dell" + }, + "visit": 482, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 54, + "productSKU": "MH0000403", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 1, + "isHot": 0, + "isBestSale": 1, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "14" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "522", + "catPath": ":522:3500:281:0", + "name": "Màn hình Dell", + "url": "/man-hinh-dell" + }, + { + "id": "3507", + "catPath": ":3507:3501:281:0", + "name": "Màn hình 24 inches", + "url": "/man-hinh-24-inches" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3531", + "catPath": ":3531:3528:281:0", + "name": "100 Hz", + "url": "/100-hz" + }, + { + "id": "3624", + "catPath": ":3624:281:0", + "name": "MÀN HÌNH ĐỒ HỌA", + "url": "/man-hinh-do-hoa" + } + ] + }, + { + "id": 27774, + "productId": 27774, + "priceUnit": "chiếc", + "marketPrice": 2390000, + "price": 1850000, + "price_off": 23, + "currency": "vnd", + "sale_rules": { + "price": 1850000, + "normal_price": 1850000, + "min_purchase": 1, + "max_purchase": 50, + "remain_quantity": 50, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-11-26 09:37:38", + "warranty": "24 tháng", + "productName": "Màn Hình EDRA EGM24F100s 24 inch, FHD, IPS, 100Hz", + "productSummary": "Kiểu dáng màn hình: Phẳng\r\nTỉ lệ khung hình: 16:9\r\nKích thước mặc định: 23.8 inch\r\nCông nghệ tấm nền: IPS\r\nPhân giải điểm ảnh: FHD - 1920 x 1080\r\nChỉ số màu sắc: 16.7 triệu màu\r\nĐộ sáng hiển thị: 250 Nits cd/m2\r\nTần số quét màn: Real 100Hz (Hertz)\r\nThời gian đáp ứng: 1ms (MPRT)", + "package_accessory": "0", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-27774-", + "large": "https://nguyencongpc.vn/media/product/250-27774-", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27774-", + "large": "https://nguyencongpc.vn/media/product/250-27774-", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-3.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-3.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27774-edra-egm24f100h-4.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27774-edra-egm24f100h-4.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-edra-egm24f100s", + "brand": { + "id": 54, + "brand_index": "e-dra", + "name": "E-DRA", + "image": "", + "url": "/brand/e-dra" + }, + "visit": 4501, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 50, + "productSKU": "MH0000364", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 1, + "isHot": 0, + "isBestSale": 0, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "433" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "3724", + "catPath": ":3724:3500:281:0", + "name": "Màn hình E-Dra", + "url": "/man-hinh-e-dra" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3507", + "catPath": ":3507:3501:281:0", + "name": "Màn hình 24 inches", + "url": "/man-hinh-24-inches" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3531", + "catPath": ":3531:3528:281:0", + "name": "100 Hz", + "url": "/100-hz" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + }, + { + "id": 27506, + "productId": 27506, + "priceUnit": "chiếc", + "marketPrice": 4990000, + "price": 2980000, + "price_off": 40, + "currency": "vnd", + "sale_rules": { + "price": 2980000, + "normal_price": 2980000, + "min_purchase": 1, + "max_purchase": 47, + "remain_quantity": 47, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-11-26 09:37:04", + "warranty": "36 Tháng", + "productName": "Màn hình Gigabyte G25F2 (24.5 inch | FHD | IPS | 200Hz | 1ms)", + "productSummary": "Màn hình: 24.5 inch\r\nĐộ phân giải: FHD 1920 x 1080\r\nCông nghệ tấm nền: IPS\r\nTần số quét: 200Hz\r\nThời gian phản hồi: 1ms", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-0101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-0101.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-1.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-1.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-z6424384613249_4a6196e32517593cef80e8179277f24a.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-z6424384613249_4a6196e32517593cef80e8179277f24a.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-z6424384619148_9b8b4dcfc3e31bfc0173cbfeaebbf9c8.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-z6424384619148_9b8b4dcfc3e31bfc0173cbfeaebbf9c8.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-z6424384625286_f2dc55c44c74851450376362d0aa4c10.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-z6424384625286_f2dc55c44c74851450376362d0aa4c10.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-3.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-3.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-8.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-8.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-10.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-10.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-gigabyteg25f2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-gigabyteg25f2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-27506-man-hinh-gigabyte-g25f2-0101.jpg", + "large": "https://nguyencongpc.vn/media/product/250-27506-man-hinh-gigabyte-g25f2-0101.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-gigabyte-g25f2", + "brand": { + "id": 2, + "brand_index": "gigabyte", + "name": "Gigabyte", + "image": "", + "url": "/brand/gigabyte" + }, + "visit": 7195, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 47, + "productSKU": "MH0000336", + "productModel": "", + "hasVAT": 0, + "condition": "Mới", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "all": [] + }, + "specialOfferGroup": [], + "productType": { + "isNew": 0, + "isHot": 0, + "isBestSale": 0, + "isSaleOff": 0, + "online-only": 0 + }, + "bulk_price": [], + "thum_poster": "0", + "thum_poster_type": "", + "addon": [], + "variants": [], + "variant_option": [], + "extend": { + "buy_count": "221" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [], + "pricing_traces": [], + "categories": [ + { + "id": "281", + "catPath": ":281:0", + "name": "MÀN HÌNH MÁY TÍNH", + "url": "/man-hinh-may-tinh" + }, + { + "id": "3500", + "catPath": ":3500:281:0", + "name": "CHỌN THEO HÃNG", + "url": "/chon-theo-hang-1-2" + }, + { + "id": "3303", + "catPath": ":3303:3500:281:0", + "name": "Màn hình Gigabyte", + "url": "/man-hinh-gigabyte" + }, + { + "id": "3501", + "catPath": ":3501:281:0", + "name": "CHỌN THEO KÍCH THƯỚC", + "url": "/chon-theo-kich-thuoc" + }, + { + "id": "3508", + "catPath": ":3508:3501:281:0", + "name": "Màn hình 25 inches", + "url": "/man-hinh-25-inches" + }, + { + "id": "3515", + "catPath": ":3515:281:0", + "name": "CHỌN ĐỘ PHÂN GIẢI", + "url": "/chon-do-phan-giai" + }, + { + "id": "3519", + "catPath": ":3519:3515:281:0", + "name": "1920 x 1080 (FHD)", + "url": "/1920-x-1080-fhd" + }, + { + "id": "3528", + "catPath": ":3528:281:0", + "name": "CHỌN TẦN SỐ QUÉT", + "url": "/tan-so-quet" + }, + { + "id": "3537", + "catPath": ":3537:3528:281:0", + "name": "200 Hz", + "url": "/200-hz" + }, + { + "id": "3705", + "catPath": ":3705:0", + "name": "MÀN HÌNH PHỤ", + "url": "/man-hinh-phu" + } + ] + } +] \ No newline at end of file diff --git a/src/components/layout/home/BoxDeal/ProductItem.tsx b/src/components/layout/home/BoxDeal/ProductItem.tsx index b55a450..92cc051 100644 --- a/src/components/layout/home/BoxDeal/ProductItem.tsx +++ b/src/components/layout/home/BoxDeal/ProductItem.tsx @@ -1 +1,101 @@ -const ProductItem = ({ item }: { item: Product }) => {}; +import React from 'react'; +import Tippy from '@tippyjs/react'; +import 'tippy.js/dist/tippy.css'; +import { DealType } from '@/types/TypeListProductDeal'; + +type ProductItemProps = { + item: DealType; +}; + +const formatCurrency = (value: number | string) => { + const num = typeof value === 'string' ? parseInt(value) : value; + return num.toLocaleString('vi-VN'); +}; + +const ProductItem: React.FC
+ )}
+
+ {product_info.productType.isHot === 1 && (
+
+ )}
+ {product_info.productType.isNew === 1 && (
+
+ )}
+
+
+ + {product_info.marketPrice.toLocaleString()} ₫ +
+ ) : ( ++ {product_info.sale_rules.normal_price.toLocaleString()} ₫ +
+ )} +
+ {item.thumnail ? (
+
{item.title}
+ + ); +}; + +export default ItemCategory; diff --git a/src/components/layout/home/index.tsx b/src/components/layout/home/index.tsx index a48a476..934ad85 100644 --- a/src/components/layout/home/index.tsx +++ b/src/components/layout/home/index.tsx @@ -1,6 +1,9 @@ import React from 'react'; import SliderHome from './SliderHome'; import BoxProductDeal from './BoxDeal'; +import CategoryFeature from './CategoryFeature'; +import BoxListCategory from './BoxCategory'; + const Home = () => { return (