From 194de99b627a263ceaa6b021d82de1a0996d200a Mon Sep 17 00:00:00 2001 From: tieptk Date: Mon, 22 Dec 2025 17:30:27 +0700 Subject: [PATCH] update --- .vscode/settings.json | 3 + package-lock.json | 33 + package.json | 1 + src/app/(size)/layout.tsx | 2 +- src/components/common/BoxShowroom.tsx | 78 +- src/components/layout/Header/menuData.ts | 2 +- .../layout/home/BoxArticle/index.tsx | 0 .../layout/home/BoxArticle/itemArticle.tsx | 0 .../layout/home/BoxCategory/ItemProduct.tsx | 83 + .../layout/home/BoxCategory/index.tsx | 56 + .../layout/home/BoxCategory/productData.ts | 2161 +++++++++++++++++ .../layout/home/BoxDeal/ProductItem.tsx | 102 +- src/components/layout/home/BoxDeal/index.tsx | 10 +- .../layout/home/BoxDeal/productDealData.ts | 4 +- .../layout/home/CategoryFeature/index.tsx | 29 + .../home/CategoryFeature/itemCategory.tsx | 34 + src/components/layout/home/index.tsx | 8 + src/styles/globals.css | 4 +- src/types/TypeListProduct.ts | 135 + src/types/TypeListProductDeal.ts | 8 +- 20 files changed, 2706 insertions(+), 47 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 src/components/layout/home/BoxArticle/index.tsx create mode 100644 src/components/layout/home/BoxArticle/itemArticle.tsx create mode 100644 src/components/layout/home/BoxCategory/ItemProduct.tsx create mode 100644 src/components/layout/home/BoxCategory/index.tsx create mode 100644 src/components/layout/home/BoxCategory/productData.ts create mode 100644 src/components/layout/home/CategoryFeature/index.tsx create mode 100644 src/components/layout/home/CategoryFeature/itemCategory.tsx create mode 100644 src/types/TypeListProduct.ts 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( - <> - -
-
- -
-
-

HỆ THỐNG SHOWROOM

-
+ return ( + <> + +
+
+ +
+
+

HỆ THỐNG SHOWROOM

+
+
+

1. Hà Nội

+

17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội.

+

+ Giờ làm việc: 08:30 - 20:30 +

+
+
-
-

1. Hà Nội

-

17 Hà Kế Tấn, Phường Phương Liệt, Hà Nội.

-

Giờ làm việc: 08:30 - 20:30

-
-
+
+

2. Hồ Chí Minh

+

249 Lý Thường Kiệt, Phường Phú Thọ, TP. Hồ Chí Minh

+

+ Giờ làm việc: 08:30 - 20:30 +

+
+
+
+
+
+ + + + ); +}; -
-

2. Hồ Chí Minh

-

249 Lý Thường Kiệt, Phường Phú Thọ, TP. Hồ Chí Minh

-

Giờ làm việc: 08:30 - 20:30

-
-
-
-
-
- - - - ) - -} - -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

<\/div>", "children": [] }, diff --git a/src/components/layout/home/BoxArticle/index.tsx b/src/components/layout/home/BoxArticle/index.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/layout/home/BoxArticle/itemArticle.tsx b/src/components/layout/home/BoxArticle/itemArticle.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/layout/home/BoxCategory/ItemProduct.tsx b/src/components/layout/home/BoxCategory/ItemProduct.tsx new file mode 100644 index 0000000..b063323 --- /dev/null +++ b/src/components/layout/home/BoxCategory/ItemProduct.tsx @@ -0,0 +1,83 @@ +import React from 'react'; +import Tippy from '@tippyjs/react'; +import 'tippy.js/dist/tippy.css'; +import { Product } from '@/types/TypeListProduct'; +import Image from 'next/image'; +import Link from 'next/link'; + +type ProductItemProps = { + item: Product; +}; + +const formatCurrency = (value: number | string) => { + const num = typeof value === 'string' ? parseInt(value) : value; + return num.toLocaleString('vi-VN'); +}; + +const ItemProduct: React.FC = ({ item }) => { + const offers = item.specialOffer?.all ?? []; + + return ( +
+ + {item.productImage.large ? ( + {item.productName} + ) : ( + {item.productName} + )} + + + {item.productType.isHot === 1 && ( + + )} + {item.productType.isNew === 1 && ( + + )} + + + + {item.productType.isBestSale === 1 && ( + + )} + + +
+ +

{item.productName}

+ + {item.marketPrice > 0 ? ( +
+

+ {item.marketPrice.toLocaleString()}đ +

+
-{Math.round(item.price_off)} %
+
+ ) : ( +
+
+ )} + +
+ {item.price > '0' + ? `${formatCurrency(item.price)}đ` + : 'Liên hệ'} +
+ {item.specialOffer?.all?.length ? ( +
+ ) : ( +
+ )} + + {item.extend?.buy_count ? ( +
Đã bán: {item.extend.buy_count}
+ ) : ( +
)} +
+
+ ); +}; + +export default ItemProduct; diff --git a/src/components/layout/home/BoxCategory/index.tsx b/src/components/layout/home/BoxCategory/index.tsx new file mode 100644 index 0000000..8967143 --- /dev/null +++ b/src/components/layout/home/BoxCategory/index.tsx @@ -0,0 +1,56 @@ +'use client'; +import React from 'react'; +import Link from 'next/link'; +import { FaCaretDown } from 'react-icons/fa'; +import { Swiper, SwiperSlide } from 'swiper/react'; +import { Autoplay, Navigation, Pagination } from 'swiper/modules'; +import ItemProduct from './ItemProduct' + +import { Category } from '../../../../types/Menu'; + + +import { menuData } from '../../Header/menuData'; +import {productData} from './productData' + +const BoxListCategory: React.FC = () => { + return ( + <> + {menuData[0].product.all_category.map((item,index) => ( +
+
+
+

{item.title}

+
+
+ + {item.children.slice(0, 4).map((item2,index2) => ( + {item2.title} + ))} + + + Xem tất cả + +
+
+
+ + {productData.map((item,index) => ( + + + + ))} + +
+
+ ))} + + ) +} + +export default BoxListCategory \ No newline at end of file diff --git a/src/components/layout/home/BoxCategory/productData.ts b/src/components/layout/home/BoxCategory/productData.ts new file mode 100644 index 0000000..f82ac3e --- /dev/null +++ b/src/components/layout/home/BoxCategory/productData.ts @@ -0,0 +1,2161 @@ +import { TypeListProduct } from "@/types/TypeListProduct" + +export const productData : TypeListProduct = [ + { + "id": 28454, + "productId": 28454, + "priceUnit": "chiếc", + "marketPrice": 3690000, + "price": "2990000", + "price_off": 19, + "currency": "vnd", + "sale_rules": { + "price": "2990000", + "normal_price": 2990000, + "min_purchase": "1", + "max_purchase": "0", + "remain_quantity": 437, + "from_time": "1765933200", + "to_time": "1766543400", + "type": "deal", + }, + "lastUpdate": "2025-12-04 14:48:30", + "warranty": "36 tháng", + "productName": "Màn Hình Gaming Cong MSI MAG 276CF E20 (27 inch, VA, FHD, 200Hz, 0.5ms)", + "productSummary": "Mã sản phẩm: MAG 276CF E20\r\nKích thước: 27 inch\r\nĐộ phân giải: Full HD (1920 × 1080)\r\nTấm nền: VA nhanh\r\nTần số quét: 200Hz\r\nThời gian phản hồi: 0,5ms (GtG)", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-112.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-112.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-112.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-112.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-03.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-03.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-04.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-04.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-02.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-02.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-05.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-05.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-28454-msi-mag-276cf-e20-01.jpg", + "large": "https://nguyencongpc.vn/media/product/250-28454-msi-mag-276cf-e20-01.jpg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-gaming-cong-msi-mag-276cf-e20", + "brand": { + "id": 5, + "brand_index": "msi", + "name": "MSI", + "image": "", + "url": "/brand/msi" + }, + "visit": 787, + "rating": 0, + "reviewCount": 0, + "review": { + "rate": 0, + "total": 0 + }, + "comment": { + "rate": 0, + "total": 0 + }, + "quantity": 437, + "productSKU": "MH0000414", + "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": "55", + "review_score": "4.6" + }, + "weight": 0, + "promotion_price": null, + "deal_list": [ + { + "id": "561", + "pro_id": "28454", + "title": "Màn Hình Gaming Cong MSI MAG 276CF E20 (27 inch, VA, FHD, 200Hz, 0.5ms)", + "price": "2990000", + "quantity": "5", + "min_purchase": "1", + "max_purchase": "0", + "is_featured": "0", + "from_time": "1765933200", + "to_time": "1766543400", + "is_started": 1 + } + ], + "pricing_traces": [ + { + "price": "2990000", + "type": "deal", + "type_id": "561" + } + ], + "categories": [ + { + "id": "3364", + "catPath": ":3364:3500:281:0", + "name": "Màn Hình MSI", + "url": "/man-hinh-msi" + }, + { + "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": "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": 25185, + "productId": 25185, + "priceUnit": "chiếc", + "marketPrice": 2400000, + "price": 1850000, + "price_off": 23, + "currency": "vnd", + "sale_rules": { + "price": 1850000, + "normal_price": 1850000, + "min_purchase": 1, + "max_purchase": 271, + "remain_quantity": 271, + "from_time": 0, + "to_time": 0, + "type": "" + }, + "lastUpdate": "2025-05-28 09:17:26", + "warranty": "36 Tháng ", + "productName": "Màn Hình VSP IP2407SG /IPS/ 24 Inch/ FHD/ 1ms/ 100Hz", + "productSummary": " Mã sản phẩm: IP2407SG\r\nMàu sắc: Black\r\nKích cỡ màn hình: 23.8\"\r\nTỉ lệ khung hình: 16:9\r\nTốc độ phản hồi: 1ms (OD)\r\nMàu sắc hỗ trợ: 6500K\r\nMàu sắc hiển thị: 16.7M\r\n\r\n", + "package_accessory": "", + "productImage": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-ips.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-ips.jpg", + "original": "" + }, + "imageCollection": [ + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-ips.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-ips.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-29ff88be23d78f89d6c6.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-29ff88be23d78f89d6c6.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-6727827a2913854ddc02.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-6727827a2913854ddc02.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-13.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-13.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-27.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-27.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-26.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-26.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-20.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-20.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-19.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-19.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-17.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-17.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-13-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-13-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-5.jpeg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-5.jpeg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-12-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-12-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-12.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-12.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-04.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-04.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-02.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-02.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-01-2.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-01-2.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-man-hinh-vsp-ip2407s-ips-01.jpg", + "large": "https://nguyencongpc.vn/media/product/250-25185-man-hinh-vsp-ip2407s-ips-01.jpg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-1.jpeg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-1.jpeg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-2.jpeg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-2.jpeg", + "original": "" + }, + "alt": "" + }, + { + "image": { + "small": "https://nguyencongpc.vn/media/product/75-25185-m--n-h--nh-vsp-ip2407s-4.jpeg", + "large": "https://nguyencongpc.vn/media/product/250-25185-m--n-h--nh-vsp-ip2407s-4.jpeg", + "original": "" + }, + "alt": "" + } + ], + "productUrl": "/man-hinh-vsp-ip2407s-ips", + "brand": { + "id": 153, + "brand_index": "vsp", + "name": "VSP", + "image": "", + "url": "/brand/vsp" + }, + "visit": 45490, + "rating": 5, + "reviewCount": 1, + "review": { + "rate": 5, + "total": 1 + }, + "comment": { + "rate": 5, + "total": 6 + }, + "quantity": 271, + "productSKU": "MH0000138", + "productModel": "", + "hasVAT": 0, + "condition": "Mới ", + "config_count": 0, + "configurable": 0, + "component_count": 0, + "specialOffer": { + "other": [ + { + "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 + } + ], + "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 = ({ item }) => { + const { product_info } = item; + const offers = product_info.specialOffer?.all ?? []; + + return ( +
+ + {product_info.productImage.large ? ( + {product_info.productName} + ) : ( + {product_info.productName} + )} + + {product_info.productType.isHot === 1 && ( + + )} + {product_info.productType.isNew === 1 && ( + + )} + + +
+ +

+ {product_info.productName} +

+ +
+ {product_info.marketPrice > 0 ? ( +

+ {product_info.marketPrice.toLocaleString()} ₫ +

+ ) : ( +

+ {product_info.sale_rules.normal_price.toLocaleString()} ₫ +

+ )} +
+ -{product_info.price_off || 0}% +
+
+
+ {item.price > '0' + ? `${formatCurrency(product_info.price)}đ` + : 'Liên hệ'} +
+
+ +
+

+ + Còn {Number(item.quantity) - Number(item.sale_quantity)}/{Number(item.quantity)} sản phẩm + +
+ {offers.length > 0 && ( +
+ )} +
+
+ ); +}; + +export default ProductItem; diff --git a/src/components/layout/home/BoxDeal/index.tsx b/src/components/layout/home/BoxDeal/index.tsx index 520687f..fb2d721 100644 --- a/src/components/layout/home/BoxDeal/index.tsx +++ b/src/components/layout/home/BoxDeal/index.tsx @@ -4,6 +4,8 @@ import { Swiper, SwiperSlide } from 'swiper/react'; import { Autoplay, Navigation, Pagination } from 'swiper/modules'; import { FaCaretRight } from 'react-icons/fa'; import CounDown from './CounDown'; +import ProductItem from './ProductItem' +import { productDealData } from './productDealData'; const BoxProductDeal: React.FC = () => { return ( @@ -28,7 +30,13 @@ const BoxProductDeal: React.FC = () => { slidesPerView={6} loop={true} navigation={true} - > + > + {productDealData.map((item,index) => ( + + + + ))} +
); diff --git a/src/components/layout/home/BoxDeal/productDealData.ts b/src/components/layout/home/BoxDeal/productDealData.ts index f33957a..25d2216 100644 --- a/src/components/layout/home/BoxDeal/productDealData.ts +++ b/src/components/layout/home/BoxDeal/productDealData.ts @@ -36,7 +36,7 @@ export const productDealData: TypeListProductDeal = [ "priceUnit": "chiếc", "marketPrice": 0, "price": "11690000", - "price_off": "", + "price_off": 2, "currency": "vnd", "sale_rules": { "price": "11690000", @@ -1422,7 +1422,7 @@ export const productDealData: TypeListProductDeal = [ }, "comment": { "rate": 5, - "total": 3 + "total": 3, }, "quantity": 1, "productSKU": "", diff --git a/src/components/layout/home/CategoryFeature/index.tsx b/src/components/layout/home/CategoryFeature/index.tsx new file mode 100644 index 0000000..27f6497 --- /dev/null +++ b/src/components/layout/home/CategoryFeature/index.tsx @@ -0,0 +1,29 @@ +'use client'; +import React from 'react'; +import { menuData } from '../../Header/menuData'; +import ItemCategory from './itemCategory'; +import { Category } from '../../../../types/Menu'; + +const renderFeaturedCategories = (categories: Category[]) => { + return categories.map((cat, idx) => ( + + {cat.is_featured == '1' && } + {cat.children && renderFeaturedCategories(cat.children)} + + )); +}; + +const CategoryFeature = () => { + return ( +
+
+

Danh mục nổi bật

+
+
+ {renderFeaturedCategories(menuData[0].product.all_category)} +
+
+ ); +}; + +export default CategoryFeature; diff --git a/src/components/layout/home/CategoryFeature/itemCategory.tsx b/src/components/layout/home/CategoryFeature/itemCategory.tsx new file mode 100644 index 0000000..2c2b072 --- /dev/null +++ b/src/components/layout/home/CategoryFeature/itemCategory.tsx @@ -0,0 +1,34 @@ +'use client'; +import React from 'react'; +import Image from 'next/image'; +import Link from 'next/link'; +import { Category } from '@types/Menu'; + +const ItemCategory: React.FC<{ item: Category }> = ({ item }) => { + return ( + +

+ {item.thumnail ? ( + {item.title} + ) : ( + {item.title} + )} +

+

{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 (
@@ -9,6 +12,11 @@ const Home = () => { {/* deal */} + {/* box danh mục nổi bật */} + + + {/* DANH SÁCH DANH MỤC */} +
); diff --git a/src/styles/globals.css b/src/styles/globals.css index 4a390ee..76ea813 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -2167,7 +2167,7 @@ textarea::placeholder { .page-hompage .box-banner-under-slider { margin-top: -50px; } -.page-hompage .box-banner-under-slider svg { +.swiper .swiper-button-prev svg,.swiper .swiper-button-next svg { width: 8px !important; color: #000; } @@ -2438,7 +2438,7 @@ textarea::placeholder { .page-hompage .box-product-category .title { width: 30%; } -.page-hompage .box-product-category .box-list-item-category { +.page-hompage .box-product-category .swiper { padding: 2px; min-height: 300px; } diff --git a/src/types/TypeListProduct.ts b/src/types/TypeListProduct.ts new file mode 100644 index 0000000..a7fca08 --- /dev/null +++ b/src/types/TypeListProduct.ts @@ -0,0 +1,135 @@ +export interface ProductImage { + small: string; + large: string; + original: string; +} + +export interface ImageCollectionItem { + image: ProductImage; + alt: string; +} + +export interface Brand { + id: number; + brand_index: string; + name: string; + image: string; + url: string; +} + +export interface SaleRules { + price: string | number; + normal_price: number; + min_purchase: string | number; + max_purchase: string | number; + remain_quantity: number; + from_time: string | number; + to_time: string | number; + type: string; +} + +export interface Deal { + id: string; + pro_id: string; + title: string; + price: string; + quantity: string; + min_purchase: string; + max_purchase: string; + is_featured: string; + from_time: string; + to_time: string; + is_started: number; +} + +export interface PricingTrace { + price: string; + type: string; + type_id: string; +} + +export interface Category { + id: string; + catPath: string; + name: string; + url: string; +} + +export interface Extend { + pixel_code?: string; + review_count?: string; + review_score?: string; + buy_count?: string; +} + +export interface SpecialOfferItem { + id: number; + title: string; + type: string; + thumbnail: string; + cash_value: number; + quantity: number; + from_time: string; + to_time: string; + url: string; + description: + string; + status: number; +} + +export interface Product { + id: number; + productId: number; + priceUnit: string; + marketPrice: number; + price: string | number; + price_off: number; + currency: string; + sale_rules: SaleRules; + lastUpdate: string; + warranty: string; + productName: string; + productSummary: string; + package_accessory: string; + productImage: ProductImage; + imageCollection: ImageCollectionItem[]; + productUrl: string; + brand: Brand; + visit: number; + rating: number; + reviewCount: number; + review: { rate: number; total: number }; + comment: { rate: number; total: number }; + quantity: number; + productSKU: string; + productModel: string; + hasVAT: number; + condition: string; + config_count: number; + configurable: number; + component_count: number; + specialOffer: { other?: SpecialOfferItem[], all?: SpecialOfferItem[] }; + specialOfferGroup: []; + productType: { + isNew: number; + isHot: number; + isBestSale: number; + isSaleOff: number; + 'online-only': number; + }; + bulk_price: []; + thum_poster: string; + thum_poster_type: string; + addon: []; + variants: []; + variant_option: []; + extend: Extend; + weight: number; + promotion_price: number | null; + deal_list: Deal[]; + pricing_traces: PricingTrace[]; + categories: Category[]; +} + + +export type TypeListProduct = Product[]; \ No newline at end of file diff --git a/src/types/TypeListProductDeal.ts b/src/types/TypeListProductDeal.ts index 5b3feb4..94ae5a8 100644 --- a/src/types/TypeListProductDeal.ts +++ b/src/types/TypeListProductDeal.ts @@ -100,8 +100,8 @@ interface ProductInfo { productId: number; priceUnit: string; marketPrice: number; - price: string; - price_off: number | string; + price: string | number; + price_off: number; currency: string; sale_rules: SaleRules; lastUpdate: string; @@ -118,7 +118,7 @@ interface ProductInfo { reviewCount: number; review: ReviewInfo; comment: ReviewInfo; - quantity: number; + quantity: string | number; productSKU: string; productModel: string; hasVAT: number; @@ -143,7 +143,7 @@ interface ProductInfo { categories: Category[]; } -interface DealType { +export interface DealType { id: string; pro_id: string; title: string;