From 6318621cc07401fae7c71658d779af6bb60b1d74 Mon Sep 17 00:00:00 2001
From: Dao Duc <ducdt@hurasoft.com>
Date: Mon, 2 Feb 2026 16:42:40 +0700
Subject: [PATCH] update 2/2/2026

---
 .../product/Category/Banner/index.tsx         |   2 +-
 .../product/detail/article/index.tsx          | 138 ------
 .../product/detail/articles/index.tsx         |  17 +
 .../detail/{button => buttons}/index.tsx      |   0
 .../product/detail/comment/index.tsx          | 161 -------
 .../product/detail/comments/CommentList.tsx   |  36 ++
 .../product/detail/comments/Form.tsx          |  16 +
 .../product/detail/comments/index.tsx         |  40 ++
 .../{image => images}/PhotoSwipeImage.tsx     |   0
 .../detail/{image => images}/index.tsx        |   0
 src/components/product/detail/index.tsx       |  85 ++--
 .../product/detail/review/index.tsx           | 227 ----------
 .../product/detail/reviews/Form.jsx           | 101 +++++
 .../product/detail/reviews/ReviewList.tsx     |  38 ++
 .../product/detail/reviews/StarPercent.tsx    |  71 +++
 .../product/detail/reviews/index.tsx          |  45 ++
 .../product/detail/specifications/index.tsx   |   5 +-
 src/components/shared/CommentItem.tsx         |  78 ++++
 src/components/shared/CommentReply.tsx        |  28 ++
 src/components/shared/ReviewItem.tsx          |  21 +
 src/data/comments/index.tsx                   | 219 +++++++++
 src/data/productDetail/index.tsx              | 379 ++++++++++++++++
 src/data/reviews/index.tsx                    | 416 ++++++++++++++++++
 src/lib/slug/resolveProductPage.ts            |   3 +-
 src/lib/utils.tsx                             |  12 +
 25 files changed, 1568 insertions(+), 570 deletions(-)
 delete mode 100644 src/components/product/detail/article/index.tsx
 create mode 100644 src/components/product/detail/articles/index.tsx
 rename src/components/product/detail/{button => buttons}/index.tsx (100%)
 delete mode 100644 src/components/product/detail/comment/index.tsx
 create mode 100644 src/components/product/detail/comments/CommentList.tsx
 create mode 100644 src/components/product/detail/comments/Form.tsx
 create mode 100644 src/components/product/detail/comments/index.tsx
 rename src/components/product/detail/{image => images}/PhotoSwipeImage.tsx (100%)
 rename src/components/product/detail/{image => images}/index.tsx (100%)
 delete mode 100644 src/components/product/detail/review/index.tsx
 create mode 100644 src/components/product/detail/reviews/Form.jsx
 create mode 100644 src/components/product/detail/reviews/ReviewList.tsx
 create mode 100644 src/components/product/detail/reviews/StarPercent.tsx
 create mode 100644 src/components/product/detail/reviews/index.tsx
 create mode 100644 src/components/shared/CommentItem.tsx
 create mode 100644 src/components/shared/CommentReply.tsx
 create mode 100644 src/components/shared/ReviewItem.tsx
 create mode 100644 src/data/comments/index.tsx
 create mode 100644 src/data/reviews/index.tsx

diff --git a/src/components/product/Category/Banner/index.tsx b/src/components/product/Category/Banner/index.tsx
index 4c88d13..6af5bfe 100644
--- a/src/components/product/Category/Banner/index.tsx
+++ b/src/components/product/Category/Banner/index.tsx
@@ -41,7 +41,7 @@ export default function Banner( {id}:any ) {
                                     alt={item.name} 
                                     width={100} 
                                     height={100} 
-                                    className="block w-full lazy rounded-[24px]"
+                                    className="block w-full rounded-[24px]"
                                     unoptimized
                                 />
                             </Link>
diff --git a/src/components/product/detail/article/index.tsx b/src/components/product/detail/article/index.tsx
deleted file mode 100644
index 6a1d761..0000000
--- a/src/components/product/detail/article/index.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-export default function Article() {
-    return (
-        <div className="pd-box-group bg-white mb-6 px-4 py-6 rounded-[24px]">
-            <p className="text-20 font-600 mb-4"> Tin tức mới nhất </p>
-            {/* limit: 5 */}
-            <div className="pd-article-holder flex flex-col gap-4">
-                <div className="art-item">
-                    <a href="" className="art-img">
-                        <img
-                            src="https://hoanghapccdn.com/media/news/14_100__c___u_h__nh_m__y_t__nh_______h___a_theo_ng__n_s__ch.jpg"
-                            alt=""
-                            width={1}
-                            height={1}
-                        />
-                    </a>
-                    <div className="art-text">
-                        <a href="" className="art-title">
-                            <h3>
-                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum
-                                quidem asperiores provident dicta veniam deleniti eaque
-                                repudiandae cum esse, ducimus officiis quibusdam pariatur
-                                neque voluptates voluptas. Quisquam qui minus dolorum?
-                            </h3>
-                        </a>
-                        <div className="art-summary">
-                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit,
-                            obcaecati ducimus veritatis aliquid sunt accusamus unde nisi
-                            nostrum fugit facere illo quos. Ad error suscipit, quidem optio
-                            aut laudantium at!
-                        </div>
-                        <div className="art-time">
-                            <i className="bx bx-calendar-alt" />
-                            <time>23/4/2024</time>
-                            <i className="w-[1.5px] h-[12px] bg-[#A0A5AC] mx-1" />
-                            <span>Mai Văn Học</span>
-                        </div>
-                    </div>
-                </div>
-                <div className="art-item">
-                    <a href="" className="art-img">
-                        <img
-                            src="https://hoanghapccdn.com/media/news/14_100__c___u_h__nh_m__y_t__nh_______h___a_theo_ng__n_s__ch.jpg"
-                            alt=""
-                            width={1}
-                            height={1}
-                        />
-                    </a>
-                    <div className="art-text">
-                        <a href="" className="art-title">
-                            <h3>
-                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum
-                                quidem asperiores provident dicta veniam deleniti eaque
-                                repudiandae cum esse, ducimus officiis quibusdam pariatur
-                                neque voluptates voluptas. Quisquam qui minus dolorum?
-                            </h3>
-                        </a>
-                        <div className="art-summary">
-                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit,
-                            obcaecati ducimus veritatis aliquid sunt accusamus unde nisi
-                            nostrum fugit facere illo quos. Ad error suscipit, quidem optio
-                            aut laudantium at!
-                        </div>
-                        <div className="art-time">
-                            <i className="bx bx-calendar-alt text-16 text-[#A0A5AC]" />
-                            <time>23/4/2024</time>
-                            <i className="w-[1.5px] h-[12px] bg-[#A0A5AC]" />
-                            <span>Mai Văn Học</span>
-                        </div>
-                    </div>
-                </div>
-                <div className="art-item">
-                    <a href="" className="art-img">
-                        <img
-                            src="https://hoanghapccdn.com/media/news/14_100__c___u_h__nh_m__y_t__nh_______h___a_theo_ng__n_s__ch.jpg"
-                            alt=""
-                            width={1}
-                            height={1}
-                        />
-                    </a>
-                    <div className="art-text">
-                        <a href="" className="art-title">
-                            <h3>
-                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum
-                                quidem asperiores provident dicta veniam deleniti eaque
-                                repudiandae cum esse, ducimus officiis quibusdam pariatur
-                                neque voluptates voluptas. Quisquam qui minus dolorum?
-                            </h3>
-                        </a>
-                        <div className="art-summary">
-                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit,
-                            obcaecati ducimus veritatis aliquid sunt accusamus unde nisi
-                            nostrum fugit facere illo quos. Ad error suscipit, quidem optio
-                            aut laudantium at!
-                        </div>
-                        <div className="art-time">
-                            <i className="bx bx-calendar-alt text-16 text-[#A0A5AC]" />
-                            <time>23/4/2024</time>
-                            <i className="w-[1.5px] h-[12px] bg-[#A0A5AC]" />
-                            <span>Mai Văn Học</span>
-                        </div>
-                    </div>
-                </div>
-                <div className="art-item">
-                    <a href="" className="art-img">
-                        <img
-                            src="https://hoanghapccdn.com/media/news/14_100__c___u_h__nh_m__y_t__nh_______h___a_theo_ng__n_s__ch.jpg"
-                            alt=""
-                            width={1}
-                            height={1}
-                        />
-                    </a>
-                    <div className="art-text">
-                        <a href="" className="art-title">
-                            <h3>
-                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum
-                                quidem asperiores provident dicta veniam deleniti eaque
-                                repudiandae cum esse, ducimus officiis quibusdam pariatur
-                                neque voluptates voluptas. Quisquam qui minus dolorum?
-                            </h3>
-                        </a>
-                        <div className="art-summary">
-                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit,
-                            obcaecati ducimus veritatis aliquid sunt accusamus unde nisi
-                            nostrum fugit facere illo quos. Ad error suscipit, quidem optio
-                            aut laudantium at!
-                        </div>
-                        <div className="art-time">
-                            <i className="bx bx-calendar-alt text-16 text-[#A0A5AC]" />
-                            <time>23/4/2024</time>
-                            <i className="w-[1.5px] h-[12px] bg-[#A0A5AC]" />
-                            <span>Mai Văn Học</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    )
-}
\ No newline at end of file
diff --git a/src/components/product/detail/articles/index.tsx b/src/components/product/detail/articles/index.tsx
new file mode 100644
index 0000000..ebda070
--- /dev/null
+++ b/src/components/product/detail/articles/index.tsx
@@ -0,0 +1,17 @@
+import ArticleItem from "@/components/shared/ArticleItem"
+
+export default function Article( {item} : any ) {
+    return (
+        <div className="pd-box-group bg-white mb-6 px-4 py-6 rounded-[24px]">
+            <p className="text-20 font-600 mb-4"> Tin tức mới nhất </p>
+            
+            <div className="pd-article-holder flex flex-col gap-4">
+                {
+                    item.slice(0,5).map((item:any) => 
+                        <ArticleItem key={item.id} item={item} />
+                    )
+                }
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/product/detail/button/index.tsx b/src/components/product/detail/buttons/index.tsx
similarity index 100%
rename from src/components/product/detail/button/index.tsx
rename to src/components/product/detail/buttons/index.tsx
diff --git a/src/components/product/detail/comment/index.tsx b/src/components/product/detail/comment/index.tsx
deleted file mode 100644
index 2b66836..0000000
--- a/src/components/product/detail/comment/index.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-export default function Comment() {
-    return (
-        <div>
-            <div className="flex items-center justify-between leading-8 gap-2 mb-4">
-                <p className="m-0 text-18 font-500"> 0 Bình luận </p>
-                <div className="flex flex-wrap gap-2 text-14 font-500 pd-comment-btn">
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-8 hover:border-[#0678DB] hover:text-[#0678DB] current"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        Tất cả{" "}
-                    </button>
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        5 <i className="bxr bx-star" />{" "}
-                    </button>
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        4 <i className="bxr bx-star" />{" "}
-                    </button>
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        3 <i className="bxr bx-star" />{" "}
-                    </button>
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        2 <i className="bxr bx-star" />{" "}
-                    </button>
-                    <button
-                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
-                        type="button"
-                        aria-label="Đánh giá"
-                    >
-                        {" "}
-                        1 <i className="bxr bx-star" />{" "}
-                    </button>
-                </div>
-            </div>
-            <div className="border border-[#DDDDDD] rounded-[12px] overflow-hidden ">
-                <textarea
-                    className="p-3 w-full resize-none h-[96px] outline-none border-none"
-                    defaultValue={""}
-                />
-                <div className="border-t border-[#DDDDDD] bg-[#F5F6F7] p-[10px_12px] text-right">
-                    <button
-                        className="bg-btn text-white h-10 px-9 text-18 font-500 rounded-[30px]"
-                        type="button"
-                        aria-label="submit"
-                    >
-                        {" "}
-                        GỬI{" "}
-                    </button>
-                </div>
-            </div>
-            <div id="">
-                <div className="first:border-t first:mt-4 first:pt-4 border-[#D1D5DB] mb-5 flex gap-3 text-14 leading-[18px]">
-                    <div className="w-10 h-10 rounded-full bg-[#9CA3AF] leading-10 text-center uppercase text-white font-600 overflow-hidden">
-                        <span>p</span>
-                        {/* <img src="images/avatar-admin.png" class="block w-full h-full"/> */}
-                    </div>
-                    <div className="w-[calc(100%_-_52px)]">
-                        <div className="flex items-center gap-2 mb-1">
-                            <b className="capitalize"> tên khách hàng </b>
-                            <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
-                            <span className="text-[#6B7280]"> 11-11-2025, 11:11 </span>
-                        </div>
-                        <i className="star star-2" />
-                        <div className="my-2">
-                            Lorem ipsum dolor, sit amet consectetur adipisicing elit.
-                            Fugiat magnam ipsam pariatur mollitia ratione distinctio magni
-                            corrupti ad expedita. Natus, ullam inventore. Amet
-                            consequuntur aspernatur deserunt accusantium, tempore
-                            blanditiis magni!
-                        </div>
-                        <div className="flex gap-2 leading-[30px]">
-                            <button
-                                className="group flex items-center gap-[6px] border border-[#D1D5DB] px-3 rounded-[20px] hover:border-[#0678DB] hover:text-[#0678DB]"
-                                type="button"
-                                aria-label="actions"
-                            >
-                                {" "}
-                                <i className="group-hover:text-[#0678DB] text-[#928FA8] bxr bx-heart" />{" "}
-                                0{" "}
-                            </button>
-                            <button
-                                className="group flex items-center gap-[6px] border border-[#D1D5DB] px-3 rounded-[20px] hover:border-[#0678DB] hover:text-[#0678DB]"
-                                type="button"
-                                aria-label="actions"
-                            >
-                                {" "}
-                                <i className="group-hover:text-[#0678DB] text-[#928FA8] bxr bx-reply-stroke" />{" "}
-                                Trả lời{" "}
-                            </button>
-                        </div>
-                        <div className="bg-[#F3F4F6] rounded-[12px] overflow-hidden mt-3">
-                            <div className="first:border-0 flex items-start gap-3 p-3 border-t border-[#D1D5DB]">
-                                <div className="w-10 h-10 rounded-full bg-[#9CA3AF] leading-10 text-center uppercase text-white font-600 overflow-hidden">
-                                    {/* <span>p</span> */}
-                                    <img
-                                        src="images/avatar-admin.png"
-                                        className="block w-full h-full"
-                                    />
-                                </div>
-                                <div className="w-[calc(100%_-_52px)]">
-                                    <div className="flex items-center gap-2 mb-1">
-                                        <b className="capitalize"> tên khách hàng </b>
-                                        <span className="bg-[linear-gradient(70.1deg,#75798B_62.94%,#ADB5CD_100%)] text-white px-[6px] leading-[18px] rounded-[20px] font-500 text-10">
-                                            {" "}
-                                            Quản trị viên{" "}
-                                        </span>
-                                        <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
-                                        <span className="text-[#6B7280]">
-                                            {" "}
-                                            11-11-2025, 11:11{" "}
-                                        </span>
-                                    </div>
-                                    <div className="my-2" style={{ whiteSpace: "pre-line" }}>
-                                        Lorem ipsum dolor, sit amet consectetur adipisicing
-                                        elit. Fugiat magnam ipsam pariatur mollitia ratione
-                                        distinctio magni corrupti ad expedita. Natus, ullam
-                                        inventore. Amet consequuntur aspernatur deserunt
-                                        accusantium, tempore blanditiis magni!{" "}
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            {/* xem thêm */}
-            <div className="text-center mt-4">
-                <button
-                    type="button"
-                    className="border border-[#0678DB] text-[#0678DB] rounded-[30px] h-10 px-6 hover:bg-[#0678DB] hover:text-white"
-                    aria-label="Xem thêm"
-                >
-                    XEM THÊM{" "}
-                    <i className="bx bx-chevron-down text-20 align-middle mt-[-3px]" />
-                </button>
-            </div>
-        </div>
-    )
-}
\ No newline at end of file
diff --git a/src/components/product/detail/comments/CommentList.tsx b/src/components/product/detail/comments/CommentList.tsx
new file mode 100644
index 0000000..3bfa19b
--- /dev/null
+++ b/src/components/product/detail/comments/CommentList.tsx
@@ -0,0 +1,36 @@
+'use client';
+import { useState } from "react";
+import CommentItem from "@/components/shared/CommentItem"
+
+const COMMENT_PER_PAGE = 5;
+
+export default function CommentList( {item}:any ) {
+    const total = item?.length;
+    
+    const [page, setPage] = useState(1);
+    const displayCount    = page * COMMENT_PER_PAGE;
+    const hasMore         = displayCount < total;
+    const commentData      = item.slice(0, displayCount);
+    
+    return (
+        <>
+        <div>
+            {
+                commentData.map( (comment:any) => <CommentItem item={comment} key={comment.id} />)
+            }
+        </div>
+
+        {hasMore &&
+            <div className="text-center mt-4">
+                <button type="button" aria-label="Xem thêm"
+                    className="border border-[#0678DB] text-[#0678DB] rounded-[30px] h-10 px-6 hover:bg-[#0678DB] hover:text-white"
+                    onClick={()=> setPage(prev => prev+1) }
+                >
+                    XEM THÊM
+                    <i className="bx bx-chevron-down text-20 align-middle mt-[-3px]" />
+                </button>
+            </div>
+        }
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/product/detail/comments/Form.tsx b/src/components/product/detail/comments/Form.tsx
new file mode 100644
index 0000000..4fd31de
--- /dev/null
+++ b/src/components/product/detail/comments/Form.tsx
@@ -0,0 +1,16 @@
+export default function Form() {
+    return (
+        <>        
+        <textarea
+            className="p-3 w-full resize-none h-[96px] outline-none border-none"
+            defaultValue={""}
+        />
+
+        <div className="border-t border-[#DDDDDD] bg-[#F5F6F7] p-[10px_12px] text-right">
+            <button type="button" aria-label="submit"
+                className="bg-btn text-white h-10 px-9 text-18 font-500 rounded-[30px]"
+            > GỬI </button>
+        </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/product/detail/comments/index.tsx b/src/components/product/detail/comments/index.tsx
new file mode 100644
index 0000000..179185e
--- /dev/null
+++ b/src/components/product/detail/comments/index.tsx
@@ -0,0 +1,40 @@
+import { CommentData } from "@/data/comments";
+import Form from "./Form";
+import CommentList from "./CommentList";
+
+export default function Comment() {
+
+    return (
+        <div>
+            <div className="flex items-center justify-between leading-8 gap-2 mb-4">
+                <p className="m-0 text-18 font-500"> {CommentData.list.length} Bình luận </p>
+
+                <div className="flex flex-wrap gap-2 text-14 font-500 pd-comment-btn">
+                    <button type="button" aria-label="Đánh giá"
+                        className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-8 hover:border-[#0678DB] hover:text-[#0678DB] current"
+                    > Tất cả </button>
+
+                    {buildButtonFilter()}
+                </div>
+            </div>
+
+            <div className="border border-[#DDDDDD] rounded-[12px] overflow-hidden js-comment-form">
+                <Form />
+            </div>            
+
+            {CommentData.list.length > 0 &&
+                <CommentList item={CommentData.list}/>
+            }
+        </div>
+    )
+}
+
+function buildButtonFilter(){
+    const star = [5,4,3,2,1]
+    
+    return star.map(item => (
+        <button type="button" aria-label="Đánh giá" key={item}
+            className="h-8 border border-[#D1D5DB] rounded-[40px] flex items-center gap-[3px] px-4 hover:border-[#0678DB] hover:text-[#0678DB]"
+        > {item} <i className="bxr bx-star" /> </button>
+    ))
+}
\ No newline at end of file
diff --git a/src/components/product/detail/image/PhotoSwipeImage.tsx b/src/components/product/detail/images/PhotoSwipeImage.tsx
similarity index 100%
rename from src/components/product/detail/image/PhotoSwipeImage.tsx
rename to src/components/product/detail/images/PhotoSwipeImage.tsx
diff --git a/src/components/product/detail/image/index.tsx b/src/components/product/detail/images/index.tsx
similarity index 100%
rename from src/components/product/detail/image/index.tsx
rename to src/components/product/detail/images/index.tsx
diff --git a/src/components/product/detail/index.tsx b/src/components/product/detail/index.tsx
index 1a99f8a..88b434d 100644
--- a/src/components/product/detail/index.tsx
+++ b/src/components/product/detail/index.tsx
@@ -1,38 +1,34 @@
 import { formatPrice } from "@/lib/utils";
-import ProductImage from "./image";
+import ProductImage from "./images";
 import Static from "./static";
 import ProductDescription from "./description"
-import Comment from "./comment";
-import Review from "./review";
+import Comment from "./comments";
+import Review from "./reviews";
 import ProductSpec from "./specifications";
-import Article from "./article";
+import Article from "./articles";
 import ProductPrice from "./price";
 import ProductOffer from "./offer";
-import Buttons from "./button";
+import Buttons from "./buttons";
 import ProductSummary from "./summary";
 
-export default async function ProductDetail({ slug }: any) {
-    const {
-        productName, 
-        productId,
-        review,
-        visit,
-        quantity,
-        productSummary,
-        productImage, imageCollection,
-        price, marketPrice, deal_list, price_off, sale_rules,
-        hasVAT, warranty,
-        specialOffer,
-        productDescription,
-        productSpec
-    } = slug
+import { ReviewData } from "@/data/reviews";
 
-    const image = {
-        productImage, imageCollection
+export default async function ProductDetail({ slug }: any) {
+
+    const imageList = {
+        productImage    : slug.productImage, 
+        imageCollection : slug.imageCollection
     }
 
     const priceData = {
-        price, marketPrice, deal_list, price_off, sale_rules, hasVAT, warranty, quantity
+        price       : slug.price,
+        marketPrice : slug.marketPrice,
+        deal_list   : slug.deal_list,
+        price_off   : slug.price_off,
+        sale_rules  : slug.sale_rules,
+        hasVAT      : slug.hasVAT,
+        warranty    : slug.warranty,
+        quantity    : slug.quantity
     }
     
     console.log(slug)
@@ -42,27 +38,27 @@ export default async function ProductDetail({ slug }: any) {
             <div className="product-detail-page container">
                 <div className="pd-info-container static bg-white rounded-[24px] p-6 mb-6">
                     <h1 className="leading-8 text-[#004BA4] text-24 mb-6 font-600">
-                        {productName}
+                        {slug.productName}
                     </h1>
 
                     <div className="gap-6 flex flex-wrap items-start leading-[18px]">
                         <div className="col-left-group w-[424px] sticky top-[90px]">
-                            <ProductImage data={image} />
+                            <ProductImage data={imageList} />
                         </div>
 
                         <div className="col-middle-group w-[464px]">
 
                             <div className="pb-3 mb-3 border-b border-[#DEE4EC] flex flex-wrap items-center gap-2">
                                 <button type="button" className="m-0 flex items-center gap-1">
-                                    <i className={`star star-${review.rate}`} />
-                                    <span className="font-500"> ({review.total}) </span>
+                                    <i className={`star star-${ReviewData.summary.avgRate}`} />
+                                    <span className="font-500"> ({ReviewData.summary.total}) </span>
                                 </button>
 
                                 <i className="w-[1px] h-4 bg-[#DEE4EC]" />
 
                                 <p className="m-0">
                                     Lượt xem: 
-                                    <span className="text-[#004BA4] font-500">{formatPrice(visit)}</span>
+                                    <span className="text-[#004BA4] font-500">{formatPrice(slug.visit)}</span>
                                 </p>
 
                                 <i className="w-[1px] h-4 bg-[#DEE4EC]" />
@@ -71,7 +67,7 @@ export default async function ProductDetail({ slug }: any) {
                                     Tình trạng: 
                                     <span
                                         dangerouslySetInnerHTML={{
-                                            __html: quantity > 0
+                                            __html: slug.quantity > 0
                                             ? '<span class="font-500 text-[#00AD4F]">Còn hàng</span>'
                                             : '<span class="font-500 red">Liên hệ</span>'
                                         }}
@@ -79,15 +75,15 @@ export default async function ProductDetail({ slug }: any) {
                                 </p>
                             </div>
                             
-                            { productSummary &&
-                                <ProductSummary item={productSummary} />
+                            { slug.productSummary &&
+                                <ProductSummary item={slug.productSummary} />
                             }
 
                             <ProductPrice item={priceData} />
                             
-                            <ProductOffer item={specialOffer}/>                            
+                            <ProductOffer item={slug.specialOffer}/>                            
 
-                            <Buttons item={productId} />
+                            <Buttons item={slug.productId} />
 
                             <p className="m-0 flex items-center gap-3 text-16 leading-[22px]">
                                 <i className="icons icon-truck-2 !w-6" />
@@ -103,23 +99,32 @@ export default async function ProductDetail({ slug }: any) {
 
                 <div className="pd-content-container flex flex-wrap items-baseline gap-6">
                     <div className="col-left w-[784px]">
-                        { productDescription && 
-                            <ProductDescription name={productName} description={productDescription} />
-                         }
+                        { slug.productDescription && 
+                            <ProductDescription 
+                                name={slug.productName} 
+                                description={slug.productDescription} 
+                            />
+                        }
                         
                         <div className="pd-comment-container bg-white mb-6 p-8 pt-6 rounded-[24px] text-16 leading-[22px]">
-                            <Review />
+                            <p className="leading-[31px] font-600 text-24 mb-4 pb-4">
+                                Đánh giá và bình luận
+                            </p>
+
+                            <Review item={ReviewData}/>
 
                             <Comment />
                         </div>
                     </div>
                     
                     <div className="col-right w-[440px]">
-                        {productSpec && 
-                            <ProductSpec item={productSpec} />
+                        {slug.productSpec && 
+                            <ProductSpec item={slug.productSpec} />
                         }
                         
-                        <Article />
+                        { slug.related['article-article'].length > 0 && 
+                            <Article item={ slug.related['article-article'] } />
+                        }
                     </div>
                 </div>
 
diff --git a/src/components/product/detail/review/index.tsx b/src/components/product/detail/review/index.tsx
deleted file mode 100644
index bc274ec..0000000
--- a/src/components/product/detail/review/index.tsx
+++ /dev/null
@@ -1,227 +0,0 @@
-export default function Review() {
-    return (
-        <>
-            <p className="leading-[31px] font-600 text-24 mb-4 pb-4">
-                {" "}
-                Đánh giá và bình luận{" "}
-            </p>
-            {/* Rating */}
-            <div className="pd-rating-conatiner mb-9" id="js-pd-rating">
-                <div className="flex flex-wrap justify-between gap-6">
-                    <div className="w-[200px] text-center">
-                        <p className="font-600 text-[40px] leading-[48px] mb-2"> 0 </p>
-                        <p className="my-2 text-[#6B7280]"> 0 lượt đánh giá </p>
-                        <i className="star star-3" />
-                        <button
-                            className="rating-btn block h-10 w-full text-white text-14 font-500 rounded-[30px] bg-btn uppercase mt-3"
-                            type="button"
-                            aria-label="đánh giá"
-                        />
-                    </div>
-                    <div className="w-[calc(100%_-_224px)] text-14 font-500 leading-[18px] flex flex-col gap-4">
-                        <div className="flex items-center justify-between gap-2 flex-wrap">
-                            <p className="m-0 flex gap-[3px] w-[30px]">
-                                {" "}
-                                <span>5</span>{" "}
-                                <i className="bx bxs-star text-[#FBBF24] text-16" />{" "}
-                            </p>
-                            <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
-                                <i
-                                    className="max-w-[100%] bg-[#0678DB] absolute inset-0"
-                                    style={{ width: "0%" }}
-                                />
-                            </div>
-                            <p className="m-0 text-[#6B7280] w-[25px] text-right"> 0 </p>
-                        </div>
-                        <div className="flex items-center justify-between gap-2 flex-wrap">
-                            <p className="m-0 flex gap-[3px] w-[30px]">
-                                <span>4</span>{" "}
-                                <i className="bx bxs-star text-[#FBBF24] text-16" />
-                            </p>
-                            <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
-                                <i
-                                    className="max-w-[100%] bg-[#0678DB] absolute inset-0"
-                                    style={{ width: "0%" }}
-                                />
-                            </div>
-                            <p className="m-0 text-[#6B7280] w-[25px] text-right"> 0 </p>
-                        </div>
-                        <div className="flex items-center justify-between gap-2 flex-wrap">
-                            <p className="m-0 flex gap-[3px] w-[30px]">
-                                <span>3</span>{" "}
-                                <i className="bx bxs-star text-[#FBBF24] text-16" />
-                            </p>
-                            <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
-                                <i
-                                    className="max-w-[100%] bg-[#0678DB] absolute inset-0"
-                                    style={{ width: "0%" }}
-                                />
-                            </div>
-                            <p className="m-0 text-[#6B7280] w-[25px] text-right"> 0 </p>
-                        </div>
-                        <div className="flex items-center justify-between gap-2 flex-wrap">
-                            <p className="m-0 flex gap-[3px] w-[30px]">
-                                <span>2</span>{" "}
-                                <i className="bx bxs-star text-[#FBBF24] text-16" />
-                            </p>
-                            <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
-                                <i
-                                    className="max-w-[100%] bg-[#0678DB] absolute inset-0"
-                                    style={{ width: "0%" }}
-                                />
-                            </div>
-                            <p className="m-0 text-[#6B7280] w-[25px] text-right"> 0 </p>
-                        </div>
-                        <div className="flex items-center justify-between gap-2 flex-wrap">
-                            <p className="m-0 flex gap-[3px] w-[30px]">
-                                <span>1</span>{" "}
-                                <i className="bx bxs-star text-[#FBBF24] text-16" />
-                            </p>
-                            <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
-                                <i
-                                    className="max-w-[100%] bg-[#0678DB] absolute inset-0"
-                                    style={{ width: "0%" }}
-                                />
-                            </div>
-                            <p className="m-0 text-[#6B7280] w-[25px] text-right"> 0 </p>
-                        </div>
-                    </div>
-                </div>
-                <div className="pd-rating-form mt-8 hidden">
-                    <div className="flex items-center mb-4 gap-4">
-                        <p className="m-0"> Chọn đánh giá của bạn </p>
-                        <div className="rating-comment clearfix">
-                            <input
-                                type="radio"
-                                className="rating-input"
-                                id="rating-input-review-0-5"
-                                defaultValue={5}
-                                data-title="Quá tuyệt vời"
-                                name="user_post[rate]"
-                                defaultChecked={true}
-                            />
-                            <label
-                                htmlFor="rating-input-review-0-5"
-                                className="rating-star js-rating-star"
-                                data-title="Quá tuyệt vời"
-                            />
-                            <input
-                                type="radio"
-                                className="rating-input"
-                                id="rating-input-review-0-4"
-                                defaultValue={4}
-                                data-title="Rất tốt"
-                                name="user_post[rate]"
-                            />
-                            <label
-                                htmlFor="rating-input-review-0-4"
-                                className="rating-star js-rating-star"
-                                data-title="Rất tốt"
-                            />
-                            <input
-                                type="radio"
-                                className="rating-input"
-                                id="rating-input-review-0-3"
-                                defaultValue={3}
-                                data-title="Bình thường"
-                                name="user_post[rate]"
-                            />
-                            <label
-                                htmlFor="rating-input-review-0-3"
-                                className="rating-star js-rating-star"
-                                data-title="Bình thường"
-                            />
-                            <input
-                                type="radio"
-                                className="rating-input"
-                                id="rating-input-review-0-2"
-                                defaultValue={2}
-                                data-title="Tạm được"
-                                name="user_post[rate]"
-                            />
-                            <label
-                                htmlFor="rating-input-review-0-2"
-                                className="rating-star js-rating-star"
-                                data-title="Tạm được"
-                            />
-                            <input
-                                type="radio"
-                                className="rating-input"
-                                id="rating-input-review-0-1"
-                                defaultValue={1}
-                                data-title="Không thích"
-                                name="user_post[rate]"
-                            />
-                            <label
-                                htmlFor="rating-input-review-0-1"
-                                className="rating-star js-rating-star"
-                                data-title="Không thích"
-                            />
-                        </div>
-                        <span
-                            id="js-star-tip"
-                            className="star-tip bg-[#2b8ae0] text-white rounded-[3px] relative px-2 leading-[26px]"
-                        >
-                            {" "}
-                            Quá tuyệt vời{" "}
-                        </span>
-                    </div>
-                    <div className="lg:grid grid-cols-2 gap-3">
-                        <textarea
-                            className="w-full block p-3 resize-none h-[100px] outline-none border border-[#DDDDDD] rounded-[12px]"
-                            placeholder="Nhập đánh giá của bạn"
-                            defaultValue={""}
-                        />
-                        <div className="grid lg:grid-cols-2 gap-2">
-                            <input
-                                type="text"
-                                className="border border-[#DDDDDD] rounded-[8px] px-3"
-                                placeholder="Họ tên*"
-                            />
-                            <input
-                                type="tel"
-                                className="border border-[#DDDDDD] rounded-[8px] px-3"
-                                inputMode="numeric"
-                                pattern="[0-9]{10,11}"
-                                maxLength={11}
-                                placeholder="Số điện thoại*"
-                            />
-                            <input
-                                type="text"
-                                className="border border-[#DDDDDD] rounded-[8px] px-3"
-                                placeholder="Email*"
-                            />
-                            <button
-                                type="button"
-                                className="bg-btn text-white rounded-[8px]"
-                                aria-label="Đánh giá"
-                            >
-                                {" "}
-                                Gửi đánh giá{" "}
-                            </button>
-                        </div>
-                        <p className="red font-600"> </p>
-                    </div>
-                </div>
-                <div className="text-14 leading-[18px] mt-4" id="">
-                    <div className="last:border-0 border-b border-[#DDDDDD] py-5">
-                        <div className="flex items-center gap-2 mb-2">
-                            <b className="font-600 capitalize"> tên khách hàng </b>
-                            <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
-                            <span className="text-[#6B7280]"> 11-11-2025, 11:11 </span>
-                        </div>
-                        <div className="flex flex-wrap gap-3">
-                            <i className="star star-3 scale-[0.8] ml-[-7px]" />
-                            <div className="w-[calc(100%-98px)]">
-                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel
-                                illum deserunt similique cumque accusantium qui assumenda
-                                quod. Saepe illum beatae aspernatur odit, voluptatum voluptate
-                                maiores dolore expedita similique officia consequuntur?
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </>
-    )
-}
\ No newline at end of file
diff --git a/src/components/product/detail/reviews/Form.jsx b/src/components/product/detail/reviews/Form.jsx
new file mode 100644
index 0000000..796875c
--- /dev/null
+++ b/src/components/product/detail/reviews/Form.jsx
@@ -0,0 +1,101 @@
+'use client';
+
+import { useState, Fragment } from 'react';
+
+export default function ReviewForm() {
+    const [rate, setRate] = useState(5);
+    const [rateTitle, setRateTitle] = useState('Quá tuyệt vời');
+
+    return (
+        <>
+        <div className="flex items-center mb-4 gap-4">
+            <p className="m-0"> Chọn đánh giá của bạn </p>
+
+            <div className="rating-comment clearfix">
+                <CreateStar
+                    rate={rate}
+                    setRate={setRate}
+                    setRateTitle={setRateTitle}
+                />
+            </div>
+
+            <span className="star-tip bg-[#2b8ae0] text-white rounded-[3px] px-2 leading-[26px]">
+                {rateTitle}
+            </span>
+        </div>
+
+        <div className="lg:grid grid-cols-2 gap-3">
+            <textarea
+                className="w-full block p-3 resize-none h-[100px] outline-none border border-[#DDDDDD] rounded-[12px]"
+                placeholder="Nhập đánh giá của bạn"
+                defaultValue={""}
+            />
+            <div className="grid lg:grid-cols-2 gap-2">
+                <input
+                    type="text"
+                    className="border border-[#DDDDDD] rounded-[8px] px-3"
+                    placeholder="Họ tên*"
+                />
+                <input
+                    type="tel"
+                    className="border border-[#DDDDDD] rounded-[8px] px-3"
+                    inputMode="numeric"
+                    pattern="[0-9]{10,11}"
+                    maxLength={11}
+                    placeholder="Số điện thoại*"
+                />
+                <input
+                    type="text"
+                    className="border border-[#DDDDDD] rounded-[8px] px-3"
+                    placeholder="Email*"
+                />
+                <button
+                    type="button"
+                    className="bg-btn text-white rounded-[8px]"
+                    aria-label="Đánh giá"
+                >
+                    Gửi đánh giá
+                </button>
+            </div>
+            
+            <p className="red font-600"> </p>
+        </div>
+        </>
+    );
+}
+
+function CreateStar({ rate, setRate, setRateTitle }) {
+    const stars = [
+        { rate: 5, title: 'Quá tuyệt vời' },
+        { rate: 4, title: 'Rất tốt' },
+        { rate: 3, title: 'Bình thường' },
+        { rate: 2, title: 'Tạm được' },
+        { rate: 1, title: 'Không thích' },
+    ];
+
+    return (
+        <>
+            {stars.map(({ rate: star, title }) => (
+                <Fragment key={star}>
+                    <input
+                        type="radio"
+                        className="rating-input"
+                        name="user_post[rate]"
+                        id={`rating-${star}`}
+                        value={star}
+                        checked={rate === star}
+                        onChange={() => setRate(star)}
+                    />
+
+                    <label
+                        htmlFor={`rating-${star}`}
+                        title={title}
+                        className="rating-star js-rating-star"
+                        onMouseEnter={() => setRateTitle(title)}
+                        onClick={() => setRateTitle(title)}
+                    />
+                </Fragment>
+            ))}
+        </>
+    );
+}
diff --git a/src/components/product/detail/reviews/ReviewList.tsx b/src/components/product/detail/reviews/ReviewList.tsx
new file mode 100644
index 0000000..63639bb
--- /dev/null
+++ b/src/components/product/detail/reviews/ReviewList.tsx
@@ -0,0 +1,38 @@
+'use client';
+import { useState } from "react";
+import ReviewItem from "@/components/shared/ReviewItem";
+
+const REVIEW_PER_PAGE = 5;
+
+export default function ReviewList({ item }: any) {
+    const total = item?.length;
+
+    const [page, setPage] = useState(1);
+    const displayCount    = page * REVIEW_PER_PAGE;
+    const hasMore         = displayCount < total;
+    const reviewData      = item.slice(0, displayCount);
+
+    return (
+        <>
+            {reviewData && 
+                reviewData.map((item:any) => 
+                    <ReviewItem key={item.id} item={item} />
+                )
+            }            
+
+            { hasMore &&
+            <div className="text-center mt-4">
+                <button
+                    type="button"
+                    className="border border-[#0678DB] text-[#0678DB] rounded-[30px] h-10 px-6 hover:bg-[#0678DB] hover:text-white"
+                    aria-label="Xem thêm"
+                    onClick={() => setPage(prev => prev + 1)}
+                >
+                    XEM THÊM
+                    <i className="bx bx-chevron-down text-20 align-middle mt-[-3px]" />
+                </button>
+            </div>
+        }
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/product/detail/reviews/StarPercent.tsx b/src/components/product/detail/reviews/StarPercent.tsx
new file mode 100644
index 0000000..af77062
--- /dev/null
+++ b/src/components/product/detail/reviews/StarPercent.tsx
@@ -0,0 +1,71 @@
+export default function StarPercent({ item }: any) {
+
+    const listRate = item?.list_rate || [];
+    const { count, percent } = getStarPercent(listRate);
+
+    return (
+        <>
+            {[5, 4, 3, 2, 1].map((star) => {
+                const starRating = star as StarRating;
+                return (
+                <div key={star} 
+                    className="flex items-center justify-between gap-2 flex-wrap">
+                    <p className="m-0 flex gap-[3px] w-[30px]">
+
+                        <span>{star}</span>
+                        <i className="bx bxs-star text-[#FBBF24] text-16" />
+                    </p>
+                    <div className="relative bg-[#E8ECF6] overflow-hidden rounded-[30px] h-3 w-[calc(100%_-_71px)]">
+                        <i
+                            className="max-w-[100%] bg-[#0678DB] absolute inset-0"
+                            style={{ width: `${percent[starRating]}%` }}
+                        />
+                    </div>
+                    <p className="m-0 text-[#6B7280] w-[25px] text-right"> {count[starRating]} </p>
+                </div>
+            );
+            })}
+        </>
+    )
+}
+
+type StarRating = 1 | 2 | 3 | 4 | 5;
+
+function getStarPercent(list_rate: any[] = []) {
+    const result: Record<StarRating, number> = {
+        1: 0,
+        2: 0,
+        3: 0,
+        4: 0,
+        5: 0,
+    };
+
+    let totalCount = 0;
+
+    list_rate.forEach(item => {
+        totalCount += item.total;
+        result[item.rate as StarRating] = item.total;
+    });
+
+    const percent: Record<StarRating, number> = {
+        1: 0,
+        2: 0,
+        3: 0,
+        4: 0,
+        5: 0,
+    };
+
+    if (totalCount > 0) {
+        Object.keys(result).forEach(key => {
+            percent[key as unknown as StarRating] = Math.round(
+                (result[key as unknown as StarRating] / totalCount) * 100
+            );
+        });
+    }
+
+    return {
+        count: result,
+        percent,
+        totalCount
+    };
+}
diff --git a/src/components/product/detail/reviews/index.tsx b/src/components/product/detail/reviews/index.tsx
new file mode 100644
index 0000000..927c630
--- /dev/null
+++ b/src/components/product/detail/reviews/index.tsx
@@ -0,0 +1,45 @@
+'use client';
+import { useState } from "react";
+import StarPercent from "./StarPercent";
+import ReviewForm from "./Form"
+import ReviewList from "./ReviewList";
+
+export default function Review( {item} : any ) {
+
+    const [ show, setShow ] = useState(false);
+
+    return (
+        <>
+        <div className={`pd-rating-conatiner mb-9 ${show ? 'active' : ''}`} id="js-pd-rating">
+            <div className="flex flex-wrap justify-between gap-6">
+                <div className="w-[200px] text-center">
+                    <p className="font-600 text-[40px] leading-[48px] mb-2"> {item.summary.avgRate}.0 </p>
+                    <p className="my-2 text-[#6B7280]"> {item.summary.total} lượt đánh giá </p>
+                    <i className={`star star-${item.summary.avgRate}`} />
+
+                    <button
+                        className="rating-btn block h-10 w-full text-white text-14 font-500 rounded-[30px] bg-btn uppercase mt-3"
+                        type="button"
+                        aria-label="đánh giá"
+                        onClick={ () =>  setShow(show => !show) }
+                    />
+                </div>
+
+                <div className="w-[calc(100%_-_224px)] text-14 font-500 leading-[18px] flex flex-col gap-4">
+                    <StarPercent item={item.summary} />                    
+                </div>
+            </div>
+
+            <div className="pd-rating-form mt-8 hidden">
+                <ReviewForm  />                
+            </div>
+
+            {item.list.length > 0 && 
+                <div className="text-14 leading-[18px] mt-4">
+                    <ReviewList item={item.list}/>                    
+                </div>
+            }
+        </div>
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/product/detail/specifications/index.tsx b/src/components/product/detail/specifications/index.tsx
index e8489ea..8a1b5db 100644
--- a/src/components/product/detail/specifications/index.tsx
+++ b/src/components/product/detail/specifications/index.tsx
@@ -1,7 +1,7 @@
 import parse from 'html-react-parser';
 
 export default function ProductSpec( {item} : any ) {
-    console.log(item)
+
     return (
         <div className="pd-box-group bg-white mb-6 px-4 py-6 rounded-[24px]">
             <p className="group-title border-b border-[#D0D8E3] leading-[31px] font-600 text-24 mb-4 pb-4">
@@ -11,14 +11,15 @@ export default function ProductSpec( {item} : any ) {
             <div className="pd-spec-group">
                 {parse(item)}
             </div>
+
             <a
                 href="#fancybox-spec"
                 data-fancybox=""
                 className="table m-auto mt-4 text-white leading-10 uppercase rounded-[40px] bg-btn font-500 text-16 px-6"
             >
-                
                 Xem tất cả thông số
             </a>
+
             <div
                 className="pd-spec-group p-3"
                 id="fancybox-spec"
diff --git a/src/components/shared/CommentItem.tsx b/src/components/shared/CommentItem.tsx
new file mode 100644
index 0000000..af4b20a
--- /dev/null
+++ b/src/components/shared/CommentItem.tsx
@@ -0,0 +1,78 @@
+'use client';
+import { useState } from 'react';
+import { formatDate } from "@/lib/utils";
+import parse from 'html-react-parser';
+import CommentReply from "@/components/shared/CommentReply";
+import Form from "../product/detail/comments/Form";
+
+export default function CommentItem({ item }: any) {
+    const [activeFormId, setActiveFormId] = useState<number | null>(null);
+
+    const handleReply = () => {
+        setActiveFormId(prev =>
+            prev === item.id ? null : item.id
+        );
+    };
+
+    console.log('aaaaaaaaaa', item)
+
+    return (
+        <>
+        { item.is_user_admin == 1 || item.approved == 1 &&
+            <div className="first:border-t first:mt-4 first:pt-4 border-[#D1D5DB] mb-5 flex gap-3 text-14 leading-[18px]">
+                <div className="w-10 h-10 rounded-full bg-[#9CA3AF] leading-10 text-center uppercase text-white font-600 overflow-hidden">
+                    { item.is_user_admin == 1 
+                        ? parse(`<img src="images/avatar-admin.png" className="block w-full h-full"/>`)
+                        : parse(`<span> ${item.user_name.substring(0,1)} </span>`)
+                    }
+                </div>
+
+                <div className="w-[calc(100%_-_52px)]">
+                    <div className="flex items-center gap-2 mb-1">
+                        <b className="capitalize"> {item.user_name.split(' -')[0]} </b>
+                        <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
+                        <span className="text-[#6B7280]"> {formatDate(item.post_time)} </span>
+                    </div>
+
+                    <i className={`star star-${item.rate}`} />
+
+                    <div className="my-2"> {item.content} </div>
+
+                    <div className="flex gap-2 leading-[30px]">
+                        <button type="button" aria-label="actions"
+                            className="group flex items-center gap-[6px] border border-[#D1D5DB] px-3 rounded-[20px] hover:border-[#0678DB] hover:text-[#0678DB]"                            
+                        >
+                            <i className="group-hover:text-[#0678DB] text-[#928FA8] bxr bx-heart" />
+                            {item.people_like_count}
+                        </button>
+
+                        <button type="button" aria-label="actions"
+                            className="group flex items-center gap-[6px] border border-[#D1D5DB] px-3 rounded-[20px] hover:border-[#0678DB] hover:text-[#0678DB]"
+                            onClick={handleReply}
+                        >
+                            <i className="group-hover:text-[#0678DB] text-[#928FA8] bxr bx-reply-stroke" />
+                            Trả lời
+                        </button>
+                    </div>
+
+                    {activeFormId === item.id && (
+                    <div className="my-2 border border-[#DDDDDD] rounded-[12px] overflow-hidden js-comment-form" id={`js-comment-form-${item.id}`}>
+                        <Form />
+                    </div>
+                    )}
+                    
+
+                    { item.new_replies.length > 0 &&
+                    <div className="bg-[#F3F4F6] rounded-[12px] overflow-hidden mt-3">
+                        {
+                            item.new_replies.map( (reply:any) => 
+                                <CommentReply item={reply} key={reply.id} />)
+                        }                        
+                    </div>
+                    }
+                </div>
+            </div>
+        }
+        </>
+    )
+}
\ No newline at end of file
diff --git a/src/components/shared/CommentReply.tsx b/src/components/shared/CommentReply.tsx
new file mode 100644
index 0000000..53267be
--- /dev/null
+++ b/src/components/shared/CommentReply.tsx
@@ -0,0 +1,28 @@
+import { formatDate } from "@/lib/utils";
+import parse from 'html-react-parser';
+
+export default function CommentReply({ item }: any) {
+    return (
+        <div className="first:border-0 flex items-start gap-3 p-3 border-t border-[#D1D5DB]">
+            <div className="w-10 h-10 rounded-full bg-[#9CA3AF] leading-10 text-center uppercase text-white font-600 overflow-hidden">
+                { item.is_user_admin == 1 
+                    ? parse(`<img src="images/avatar-admin.png" className="block w-full h-full"/>`)
+                    : parse(`<span> ${item.user_name.substring(0,1)} </span>`)
+                }
+            </div>
+
+            <div className="w-[calc(100%_-_52px)]">
+                <div className="flex items-center gap-2 mb-1">
+                    { item.is_user_admin == 1 
+                        ? parse(`<span className="bg-[linear-gradient(70.1deg,#75798B_62.94%,#ADB5CD_100%)] text-white px-[6px] leading-[18px] rounded-[20px] font-500 text-10">Quản trị viên</span>`)
+                        : parse(`<b className="capitalize"> ${item.user_name.split(' -')[0]} </b>`)
+                    }
+                    <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
+                    <span className="text-[#6B7280]"> {formatDate(item.post_time)} </span>
+                </div>
+
+                <div className="my-2" style={{ whiteSpace: "pre-line" }}> {item.content} </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/shared/ReviewItem.tsx b/src/components/shared/ReviewItem.tsx
new file mode 100644
index 0000000..bed02b3
--- /dev/null
+++ b/src/components/shared/ReviewItem.tsx
@@ -0,0 +1,21 @@
+import { formatDate } from "@/lib/utils";
+
+export default function ReviewItem({ item }: any) {
+
+    return (
+        <div className="last:border-0 border-b border-[#DDDDDD] py-5">
+            <div className="flex items-center gap-2 mb-2">
+                <b className="font-600 capitalize">
+                    {item.user_name.split(' -')[0]}
+                </b>
+                <i className="bxr bxs-radio-circle text-[7px] text-[#6B7280]" />
+                <span className="text-[#6B7280]"> {formatDate(item.post_time)} </span>
+            </div>
+
+            <div className="flex flex-wrap gap-3">
+                <i className={`star star-${item.rate} scale-[0.8] ml-[-7px]`} />
+                <div className="w-[calc(100%-98px)]"> {item.content} </div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/data/comments/index.tsx b/src/data/comments/index.tsx
new file mode 100644
index 0000000..6f57360
--- /dev/null
+++ b/src/data/comments/index.tsx
@@ -0,0 +1,219 @@
+export const CommentData = {
+    "summary": {
+        "list_rate": [],
+        "avgRate": 0,
+        "total": 0,
+    },
+    "list": [
+        {
+            "id": "10187",
+            "item_type": "product",
+            "item_id": "5631",
+            "people_like_count": "2",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Test - S\u0110T: 0988776521",
+            "rate": "5",
+            "title": "VGA ASUS ROG  ASTRAL LC GEFORCE RTX 5090 32GB GDDR7 OC EDITION (512-bit, HDMI+DP, 1x16-pin)",
+            "content": "sp t\u1ed1t ....................................",
+            "files": [],
+            "approved": "1",
+            "post_time": "1767776160",
+            "counter": 1,
+            "new_replies": [
+                {
+                    "id": "10186",
+                    "item_type": "product",
+                    "item_id": "2106",
+                    "people_like_count": "0",
+                    "people_dislike_count": "0",
+                    "reply_count": "0",
+                    "is_user_admin": "1",
+                    "user_avatar": "",
+                    "user_name": "Admin",
+                    "rate": "5",
+                    "title": "\u1ed4 c\u1ee9ng SSD Samsung PM9A1 512GB M.2 NVMe PCIe Gen 4 x4 (\u0110\u1ecdc 6900MB\/s - Ghi 5000MB\/s)",
+                    "content": "SSD Samsung PM9A1 512GB c\u00f2n kh\u00f4ng \u1ea1, cho em xin gi\u00e1 v\u1edbi \u1ea1.",
+                    "files": [],
+                    "approved": "0",
+                    "post_time": "1767666181",
+                    "counter": 2,
+                    "new_replies": []
+                },
+                {
+                    "id": "10185",
+                    "item_type": "product",
+                    "item_id": "6669",
+                    "people_like_count": "0",
+                    "people_dislike_count": "0",
+                    "reply_count": "0",
+                    "is_user_admin": "0",
+                    "user_avatar": "",
+                    "user_name": "VU THANH CHUNG - S\u0110T: 0975064835",
+                    "rate": "5",
+                    "title": "HHPC CORE i7 14700KF | 64GB | NVIDIA RTX 5070 Ti 16G",
+                    "content": "Qu\u00e1 l\u00e0 r\u1ebb",
+                    "files": [],
+                    "approved": "0",
+                    "post_time": "1766984906",
+                    "counter": 3,
+                    "new_replies": []
+                }
+            ]
+        },
+        {
+            "id": "10186",
+            "item_type": "product",
+            "item_id": "2106",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "1",
+            "user_avatar": "",
+            "user_name": "Quang Phuc",
+            "rate": "5",
+            "title": "\u1ed4 c\u1ee9ng SSD Samsung PM9A1 512GB M.2 NVMe PCIe Gen 4 x4 (\u0110\u1ecdc 6900MB\/s - Ghi 5000MB\/s)",
+            "content": "SSD Samsung PM9A1 512GB c\u00f2n kh\u00f4ng \u1ea1, cho em xin gi\u00e1 v\u1edbi \u1ea1.",
+            "files": [],
+            "approved": "1",
+            "post_time": "1767666181",
+            "counter": 2,
+            "new_replies": []
+        },
+        {
+            "id": "10185",
+            "item_type": "product",
+            "item_id": "6669",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "VU THANH CHUNG - S\u0110T: 0975064835",
+            "rate": "5",
+            "title": "HHPC CORE i7 14700KF | 64GB | NVIDIA RTX 5070 Ti 16G",
+            "content": "Qu\u00e1 l\u00e0 r\u1ebb",
+            "files": [],
+            "approved": "1",
+            "post_time": "1766984906",
+            "counter": 3,
+            "new_replies": []
+        },
+        {
+            "id": "10184",
+            "item_type": "product",
+            "item_id": "5053",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "L\u00ea Tr\u01b0\u01a1ng - S\u0110T: 0865660958",
+            "rate": "5",
+            "title": "HH SERVER - DUAL XEON 2696 V4 | 128GB | NVIDIA RTX 3060 12G",
+            "content": "Video To Future mong mu\u1ed1n h\u1ee3p t\u00e1c v\u1edbi qu\u00fd doanhh nghi\u1ec7p \u0111\u1ec3 ph\u00e2n ph\u1ed1i ph\u1ea7n m\u1ec1m g\u1eedi nh\u1eefng kho\u1ea3nh kh\u1eafc \u0111\u1eb9p v\u00e0 y\u00eau th\u01b0\u01a1ng \u0111\u1ebfn t\u01b0\u01a1ng lai. M\u00ecnh mu\u1ed1n xin s\u1ed1 fone c\u1ee7a ph\u00f2ng kinh doanh \u0111\u1ec3 g\u1eb7p tr\u1ef1c ti\u1ebfp trao \u0111\u1ed5i. Tr\u00e2n tr\u1ecdng c\u1ea3m \u01a1n!\n",
+            "files": [],
+            "approved": "1",
+            "post_time": "1765177283",
+            "counter": 4,
+            "new_replies": []
+        },
+        {
+            "id": "10183",
+            "item_type": "product",
+            "item_id": "6500",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Phan Phu - S\u0110T: 0816550160",
+            "rate": "5",
+            "title": "HH SERVER - DUAL XEON E5 2676 V3 | 64G | NVIDIA GT 730 2GB - H\u00e0ng l\u01b0\u1edbt",
+            "content": "B\u1ed9 n\u00e0y b\u00e1n nguy\u00ean v\u1eady hay c\u00f3 \u0111\u1ed5i case kh\u00e1c \u0111\u01b0\u1ee3c kh\u00f4ng \u1ea1. \u1ede c\u1ea7n th\u01a1 giao h\u00e0ng m\u1ea5y ng\u00e0y v\u1eady b\u1ea1n",
+            "files": [],
+            "approved": "1",
+            "post_time": "1764308881",
+            "counter": 5,
+            "new_replies": []
+        },
+        {
+            "id": "10182",
+            "item_type": "product",
+            "item_id": "917",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "L\u00ea Th\u01b0\u1edbng - S\u0110T: 0349711051",
+            "rate": "5",
+            "title": "B\u1ed9 Ph\u00e1t Wifi ASUS RT-AC68U (Chu\u1ea9n Doanh Nghi\u1ec7p)",
+            "content": "Wifi r\u1ea5t kh\u1ecfe, ph\u00e1t xa, 40 ng\u01b0\u1eddi d\u00f9ng c\u00f9ng l\u00fac v\u1eabn ok.",
+            "files": [],
+            "approved": "0",
+            "post_time": "1763457018",
+            "counter": 6,
+            "new_replies": []
+        },
+        {
+            "id": "8768",
+            "item_type": "product",
+            "item_id": "6669",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "VU THANH CHUNG - S\u0110T: 0988358888",
+            "rate": "5",
+            "title": "HHPC CORE i7 14700KF | 64GB | NVIDIA RTX 5070 Ti 16G",
+            "content": "Qu\u00e1 l\u00e0 r\u1ebb lu\u00f4n ",
+            "files": [],
+            "approved": "0",
+            "post_time": "1766984975",
+            "counter": 1,
+            "new_replies": []
+        },
+        {
+            "id": "8767",
+            "item_type": "product",
+            "item_id": "5981",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "NMinh - S\u1ed1 \u0111t : 0367357631",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m VGA SAPPHIRE PULSE AMD RADEON RX 7800 XT 16GB GDDR6 (256-bit, HDMI+DP, 2x 8-pin)",
+            "content": "Ch\u1ea1y \u00eam",
+            "files": [],
+            "approved": "1",
+            "post_time": "1761374084",
+            "counter": 2,
+            "new_replies": []
+        },
+        {
+            "id": "8762",
+            "item_type": "product",
+            "item_id": "6434",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Hurasoft \u0110\u1ee9c - S\u0110T: 0987876213",
+            "rate": "4",
+            "title": "HuraSoft - S\u1ea3n ph\u1ea9m test (Kh\u00f4ng x\u00f3a)",
+            "content": "account test rating",
+            "files": [],
+            "approved": "1",
+            "post_time": "1761027763",
+            "counter": 3,
+            "new_replies": []
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/data/productDetail/index.tsx b/src/data/productDetail/index.tsx
index 322234e..4d9defd 100644
--- a/src/data/productDetail/index.tsx
+++ b/src/data/productDetail/index.tsx
@@ -1,4 +1,383 @@
 export const productDetail = {
     "productDescription":"<p><strong>AI-Deep Learning THREADRIPPER PRO\u00a09960X RTX 5000 BLACKWELL 48GB<\/strong>\u00a0l\u00e0 l\u1ef1a ch\u1ecdn ho\u00e0n h\u1ea3o cho nh\u1eefng c\u00f4ng ty nghi\u00ean c\u1ee9u ph\u00e1t tri\u1ec3n AI, li\u00ean quan t\u1edbi Deep Learning. Si\u00eau m\u00e1y t\u00ednh n\u00e0y\u00a0\u0111\u00e3 \u0111\u01b0\u1ee3c <a href=\"https:\/\/hoanghapc.vn\/\"><strong>Ho\u00e0ng H\u00e0 PC<\/strong><\/a> t\u1ed1i \u01b0u mang t\u1edbi m\u1ee9c gi\u00e1 h\u1ea5p d\u1eabn nh\u01b0ng v\u1eabn \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng c\u1ea5u h\u00ecnh s\u1ea3n ph\u1ea9m, ph\u00f9 h\u1ee3p cho nh\u1eefng chuy\u00ean gia c\u00f4ng ngh\u1ec7 l\u00e0m vi\u1ec7c v\u1ec1 thu\u1eadt to\u00e1n v\u00e0 ph\u00e1t tri\u1ec3n AI.<\/p>\r\n<h3>1. B\u1ed9\u00a0<a href=\"https:\/\/hoanghapc.vn\/cpu-bo-vi-xu-ly\">vi x\u1eed l\u00fd<\/a>\u00a0AMD Ryzen Threadripper\u00a09960X<\/h3>\r\n<p><strong>CPU Ryzen Threadripper 9960X<\/strong>\u00a0ch\u00ednh l\u00e0 d\u00f2ng s\u1ea3n ph\u1ea9m chuy\u00ean d\u1ee5ng cho m\u00e1y ch\u1ee7 ph\u1ee5c v\u1ee5 cho th\u1ecb tr\u01b0\u1eddng doanh nghi\u1ec7p l\u1edbn v\u1edbi s\u1ee9c m\u1ea1nh \u0111a nhi\u1ec7m t\u1ed1t c\u00f9ng v\u1edbi vi\u1ec7c b\u1ec1n b\u1ec9 ch\u1ecbu nhi\u1ec7t t\u1ed1t, \u0111\u00e1p \u1ee9ng ho\u00e0n h\u1ea3o cho c\u00e1c c\u00f4ng vi\u1ec7c \u0111\u00f2i h\u1ecfi n\u0103ng l\u1ef1c x\u1eed l\u00fd c\u1ef1c k\u1ef3 m\u1ea1nh m\u1ebd nh\u01b0 d\u1ef1ng h\u00ecnh (rendering), m\u00f4 ph\u1ecfng, t\u00ednh to\u00e1n k\u1ef9 thu\u1eadt, \u1ee9ng d\u1ee5ng tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o (AI).\u00a0<strong>Ryzen Threadripper 9960X<\/strong><strong style=\"font-weight: bold;\">\u00a0<\/strong>s\u1edf h\u1eefu<strong>\u00a024<strong>\u00a0nh\u00e2n v\u00e0 48 lu\u1ed3ng, xung nh\u1ecbp c\u01a1 b\u1ea3n\u00a04.2 GHz\u00a0<\/strong><\/strong>v\u00e0 c\u00f3 th\u1ec3<strong><strong>\u00a0l\u00ean\u00a05.4 GHz, b\u1ed9 nh\u1edb \u0111\u1ec7m l\u00e0\u00a0128 MB <\/strong><\/strong>c\u00f9ng v\u1edbi kh\u1ea3 n\u0103ng\u00a0h\u1ed7 tr\u1ee3\u00a0<strong>RDIMM (ECC)<\/strong> gi\u00fap CPU n\u00e0y ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh, h\u1ea1n ch\u1ebf l\u1ed7i ph\u00e1t sinh khi x\u1eed l\u00fd d\u1eef li\u1ec7u l\u1edbn - m\u1ed9t y\u00eau c\u1ea7u quan tr\u1ecdng trong c\u00e1c m\u00f4i tr\u01b0\u1eddng chuy\u00ean nghi\u1ec7p.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/30-07-2025\/threadripper-series-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>2.\u00a0<a href=\"https:\/\/hoanghapc.vn\/main-bo-mach-chu\">Main board<\/a>\u00a0GIGABYTE TRX50 AI TOP\u00a0DDR5<\/h3>\r\n<p><strong>GIGABYTE TRX50 AI TOP<\/strong>\u00a0l\u00e0 bo m\u1ea1ch ch\u1ee7 cao c\u1ea5p d\u00e0nh cho ng\u01b0\u1eddi d\u00f9ng chuy\u00ean nghi\u1ec7p v\u00e0 c\u00e1c h\u1ec7 th\u1ed1ng workstation hi\u1ec7u n\u0103ng cao, \u0111\u1eb7c bi\u1ec7t t\u1ed1i \u01b0u cho d\u00f2ng vi x\u1eed l\u00fd AMD Ryzen Threadripper 7000, 9000 series. S\u1edf h\u1eefu thi\u1ebft k\u1ebf m\u1ea1nh m\u1ebd v\u1edbi t\u1ea3n nhi\u1ec7t l\u1edbn, VRM ch\u1ea5t l\u01b0\u1ee3ng cao 16+8+4 Phases, h\u1ed7 tr\u1ee3 RAM DDR5 v\u00e0 b\u0103ng th\u00f4ng PCIe 5.0, bo m\u1ea1ch n\u00e0y mang l\u1ea1i hi\u1ec7u su\u1ea5t \u1ed5n \u0111\u1ecbnh ngay c\u1ea3 trong c\u00e1c t\u00e1c v\u1ee5 n\u1eb7ng nh\u01b0 AI, d\u1ef1ng h\u00ecnh 3D hay bi\u00ean t\u1eadp video 8K. Ngo\u00e0i ra, kh\u1ea3 n\u0103ng k\u1ebft n\u1ed1i ti\u00ean ti\u1ebfn v\u1edbi c\u1ed5ng USB4, Wi-Fi 7, v\u00e0 nhi\u1ec1u khe M.2 Gen5 gi\u00fap TRX50 AI TOP tr\u1edf th\u00e0nh m\u1ed9t n\u1ec1n t\u1ea3ng l\u00fd t\u01b0\u1edfng cho\u00a0ng\u01b0\u1eddi d\u00f9ng trong l\u0129nh v\u1ef1c\u00a0s\u00e1ng t\u1ea1o v\u00e0 x\u00e2y d\u1ef1ng h\u1ec7 th\u1ed1ng\u00a0d\u1eef li\u1ec7u h\u00e0ng \u0111\u1ea7u.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/28-08-2025\/trx50-ai-top-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>3.\u00a0<a href=\"https:\/\/hoanghapc.vn\/tan-nhiet-cpu\">T\u1ea3n nhi\u1ec7t\u00a0n\u01b0\u1edbc\u00a0cho CPU<\/a>\u00a0DEEPCOOL LT360 ARGB BLACK<\/h3>\r\n<p><strong>DEEPCOOL LT360 ARGB BLACK<\/strong>\u00a0l\u00e0 m\u1ed9t b\u1ed9 t\u1ea3n nhi\u1ec7t n\u01b0\u1edbc AIO cao c\u1ea5p, n\u1ed5i b\u1eadt v\u1edbi hi\u1ec7u n\u0103ng l\u00e0m m\u00e1t \u1ea5n t\u01b0\u1ee3ng v\u00e0 thi\u1ebft k\u1ebf th\u1ea9m m\u1ef9 hi\u1ec7n \u0111\u1ea1i. S\u1edf h\u1eefu block h\u00ecnh g\u01b0\u01a1ng v\u00f4 c\u1ef1c \u0111\u1ed9c \u0111\u00e1o k\u1ebft h\u1ee3p h\u1ec7 th\u1ed1ng \u0111\u00e8n ARGB s\u1ed1ng \u0111\u1ed9ng, s\u1ea3n ph\u1ea9m kh\u00f4ng ch\u1ec9 mang l\u1ea1i hi\u1ec7u qu\u1ea3 t\u1ea3n nhi\u1ec7t v\u01b0\u1ee3t tr\u1ed9i cho c\u00e1c CPU hi\u1ec7u n\u0103ng cao m\u00e0 c\u00f2n t\u1ea1o \u0111i\u1ec3m nh\u1ea5n m\u1ea1nh m\u1ebd cho d\u00e0n PC. V\u1edbi Radiator 360mm c\u00f3 t\u1ed1c \u0111\u1ed9 b\u01a1m\u00a0<strong>3400 RPM\u00b110%<\/strong>\u00a0c\u00f9ng ba qu\u1ea1t hi\u1ec7u su\u1ea5t\u00a0<strong>600~2400 RPM\u00b110%<\/strong>, LT360 \u0111\u1ea3m b\u1ea3o kh\u1ea3 n\u0103ng duy tr\u00ec nhi\u1ec7t \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh trong c\u1ea3 nh\u1eefng t\u00e1c v\u1ee5 n\u1eb7ng ho\u1eb7c \u00e9p xung.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/28-08-2025\/deepcool-lt360-black-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>4.\u00a0<a href=\"https:\/\/hoanghapc.vn\/ram-bo-nho-trong\">B\u1ed9 nh\u1edb ram<\/a>\u00a0DDR5 SAMSUNG 256G (4x64G) 4800MHz ECC RDIMM<\/h3>\r\n<p><strong>DDR5 SAMSUNG 256GB (4x64G) 4800MHz ECC RDIMM<\/strong> \u0111\u01b0\u1ee3c trang b\u1ecb t\u1ed1c \u0111\u1ed9 x\u1eed l\u00fd si\u00eau nhanh \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t l\u00e0m vi\u1ec7c cho h\u1ec7 th\u1ed1ng m\u00e1y t\u00ednh. V\u1edbi b\u0103ng th\u00f4ng l\u00ean \u0111\u1ebfn 4800MT\/s, dung l\u01b0\u1ee3ng RAM 256GB, \u0111\u00e2y ch\u1eafc ch\u1eafn l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn tuy\u1ec7t v\u1eddi m\u00e0 ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng n\u00ean b\u1ecf qua. V\u1edbi t\u1ed1c \u0111\u1ed9 g\u1ea5p \u0111\u00f4i so v\u1edbi DDR4, d\u00f2ng RAM s\u1eed d\u1ee5ng DDR5 kh\u00f4ng ch\u1ec9 n\u00e2ng cao kh\u1ea3 n\u0103ng x\u1eed l\u00fd d\u1eef li\u1ec7u l\u1edbn m\u00e0 c\u00f2n h\u1ed7 tr\u1ee3 x\u1eed l\u00fd m\u01b0\u1ee3t m\u00e0 n\u1ed9i dung 8K, \u0111\u1ed3ng th\u1eddi tinh n\u0103ng gi\u1ea3m thi\u1ec3u l\u1ed7i ECC trong qu\u00e1 tr\u00ecnh ho\u1ea1t \u0111\u1ed9ng\u00a0\u0111\u01b0\u1ee3c t\u00edch h\u1ee3p tr\u00ean b\u1ed9 nh\u1edb mang t\u1edbi\u00a0s\u1ef1\u00a0to\u00e0n v\u1eb9n d\u1eef li\u1ec7u v\u00e0 kh\u1ea3 n\u0103ng ho\u1ea1t \u0111\u1ed9ng li\u00ean t\u1ee5c 24\/7.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/09-01-2025\/ddr5-samsung-64g-4800mhz-ecc-rdimm-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>5.\u00a0<a href=\"https:\/\/hoanghapc.vn\/o-cung-the-ran-ssd\">\u1ed4 SSD<\/a>, HDD:\u00a0Samsung\u00a0<strong>990 Pro 4TB PCIe NVMe 4.0x4<\/strong><\/h3>\r\n<p><strong>Samsung 990 Pro 4TB PCIe NVMe 4.0x4\u00a0<\/strong>\u00a0l\u00e0 m\u1ed9t chi\u1ebfc SSD cao c\u1ea5p \u0111\u01b0\u1ee3c trang b\u1ecb t\u1ed1c \u0111\u1ed9 \u0111\u1ecdc ghi l\u00ean \u0111\u1ebfn\u00a07450MB\/s v\u00e0 6900MB\/s gi\u00fap n\u00e2ng cao hi\u1ec7u su\u1ea5t \u0111\u1ec3 PC c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e1p \u1ee9ng nh\u1eefng y\u00eau c\u1ea7u kh\u1eaft khe nh\u1ea5t tr\u00ean c\u00e1c \u1ee9ng d\u1ee5ng v\u00e0 ph\u1ea7n m\u1ec1m l\u00e0m vi\u1ec7c chuy\u00ean nghi\u1ec7p. C\u00f4ng ngh\u1ec7 PCIe Gen4 x4 m\u1edbi nh\u1ea5t s\u1ebd mang \u0111\u1ebfn t\u1ed1c \u0111\u1ed9 x\u1eed l\u00ed nhanh ch\u00f3ng, \u0111i k\u00e8m v\u1edbi dung l\u01b0\u1ee3ng 4TB cho ph\u00e9p b\u1ea1n tho\u1ea3i m\u00e1i l\u01b0u tr\u1eef d\u1eef li\u1ec7u l\u1edbn. \u1ed4 c\u1ee9ng SSD n\u00e0y \u0111\u01b0\u1ee3c s\u1ea3n xu\u1ea5t t\u1eeb nh\u1eefng nguy\u00ean li\u1ec7u, linh ki\u1ec7n cao c\u1ea5p nh\u1ea5t \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng s\u1ea3n ph\u1ea9m h\u00e0ng \u0111\u1ea7u khi \u0111\u1ebfn tay ng\u01b0\u1eddi d\u00f9ng.<\/p>\r\n<h3><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/26-02-2025\/ssd-samsung-990-pro-4tb-has.jpg\" alt=\"\" width=\"660\" \/><\/h3>\r\n<h3>6.\u00a0<a href=\"https:\/\/hoanghapc.vn\/vga-card-man-hinh\">Card VGA<\/a>\u00a0<strong>LEADTEK NVIDIA RTX PRO\u00a05000 BLACKWELL 48GB GDDR7<\/strong><\/h3>\r\n<p><strong>LEADTEK NVIDIA RTX PRO 5000 BLACKWELL 48GB<\/strong> l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1i \u01b0u cho workstation cao c\u1ea5p h\u1ed7 tr\u1ee3 chuy\u00ean gia thi\u1ebft k\u1ebf, k\u1ef9 s\u01b0 v\u00e0 ph\u00e1t tri\u1ec3n AI v\u1edbi hi\u1ec7u n\u0103ng v\u01b0\u1ee3t tr\u1ed9i v\u00e0 \u0111\u1ed9 \u1ed5n \u0111\u1ecbnh t\u1ed1i \u01b0u. Trang b\u1ecb 48 GB b\u1ed9 nh\u1edb GDDR7 t\u1ed1c \u0111\u1ed9 cao k\u00e8m ECC, GPU ki\u1ebfn tr\u00fac Blackwell cung c\u1ea5p b\u0103ng th\u00f4ng l\u1edbn gi\u00fap x\u1eed l\u00fd d\u1eef li\u1ec7u \u0111\u1ed3 h\u1ecda ph\u1ee9c t\u1ea1p, m\u00f4 ph\u1ecfng 3D, render video v\u00e0 t\u00ednh to\u00e1n AI kh\u1ed1i l\u01b0\u1ee3ng l\u1edbn m\u1ed9t c\u00e1ch m\u01b0\u1ee3t m\u00e0. V\u1edbi 14080 nh\u00e2n CUDA, Tensor th\u1ebf h\u1ec7 5 v\u00e0 RT th\u1ebf h\u1ec7 4, RTX PRO 5000 kh\u00f4ng ch\u1ec9 t\u0103ng t\u1ed1c \u0111\u00e1ng k\u1ec3 c\u00e1c t\u00e1c v\u1ee5 d\u1ef1ng h\u00ecnh v\u00e0 ray-tracing m\u00e0 c\u00f2n h\u1ed7 tr\u1ee3 ph\u00e1t tri\u1ec3n, hu\u1ea5n luy\u1ec7n v\u00e0 suy lu\u1eadn c\u00e1c m\u00f4 h\u00ecnh AI hi\u1ec7n \u0111\u1ea1i. Thi\u1ebft k\u1ebf t\u1ea3n nhi\u1ec7t chuy\u00ean nghi\u1ec7p v\u00e0 chu\u1ea9n PCIe 5.0 x16 \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t \u1ed5n \u0111\u1ecbnh cho workstation \u0111\u00f2i h\u1ecfi ch\u1ea1y li\u00ean t\u1ee5c. \u0110\u00e2y l\u00e0 gi\u1ea3i ph\u00e1p ho\u00e0n h\u1ea3o cho m\u00f4i tr\u01b0\u1eddng l\u00e0m vi\u1ec7c chuy\u00ean s\u00e2u, t\u1eeb CAD\/CAM \u0111\u1ebfn VFX v\u00e0 s\u1ea3n xu\u1ea5t n\u1ed9i dung 8K.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/27-01-2026\/rtx-pro-5000-blackwell-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>7.\u00a0<a href=\"https:\/\/hoanghapc.vn\/psu-nguon-may-tinh\">Ngu\u1ed3n m\u00e1y t\u00ednh t\u1ed1t<\/a>\u00a0SEASONIC VERTEX GX-1000 1000W - 80 PLUS GOLD PCIE 5.1<\/h3>\r\n<p><strong>SEASONIC VERTEX GX-1000 1000W\u00a0<\/strong>l\u00e0 b\u1ed9 ngu\u1ed3n 80 Plus Gold\u00a0cung c\u1ea5p ngu\u1ed3n \u0111i\u1ec7n hi\u1ec7u su\u1ea5t cao v\u1edbi kh\u1ea3 n\u0103ng chuy\u1ec3n \u0111\u1ed5i l\u00ean t\u1edbi 92%, \u0111\u1ea3m b\u1ea3o hi\u1ec7u su\u1ea5t ho\u1ea1t \u0111\u1ed9ng li\u00ean t\u1ee5c, gi\u1ea3m thi\u1ec3u l\u00e3ng ph\u00ed n\u0103ng l\u01b0\u1ee3ng v\u00e0 gi\u00fap h\u1ec7 th\u1ed1ng ho\u1ea1t \u0111\u1ed9ng \u1ed5n \u0111\u1ecbnh.\u00a0V\u1edbi \u0111\u1ea7y \u0111\u1ee7 c\u00e1c \u0111\u1ea7u n\u1ed1i v\u00e0 c\u00f4ng su\u1ea5t 1000W, ngu\u1ed3n n\u00e0y h\u1ed7 tr\u1ee3 t\u1ed1t cho c\u00e1c h\u1ec7 th\u1ed1ng \u0111a card \u0111\u1ed3 h\u1ecda v\u00e0 c\u1ea5u h\u00ecnh cao c\u1ea5p, gi\u00fap ng\u01b0\u1eddi d\u00f9ng d\u1ec5 d\u00e0ng n\u00e2ng c\u1ea5p v\u00e0 m\u1edf r\u1ed9ng h\u1ec7 th\u1ed1ng trong t\u01b0\u01a1ng lai. \u0110\u00e2y l\u00e0 b\u1ed9 ngu\u1ed3n l\u00ed t\u01b0\u1edfng gi\u00fap b\u1ea1n build nh\u1eefng b\u1ed9 PC h\u00e0ng \u0111\u1ea7u \u0111\u1ec3 ph\u1ee5c v\u1ee5 cho m\u1ecdi nhu c\u1ea7u s\u1eed d\u1ee5ng.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/18-08-2025\/gx-1000-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>\r\n<h3>8.\u00a0<a href=\"https:\/\/hoanghapc.vn\/case-vo-may-tinh\">V\u1ecf m\u00e1y t\u00ednh<\/a>\u00a0GIGABYTE AORUS C500 GLASS - 4 FAN ARGB<\/h3>\r\n<p><strong>GIGABYTE AORUS C500<\/strong> l\u00e0 m\u1ed9t m\u1eabu case mid-tower cao c\u1ea5p v\u1edbi ngo\u1ea1i h\u00ecnh m\u1ea1nh m\u1ebd, hi\u1ec7n \u0111\u1ea1i v\u00e0 kh\u1ea3 n\u0103ng t\u1ed1i \u01b0u lu\u1ed3ng gi\u00f3 \u1ea5n t\u01b0\u1ee3ng. V\u1ecf case \u0111\u01b0\u1ee3c trang b\u1ecb m\u1eb7t tr\u01b0\u1edbc d\u1ea1ng l\u01b0\u1edbi (mesh) gi\u00fap t\u0103ng c\u01b0\u1eddng kh\u1ea3 n\u0103ng l\u00e0m m\u00e1t, h\u1ed7 tr\u1ee3 \u0111\u1ebfn\u00a07 qu\u1ea1t l\u00e0m m\u00e1t v\u00e0 t\u1ea3n nhi\u1ec7t n\u01b0\u1edbc l\u00ean \u0111\u1ebfn 420mm, ph\u00f9 h\u1ee3p cho c\u00e1c h\u1ec7 th\u1ed1ng build cao c\u1ea5p. Kh\u00f4ng gian r\u1ed9ng r\u00e3i b\u00ean trong gi\u00fap l\u1eafp \u0111\u1eb7t 2 card \u0111\u1ed3 h\u1ecda\u00a0c\u00f9ng l\u00fac\u00a0v\u00e0 nhi\u1ec1u \u1ed5 l\u01b0u tr\u1eef, c\u00f9ng v\u1edbi thi\u1ebft k\u1ebf qu\u1ea3n l\u00fd d\u00e2y c\u00e1p th\u00f4ng minh gi\u00fap h\u1ec7 th\u1ed1ng g\u1ecdn g\u00e0ng v\u00e0 th\u1ea9m m\u1ef9. \u0110i\u1ec3m c\u1ed9ng n\u1eefa l\u00e0 k\u00ednh c\u01b0\u1eddng l\u1ef1c b\u00ean h\u00f4ng gi\u00fap khoe tr\u1ecdn n\u1ed9i th\u1ea5t v\u00e0 h\u1ec7 th\u1ed1ng \u0111\u00e8n RGB r\u1ef1c r\u1ee1.<\/p>\r\n<p><img style=\"display: block; margin-left: auto; margin-right: auto;\" src=\"https:\/\/hoanghapccdn.com\/media\/lib\/28-08-2025\/aorus-c500-glass-ha1.jpg\" alt=\"\" width=\"660\" \/><\/p>",
     "productSpec":"<div class=\"tlqcontent\">\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>STT<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>M\u00c3 H\u00c0NG<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>T\u00caN H\u00c0NG<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>TH\u1edcI H\u1ea0N B\u1ea2O H\u00c0NH<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>1<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>CPU<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/cpu-amd-ryzen-threadripper-9960x-b\">RYZEN THREADRIPPER\u00a09960X UP 5.4 |\u00a024 CORE |\u00a048 THREAD<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>36\u00a0TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>2<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>MAINBOARD<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/mainboard-gigabyte-trx50-ai-top\">GIGABYTE TRX50 AI TOP DDR5<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>36\u00a0TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>3<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>T\u1ea2N NHI\u1ec6T<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/tan-nhiet-nuoc-cpu-deepcool-lt360-argb-black\">DEEPCOOL LT360 ARGB BLACK<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>24\u00a0TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>4<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>RAM<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/ram-ddr5-samsung-64g-4800mhz-ecc-rdimm\">DDR5 256GB (4x64G) 4800MHz ECC RDIMM<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>36\u00a0TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>5<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>SSD<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/o-cung-ssd-samsung-990-pro-4tb\">SAMSUNG 990 PRO 4TB PCIe NVMe 4.0x4<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>60 TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>6<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>VGA<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/vga-leadtek-nvidia-rtx-pro-5000-blackwell\">LEADTEK NVIDIA RTX PRO 5000 BLACKWELL 48GB GDDR7<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>36 TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>7<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>NGU\u1ed2N<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/nguon-seasonic-1000w-vertex-gx-1000\">SEASONIC VERTEX GX-1000 1000W\u00a0- 80 PLUS GOLD ATX 3.1 - PCIe 5.1<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>60\u00a0TH\u00c1NG<\/strong><\/td>\r\n<\/tr>\r\n<tr>\r\n<td style=\"text-align: center;\"><strong>8<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong>CASE\u00a0<\/strong><\/td>\r\n<td style=\"text-align: center;\"><strong><a href=\"https:\/\/hoanghapc.vn\/vo-case-gigabyte-aorus-c500-glass\">GIGABYTE AORUS C500 GLASS - 4 FAN ARGB<\/a><\/strong><\/td>\r\n<td style=\"text-align: center;\">\u00a0<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>",
+    "related" : {
+        "product":[
+            {"id":2829,"productId":2829,"priceUnit":"chiếc","marketPrice":5890000,"price":5390000,"price_off":8,"currency":"vnd","sale_rules":{"price":5390000,"normal_price":5390000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-06-30 15:36:26","warranty":"36 Tháng","productName":"Màn hình đồ họa Asus ProArt PA247CV (23.8inch / FHD / IPS/ 75Hz/ USB-C 65W)","productSummary":"<p>Kích thước: 23.8 inch</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Độ phân giải: FHD (1920x1080)</p>\r\n<p>Tốc độ làm mới: 75Hz</p>\r\n<p>Thời gian đáp ứng: 5ms(GTG)</p>\r\n<p>Cổng kết nối: HDMI(v1.4) x 1, DisplayPort 1.2 x 2, USB-C x 1</p>\r\n<p>Phụ kiện: Cáp nguồn, Cáp DisplayPort</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_1.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_1.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_","large":"https://hoanghapccdn.com/media/product/250_2829_","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_5.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_5.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_4.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_4.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_3.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_3.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_2.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_2.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_2829_asus_pro_art_pa_247cv_1.jpg","large":"https://hoanghapccdn.com/media/product/250_2829_asus_pro_art_pa_247cv_1.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-asus-proart-pa247cv","brand":{"id":2,"brand_index":"asus","name":"ASUS","image":"https://hoanghapccdn.com/media/brand/asus.jpg","url":"/brand/asus"},"visit":18220,"rating":5,"reviewCount":3810,"review":{"rate":5,"total":3810},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":null,"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":75,"catPath":":75:52:9","name":"Màn hình Asus","url":"/man-hinh-asus"},{"id":9,"catPath":":9","name":"Màn Hình Máy Tính","url":"/man-hinh-may-tinh"},{"id":52,"catPath":":52:9","name":"Màn Hình Theo Hãng","url":"/man-hinh-theo-hang"}]},{"id":5677,"productId":5677,"priceUnit":"chiếc","marketPrice":34000000,"price":30990000,"price_off":9,"currency":"vnd","sale_rules":{"price":30990000,"normal_price":30990000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-09-30 13:50:46","warranty":"36 Tháng","productName":"Màn hình cong Dell UltraSharp U3824DW (38 inch/ WQHD+/ IPS/ 60Hz/ USB-C 15W/ RJ45)","productSummary":"<p>Màn hình cong Dell UltraSharp U3824DW</p>\r\n<p>Tỉ lệ: 21:9</p>\r\n<p>Kích thước: 38 inch</p>\r\n<p>Độ phân giải: WQHD+ 3840 x 1600 at 60 Hz</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Thời gian đáp ứng: 5 ms (Fast)</p>\r\n<p>Cổng kết nối: HDMI, DP, RJ45, USB 3.2, USB-C</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha1.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha1.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha6.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha6.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha4.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha4.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha5.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha5.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha3.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha3.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5677_dell_ultrasharp_u3824dw_ha2.jpg","large":"https://hoanghapccdn.com/media/product/250_5677_dell_ultrasharp_u3824dw_ha2.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-cong-dell-ultrasharp-u3824dw","brand":{"id":14,"brand_index":"dell","name":"DELL","image":"https://hoanghapccdn.com/media/brand/dell.jpg","url":"/brand/dell"},"visit":1064,"rating":0,"reviewCount":0,"review":{"rate":0,"total":0},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":[],"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":60,"catPath":":60:52:9","name":"Màn hình Dell","url":"/man-hinh-dell"}]},{"id":5589,"productId":5589,"priceUnit":"chiếc","marketPrice":23000000,"price":22600000,"price_off":2,"currency":"vnd","sale_rules":{"price":22600000,"normal_price":22600000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-07-21 11:14:15","warranty":"36 Tháng","productName":"Màn hình cong Dell UltraSharp U3425WE (34 inch/ 2K/ IPS/ 120Hz/ Thunderbolt 4 90W/ RJ45/ Loa)","productSummary":"<p>Tỉ lệ: 21:9</p>\r\n<p>Kích thước: 34 inch</p>\r\n<p>Độ phân giải: 2K (3440 x 1440)</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Tần số quét : 120 Hz</p>\r\n<p>Thời gian đáp ứng : 5 ms (Fast)</p>\r\n<p>Cổng kết nối: HDMI, DP, RJ45, Thunderbolt™ 4, USB 3.2, USB-C</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha1.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha1.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha2.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha2.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha6.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha6.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha4.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha4.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5589_dell_u3425we_ha3.jpg","large":"https://hoanghapccdn.com/media/product/250_5589_dell_u3425we_ha3.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-dell-u3425we","brand":{"id":14,"brand_index":"dell","name":"DELL","image":"https://hoanghapccdn.com/media/brand/dell.jpg","url":"/brand/dell"},"visit":2170,"rating":0,"reviewCount":0,"review":{"rate":0,"total":0},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":[],"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":60,"catPath":":60:52:9","name":"Màn hình Dell","url":"/man-hinh-dell"}]},{"id":5152,"productId":5152,"priceUnit":"chiếc","marketPrice":0,"price":14690000,"price_off":"","currency":"vnd","sale_rules":{"price":14690000,"normal_price":14690000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-08-04 11:53:26","warranty":"36 Tháng","productName":"Màn hình Dell P3424WE (34 Inch/ 2K/ IPS/ 60Hz/ USB-C 90W)","productSummary":"<p>Màn hình Dell P3424WE</p>\r\n<p>Tỉ lệ: 21:9</p>\r\n<p>Kích thước: 34 inch</p>\r\n<p>Độ phân giải: 2K (WQHD 3440 x 1440)</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Tần số quét : 60 Hz</p>\r\n<p>Thời gian đáp ứng : 5 ms (Fast)</p>\r\n<p>Cổng kết nối: HDMI, DP, LAN, USB 3.2, USB-C</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha1.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha1.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha3.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha3.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha2.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha2.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha4.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha4.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5152_p3424we_ha5.jpg","large":"https://hoanghapccdn.com/media/product/250_5152_p3424we_ha5.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-dell-p3424we","brand":{"id":14,"brand_index":"dell","name":"DELL","image":"https://hoanghapccdn.com/media/brand/dell.jpg","url":"/brand/dell"},"visit":2911,"rating":5,"reviewCount":1,"review":{"rate":5,"total":1},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":[],"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":60,"catPath":":60:52:9","name":"Màn hình Dell","url":"/man-hinh-dell"}]},{"id":5151,"productId":5151,"priceUnit":"chiếc","marketPrice":6000000,"price":5590000,"price_off":7.000000000000001,"currency":"vnd","sale_rules":{"price":5590000,"normal_price":5590000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-07-29 10:56:34","warranty":"36 Tháng","productName":"Màn hình Dell Pro P2725H Plus (27 Inch/ FHD/ IPS/ 100Hz/ USB-C 15W)","productSummary":"<p>Tỉ lệ: 16:9</p>\r\n<p>Kích thước: 27 inch</p>\r\n<p>Độ phân giải: FHD (1920 x 1080)</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Tần số quét : 100 Hz</p>\r\n<p>Thời gian đáp ứng : 5 ms (Fast)</p>\r\n<p>Cổng kết nối: HDMI, DP, VGA, USB 3.2, USB-C</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha1.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha1.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha4.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha4.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha3.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha3.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha6.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha6.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha5.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha5.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha7.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha7.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5151_p2725h_ha2.jpg","large":"https://hoanghapccdn.com/media/product/250_5151_p2725h_ha2.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-dell-pro-p2725h-plus","brand":{"id":14,"brand_index":"dell","name":"DELL","image":"https://hoanghapccdn.com/media/brand/dell.jpg","url":"/brand/dell"},"visit":5438,"rating":5,"reviewCount":2,"review":{"rate":5,"total":2},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":[],"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":60,"catPath":":60:52:9","name":"Màn hình Dell","url":"/man-hinh-dell"}]},{"id":5150,"productId":5150,"priceUnit":"chiếc","marketPrice":5000000,"price":4590000,"price_off":8,"currency":"vnd","sale_rules":{"price":4590000,"normal_price":4590000,"min_purchase":1,"max_purchase":1,"remain_quantity":1,"from_time":0,"to_time":0,"type":""},"lastUpdate":"2025-07-21 11:12:11","warranty":"36 Tháng","productName":"Màn hình Dell P2425H (23.8 Inch/ FHD/ IPS/ 100Hz/ USB-C 15W)","productSummary":"<p>Màn hình Dell P2425H</p>\r\n<p>Tỉ lệ: 16:9</p>\r\n<p>Kích thước: 23.8 inch</p>\r\n<p>Độ phân giải: FHD (1920 x 1080)</p>\r\n<p>Tấm nền: IPS</p>\r\n<p>Tần số quét : 100 Hz</p>\r\n<p>Thời gian đáp ứng : 5 ms (Fast)</p>\r\n<p>Cổng kết nối: HDMI, DP, VGA, USB 3.2, USB-C</p>","package_accessory":"0","productImage":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha1s.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha1s.jpg","original":""},"imageCollection":[{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha1s.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha1s.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha6.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha6.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha5.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha5.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha7.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha7.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha1.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha1.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha3.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha3.jpg","original":""},"alt":""},{"image":{"small":"https://hoanghapccdn.com/media/product/75_5150_p2425h_ha2.jpg","large":"https://hoanghapccdn.com/media/product/250_5150_p2425h_ha2.jpg","original":""},"alt":""}],"productUrl":"/man-hinh-dell-p2425h-hh","brand":{"id":14,"brand_index":"dell","name":"DELL","image":"https://hoanghapccdn.com/media/brand/dell.jpg","url":"/brand/dell"},"visit":5520,"rating":5,"reviewCount":1,"review":{"rate":5,"total":1},"comment":{"rate":0,"total":0},"quantity":1,"productSKU":"0","productModel":"","hasVAT":0,"condition":"0","config_count":0,"configurable":0,"component_count":0,"specialOffer":{"all":[]},"specialOfferGroup":[],"productType":{"isNew":0,"isHot":1,"isBestSale":0,"isSaleOff":0,"online-only":0},"bulk_price":[],"thum_poster":"0","thum_poster_type":"","addon":[],"variants":[],"variant_option":[],"extend":[],"weight":0,"promotion_price":null,"deal_list":[],"pricing_traces":[],"categories":[{"id":60,"catPath":":60:52:9","name":"Màn hình Dell","url":"/man-hinh-dell"}]}
+        ],
+        "article-article":[
+            {
+                "id": 1226,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": ",19,",
+                "title": "Ch\u01b0\u01a1ng Tr\u00ecnh Khuy\u1ebfn M\u00e3i Gi\u1edd V\u00e0ng - Gi\u00e1 S\u1ed1c T\u1ea1i Ho\u00e0ng H\u00e0 PC",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/gio-vang-gia-soc",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "Th\u1eddi Gian: 10h - 12h ng\u00e0y 23\/04\/2023 \u00e1p d\u1ee5ng offline t\u1ea1i showroom Ho\u00e0ng H\u00e0 PC t\u1ea1i: 94E-94F \u0110\u01b0\u1eddng L\u00e1ng, Ng\u00e3 t\u01b0 S\u1edf, H\u00e0 N\u1ed9i\r\n\r\n",
+                "tags": "",
+                "createDate": "Hôm nay, 10:02 am",
+                "createBy": 22,
+                "create_by_name": "Mai V\u0103n H\u1ecdc",
+                "lastUpdate": "Hôm nay, 3:48 pm",
+                "lastUpdateBy": 22,
+                "lastUpdateByUser": "Mai V\u0103n H\u1ecdc",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 11822,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "Hôm nay, 10:02 am",
+                "allow_se_index": 1,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 1,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1226_km_gio_vang.jpg",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1226_km_gio_vang.jpg"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+            {
+                "id": 1493,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": "19",
+                "title": "[Khuy\u1ebfn m\u1ea1i] Nh\u1eadn qu\u00e0 c\u1ef1c ch\u1ea5t - Ch\u01a1i game c\u1ef1c \u0111\u1ec9nh",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/khuyen-mai-nhan-qua-cuc-chat-choi-game-cuc-dinh",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "C\u00f9ng m\u00e0n h\u00ecnh AOC tr\u1ea3i nghi\u1ec7m m\u1ecdi t\u1ef1a game hot hit v\u00e0 nh\u1eadn qu\u00e0 c\u1ef1c ch\u1ea5t khi mua c\u00e1c s\u1ea3n ph\u1ea9m AOC t\u1ea1i Ho\u00e0ng H\u00e0 PC v\u00e0 \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i t\u1eeb C\u00f4ng ty c\u1ed5 ph\u1ea7n m\u00e1y t\u00ednh V\u0129nh Xu\u00e2n.",
+                "tags": "",
+                "createDate": "29-08-2024, 4:11 pm",
+                "createBy": 26,
+                "create_by_name": "Thanh Th\u01b0",
+                "lastUpdate": "29-08-2024, 4:16 pm",
+                "lastUpdateBy": 26,
+                "lastUpdateByUser": "Thanh Th\u01b0",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 1567,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "",
+                "allow_se_index": 0,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 2,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1493_km_aoc_t9_2024.jpg",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1493_km_aoc_t9_2024.jpg"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+            {
+                "id": 1523,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": "19",
+                "title": "[Khuy\u1ebfn m\u1ea1i] M\u00c1Y M\u01af\u1ee2T - DEAL M\u00ca c\u00f9ng GIGABYTE",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/khuyen-mai-may-muot-deal-me-cung-gigabyte",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "CH\u01af\u01a0NG TR\u00ccNH \u01afU \u0110\u00c3I L\u1edaN NH\u1ea4T M\u00d9A H\u00c8 t\u1eeb 01\/06 \u2013 30\/08\/2025 d\u00e0nh cho kh\u00e1ch h\u00e0ng khi mua combo linh ki\u1ec7n GIGABYTE ch\u00ednh h\u00e3ng t\u1ea1i Ho\u00e0ng H\u00e0 PC",
+                "tags": "",
+                "createDate": "13-06-2025, 9:04 am",
+                "createBy": 26,
+                "create_by_name": "Thanh Th\u01b0",
+                "lastUpdate": "13-06-2025, 9:10 am",
+                "lastUpdateBy": 26,
+                "lastUpdateByUser": "Thanh Th\u01b0",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 783,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "",
+                "allow_se_index": 0,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 3,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1523_km_may_muot_deal_me_gigabyte_t6_2025.jpg",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1523_km_may_muot_deal_me_gigabyte_t6_2025.jpg"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+            {
+                "id": 1519,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": "19",
+                "title": "[Khuy\u1ebfn m\u1ea1i] MSI - Nh\u1eadn code game Star Wars Outlaw Gold Edition",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/khuyen-mai-msi-nhan-code-game-star-wars-outlaw-gold-edition",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "Th\u00e1ng 3 n\u00e0y, MSI g\u1eedi t\u1edbi Qu\u00fd kh\u00e1ch h\u00e0ng ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u1ea1i h\u1ea5p d\u1eabn khi mua bo m\u1ea1ch ch\u1ee7 MSI chip set Intel\u00ae nh\u1eadn ngay code game Star Wars Outlaws\u2122 Gold Edition.",
+                "tags": "",
+                "createDate": "08-03-2025, 3:42 pm",
+                "createBy": 26,
+                "create_by_name": "Thanh Th\u01b0",
+                "lastUpdate": "29-04-2025, 1:11 pm",
+                "lastUpdateBy": 34,
+                "lastUpdateByUser": "Hurasoft",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 879,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "",
+                "allow_se_index": 0,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 4,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1519_km_msi_tang_code_game_t3_2025.png",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1519_km_msi_tang_code_game_t3_2025.png"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+            {
+                "id": 1517,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": "19",
+                "title": "[Khuy\u1ebfn m\u1ea1i] AMD - Nh\u1eadn code game Monster Hunter Wilds si\u00eau hot",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/khuyen-mai-amd-nhan-code-game-monster-hunter-wilds",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "B\u00f9ng ch\u00e1y th\u00e1ng 2 n\u00e0y v\u1edbi CTKM t\u1eb7ng code game m\u1edbi nh\u1ea5t t\u1eeb AMD. Tr\u1ea3i nghi\u1ec7m c\u00e0ng nhi\u1ec1u game, c\u00e0ng c\u00f3 c\u01a1 h\u1ed9i \u0111\u1ea1t \u0111\u1ec9nh vinh quang trong c\u00e1c t\u1ef1a game c\u1ef1c cu\u1ed1n h\u00fat v\u1edbi c\u00e1c c\u1ea5u h\u00ecnh AMD. Nhanh tay s\u1edf h\u1eefu c\u01a1 h\u1ed9i v\u00e0ng cho m\u00ecnh t\u1ef1a game Monster Hunter Wilds\u2122.",
+                "tags": "",
+                "createDate": "27-02-2025, 1:31 pm",
+                "createBy": 26,
+                "create_by_name": "Thanh Th\u01b0",
+                "lastUpdate": "27-02-2025, 1:36 pm",
+                "lastUpdateBy": 26,
+                "lastUpdateByUser": "Thanh Th\u01b0",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 1163,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "",
+                "allow_se_index": 0,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 5,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1517_km_amd_tang_code_game_t2_2025.jpg",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1517_km_amd_tang_code_game_t2_2025.jpg"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+            {
+                "id": 1516,
+                "type": "article",
+                "changeCount": 0,
+                "sellerId": 0,
+                "article_category": "19",
+                "title": "[Khuy\u1ebfn m\u1ea1i] Asus - Nh\u1eadn code game Monster Hunter Wilds khi build b\u1ed9 m\u00e1y Asus Rog",
+                "video_code": "",
+                "external_url": "",
+                "url": "\/khuyen-mai-asus-nhan-code-game-monster-hunter-wilds",
+                "redirect_url": "",
+                "url_hash": "0",
+                "image_background": "",
+                "extend": false,
+                "summary": "Ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u1ea1i h\u1ea5p d\u1eabn d\u00e0nh cho Qu\u00fd kh\u00e1ch h\u00e0ng khi build m\u00e1y b\u1ed9 PBA s\u1eed d\u1ee5ng Bo m\u1ea1ch ch\u1ee7 ASUS Z790\/ Z890 + Card \u0111\u1ed3 h\u1ecda ASUS RTX50 series t\u1eb7ng ngay code game MONSTER HUNTER WILDS tr\u1ecb gi\u00e1 1.390.000\u0111",
+                "tags": "",
+                "createDate": "27-02-2025, 11:42 am",
+                "createBy": 26,
+                "create_by_name": "Thanh Th\u01b0",
+                "lastUpdate": "27-02-2025, 11:43 am",
+                "lastUpdateBy": 26,
+                "lastUpdateByUser": "Thanh Th\u01b0",
+                "review_rate": 0,
+                "review_count": 0,
+                "visit": 604,
+                "like_count": 0,
+                "is_featured": 0,
+                "album_id": 0,
+                "search_fulltext": null,
+                "meta_title": "",
+                "meta_keywords": "",
+                "meta_description": "",
+                "url_canonical": "",
+                "article_time": "",
+                "allow_se_index": 0,
+                "comment_count": 0,
+                "comment_rate": 0,
+                "counter": 6,
+                "image": {
+                    "thum": "https:\/\/hoanghapccdn.com\/media\/news\/120_1516_rtx5090_get_monster_hunter_wild.jpg",
+                    "original": "https:\/\/hoanghapccdn.com\/media\/news\/1516_rtx5090_get_monster_hunter_wild.jpg"
+                },
+                "categories": [
+                    {
+                        "id": 19,
+                        "type": "article",
+                        "name": "Tin Khuy\u1ebfn M\u00e3i",
+                        "summary": "",
+                        "description": "",
+                        "isParent": 0,
+                        "imgUrl": "",
+                        "parentId": 0,
+                        "extend": null,
+                        "visit": 49922,
+                        "item_count": 45,
+                        "display_option": "child_article",
+                        "lastUpdateBy": 8,
+                        "request_path": "\/tin-khuyen-mai",
+                        "relate_product": null
+                    }
+                ]
+            },
+        ]
+    }
 }
\ No newline at end of file
diff --git a/src/data/reviews/index.tsx b/src/data/reviews/index.tsx
new file mode 100644
index 0000000..bdfd42f
--- /dev/null
+++ b/src/data/reviews/index.tsx
@@ -0,0 +1,416 @@
+export const ReviewData = {
+    "summary": {
+        "list_rate": [
+            {
+                "rate": 4,
+                "total": 1
+            },
+            {
+                "rate": 2,
+                "total": 1
+            },
+
+            {
+                "rate": 3,
+                "total": 1
+            }
+        ],
+        "avgRate": 3,
+        "total": 20,
+    },
+    "list": [
+        {
+            "id": "8768",
+            "item_type": "product",
+            "item_id": "6669",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "VU THANH CHUNG - S\u0110T: 0988358888",
+            "rate": "5",
+            "title": "HHPC CORE i7 14700KF | 64GB | NVIDIA RTX 5070 Ti 16G",
+            "content": "Qu\u00e1 l\u00e0 r\u1ebb lu\u00f4n ",
+            "files": [],
+            "approved": "0",
+            "post_time": "1766984975",
+            "counter": 1,
+            "new_replies": []
+        },
+        {
+            "id": "8767",
+            "item_type": "product",
+            "item_id": "5981",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "NMinh - S\u1ed1 \u0111t : 0367357631",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m VGA SAPPHIRE PULSE AMD RADEON RX 7800 XT 16GB GDDR6 (256-bit, HDMI+DP, 2x 8-pin)",
+            "content": "Ch\u1ea1y \u00eam",
+            "files": [],
+            "approved": "0",
+            "post_time": "1761374084",
+            "counter": 2,
+            "new_replies": []
+        },
+        {
+            "id": "8762",
+            "item_type": "product",
+            "item_id": "6434",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Hurasoft \u0110\u1ee9c - S\u0110T: 0987876213",
+            "rate": "4",
+            "title": "HuraSoft - S\u1ea3n ph\u1ea9m test (Kh\u00f4ng x\u00f3a)",
+            "content": "account test rating",
+            "files": [],
+            "approved": "1",
+            "post_time": "1761027763",
+            "counter": 3,
+            "new_replies": []
+        },
+        {
+            "id": "8761",
+            "item_type": "product",
+            "item_id": "6434",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "1",
+            "user_avatar": "",
+            "user_name": "Hurasoft \u0110\u1ee9c",
+            "rate": "3",
+            "title": "HuraSoft - S\u1ea3n ph\u1ea9m test (Kh\u00f4ng x\u00f3a)",
+            "content": "test form",
+            "files": [],
+            "approved": "1",
+            "post_time": "1760337751",
+            "counter": 4,
+            "new_replies": []
+        },
+        {
+            "id": "8760",
+            "item_type": "product",
+            "item_id": "6434",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "1",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "hura test - S\u0110T: 0987654321",
+            "rate": "2",
+            "title": "HuraSoft - S\u1ea3n ph\u1ea9m test (Kh\u00f4ng x\u00f3a)",
+            "content": "test review 2025 ",
+            "files": [],
+            "approved": "1",
+            "post_time": "1760330892",
+            "counter": 5,
+            "new_replies": [
+                {
+                    "id": 742,
+                    "comment_id": 8760,
+                    "user_avatar": "0",
+                    "user_name": "Hurasoft \u0110\u1ee9c",
+                    "is_user_admin": 1,
+                    "people_like_count": 0,
+                    "approved": 1,
+                    "people_dislike_count": 0,
+                    "content": "admin test",
+                    "post_time": 1760331038
+                }
+            ]
+        },
+        {
+            "id": "8757",
+            "item_type": "product",
+            "item_id": "6270",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Ch\u1ecbu - S\u1ed1 \u0111t : 0938553437",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Fan Xigmatek Infinity Pro 2 RGB Reverse",
+            "content": "5 sao",
+            "files": [],
+            "approved": "0",
+            "post_time": "1759639059",
+            "counter": 6,
+            "new_replies": []
+        },
+        {
+            "id": "8756",
+            "item_type": "product",
+            "item_id": "4751",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "\u0110\u1ea1i Nguy\u1ec5n - S\u1ed1 \u0111t : 0866657510",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m \u1ed4 c\u1ee9ng SSD SK Hynix PC801 1TB NVMe PCIe Gen4.0 - RW 7000MB\/s",
+            "content": "con n\u00e0y c\u00e0i win ch\u1ea1y 6 th\u00e1ng th\u00ec t\u1ed1c v\u1ec1 2000",
+            "files": [],
+            "approved": "0",
+            "post_time": "1757729354",
+            "counter": 7,
+            "new_replies": []
+        },
+        {
+            "id": "8755",
+            "item_type": "product",
+            "item_id": "4620",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Thien Than - S\u1ed1 \u0111t : 0355001407",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Ngu\u1ed3n MSI MAG A850GL PCIE5 ATX 3.0 850W (80 Plus Gold\/ Full Modular)",
+            "content": "Ngu\u1ed3n qu\u00e1 \u0111\u00e1ng ti\u1ec1n trong ph\u00e2n kh\u00fac \u0111\u1ea7y \u0111\u1ee7 c\u1ed5ng k\u1ebft n\u1ed1i c\u1ea7n cho linh ki\u1ec7n hi\u1ec7n nay",
+            "files": [],
+            "approved": "0",
+            "post_time": "1755744191",
+            "counter": 8,
+            "new_replies": []
+        },
+        {
+            "id": "8754",
+            "item_type": "product",
+            "item_id": "5356",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Huy \u0110inh - S\u1ed1 \u0111t : 0966930673",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Mainboard MSI MAG X870 TOMAHAWK WIFI (AMD X870, Socket AM5, ATX, 4 khe RAM DDR5)",
+            "content": "Msi si\u00eau \u0111\u1ec9nh",
+            "files": [],
+            "approved": "0",
+            "post_time": "1754999244",
+            "counter": 9,
+            "new_replies": []
+        },
+        {
+            "id": "8753",
+            "item_type": "product",
+            "item_id": "5475",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Xxxxx - S\u1ed1 \u0111t : 0987767896",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m HHPC ULTRA 7 265K | 32GB DDR5 | NVIDIA RTX 3060 12GB",
+            "content": "Xxxxxxx",
+            "files": [],
+            "approved": "0",
+            "post_time": "1753883033",
+            "counter": 10,
+            "new_replies": []
+        },
+        {
+            "id": "8752",
+            "item_type": "product",
+            "item_id": "5562",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "kghasnh \u00e1d - S\u1ed1 \u0111t : 0936542873",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m HHPC ALPHARD M CORE i5 14600KF | 32G | NVIDIA RTX 4070 12G",
+            "content": "K\u00c9M!  qu\u00e1 k\u00e9mmmmmmmmmmmmmmmmmmmmmmmm",
+            "files": [],
+            "approved": "0",
+            "post_time": "1752472074",
+            "counter": 11,
+            "new_replies": []
+        },
+        {
+            "id": "8751",
+            "item_type": "product",
+            "item_id": "1356",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Tr\u1ecdng Ngh\u0129a  - S\u1ed1 \u0111t : 0963544681",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Ngu\u1ed3n Super Flower Leadex Platinum 2000W (80 Plus Platinum\/Full Modular)",
+            "content": "https:\/\/hoanghapc.vn\/nguon-may-tinh-super-flower-leadex-platinum-2000w-sale\n\n10.990.000 \u0111  }  5.990.000 \u0111",
+            "files": [],
+            "approved": "0",
+            "post_time": "1749750914",
+            "counter": 12,
+            "new_replies": []
+        },
+        {
+            "id": "8750",
+            "item_type": "product",
+            "item_id": "4670",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "\u0110inh L\u1ed9c - S\u1ed1 \u0111t : 0835110115",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m RAM DDR5 CORSAIR VENGEANCE RGB 64GB 6400MHz (2x32GB) C32 BLACK",
+            "content": "Xem l\u1ea1i c\u00e1ch b\u00e1n h\u00e0ng",
+            "files": [],
+            "approved": "0",
+            "post_time": "1747476672",
+            "counter": 13,
+            "new_replies": []
+        },
+        {
+            "id": "8749",
+            "item_type": "product",
+            "item_id": "4670",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "\u0110inh L\u1ed9c - S\u1ed1 \u0111t : 0835110115",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m RAM DDR5 CORSAIR VENGEANCE RGB 64GB 6400MHz (2x32GB) C32 BLACK",
+            "content": "B\u00e1n h\u00e0ng th\u00ec treo \u0111\u1ea7u d\u00ea b\u00e1n th\u1ecbt ch\u00f3, b\u00e1n h\u00e0ng kh\u00f4ng \u0111\u00fang h\u00e0ng, mua c\u00e1i n\u00e0y giao c\u00e1i kia, qu\u1ea3n l\u00fd b\u00e1n h\u00e0ng b\u00e0n thua nh\u00e2n vi\u00ean, xem l\u1ea1i c\u00e1i qu\u1ea3n l\u00fd c\u1ee7a m\u00ecnh \\. B\u00ecnh",
+            "files": [],
+            "approved": "0",
+            "post_time": "1747476567",
+            "counter": 14,
+            "new_replies": []
+        },
+        {
+            "id": "8748",
+            "item_type": "product",
+            "item_id": "5355",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Thinh - S\u1ed1 \u0111t : 0964373778",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Mainboard MSI MPG X870E CARBON WIFI (AMD X870E, Socket AM5, ATX, 4 khe RAM DDR5)",
+            "content": "Thi\u1ebft k\u1ebf \u0111\u1eb9p, RGB tr\u00ean VRM v\u00e0 SSD slot b\u1eaft m\u1eaft. VRM cung c\u1ea5p \u0111i\u1ec7n kh\u1ee7ng. T\u00ednh n\u0103ng tooless khi c\u00e0i \u0111\u1eb7t SSD v\u00e0 card \u0111\u1ed3 h\u1ecda r\u1ea5t ti\u1ec7n l\u1ee3i. Back IO c\u00f3 r\u1ea5t nhi\u1ec1u c\u1ed5ng k\u1ebft n\u1ed1i. Bios \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf l\u1ea1i r\u1ea5t \u0111\u1eb9p v\u00e0 thu\u1eadn l\u1ee3i cho ng\u01b0\u1eddi d\u00f9ng. T\u00f3m l\u1ea1i l\u00e0 1 chi\u1ebfc x870E r\u1ea5t \u0111\u00e1ng \u0111\u1ec3 mua trong t\u1ea7m gi\u00e1.",
+            "files": [],
+            "approved": "0",
+            "post_time": "1747296869",
+            "counter": 15,
+            "new_replies": []
+        },
+        {
+            "id": "8747",
+            "item_type": "product",
+            "item_id": "4514",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "H\u00e0ng \u0110\u1ec3u - S\u1ed1 \u0111t : 0987654321",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m AI-Deep Learning THREADRIPPER PRO 5975WX | 256GB | Dual RTX 4090 24G",
+            "content": "Pc \u0110\u1ec3u ",
+            "files": [],
+            "approved": "0",
+            "post_time": "1746253902",
+            "counter": 16,
+            "new_replies": []
+        },
+        {
+            "id": "8746",
+            "item_type": "product",
+            "item_id": "4620",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Danh Th\u00e0nh - S\u1ed1 \u0111t : 0933444745",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Ngu\u1ed3n MSI MAG A850GL PCIE5 ATX 3.0 850W (80 Plus Gold\/ Full Modular)",
+            "content": "Ngu\u1ed3n t\u1ed1t nh\u1ea5t trong t\u1ea7m gi\u00e1 3tr",
+            "files": [],
+            "approved": "0",
+            "post_time": "1743072855",
+            "counter": 17,
+            "new_replies": []
+        },
+        {
+            "id": "8745",
+            "item_type": "product",
+            "item_id": "4771",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Nguy\u1ec5n V\u0103n Th\u1ecbnh  - S\u1ed1 \u0111t : 0862130910",
+            "rate": "1",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m HHPC CORE i9 14900K | 64G DDR5 | NVIDIA RTX 4090 24G",
+            "content": "Kh\u00f4ng c\u1ea7n",
+            "files": [],
+            "approved": "0",
+            "post_time": "1740978395",
+            "counter": 18,
+            "new_replies": []
+        },
+        {
+            "id": "8744",
+            "item_type": "product",
+            "item_id": "5377",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "b\u1ea3o trung - S\u1ed1 \u0111t : 0326059410",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m Mainboard MSI MAG Z890 TOMAHAWK WIFI (Intel Z890, Socket 1851, ATX, 4 khe RAM DDR5)",
+            "content": "S\u1ea3n ph\u1ea9m tuy\u1ec7t v\u1eddi c\u00e2n t\u1ed1t core ultra 9",
+            "files": [],
+            "approved": "0",
+            "post_time": "1740898627",
+            "counter": 19,
+            "new_replies": []
+        },
+        {
+            "id": "8743",
+            "item_type": "product",
+            "item_id": "5421",
+            "people_like_count": "0",
+            "people_dislike_count": "0",
+            "reply_count": "0",
+            "is_user_admin": "0",
+            "user_avatar": "",
+            "user_name": "Thi\u00ean Long - S\u1ed1 \u0111t : 0931287086",
+            "rate": "5",
+            "title": "\u0110\u00e1nh gi\u00e1 s\u1ea3n ph\u1ea9m HHPC RYZEN 9 9950X | 64G DDR5 | NVIDIA RTX 4070 Ti SUPER 16G",
+            "content": "C\u1ea5u h\u00ecnh \u0111\u00e1ng \u0111\u1ea7u t\u01b0 cho nh\u1eefng ai c\u1ea7n m\u1ed9t c\u1ed7 m\u00e1y m\u1ea1nh m\u1ebd \u0111\u1ec3 l\u00e0m vi\u1ec7c.",
+            "files": [],
+            "approved": "0",
+            "post_time": "1738828475",
+            "counter": 20,
+            "new_replies": []
+        }
+    ]
+}
\ No newline at end of file
diff --git a/src/lib/slug/resolveProductPage.ts b/src/lib/slug/resolveProductPage.ts
index 85c5df4..ea1eee1 100644
--- a/src/lib/slug/resolveProductPage.ts
+++ b/src/lib/slug/resolveProductPage.ts
@@ -32,7 +32,8 @@ export function resolveProductPage(slug: string): ProductResult | null {
         const data = {
             ...product,
             productDescription : productDetail.productDescription,
-            productSpec : productDetail.productSpec
+            productSpec : productDetail.productSpec,
+            related : productDetail.related
         }
 
         return {
diff --git a/src/lib/utils.tsx b/src/lib/utils.tsx
index 0179abf..eadcf41 100644
--- a/src/lib/utils.tsx
+++ b/src/lib/utils.tsx
@@ -71,6 +71,18 @@ export function formatArticleTime(article_time: string) {
     return `${day}/${month}/${year}`;
 }
 
+export function formatDate(a:any){
+    let dateObj = new Date(parseInt(a)*1000);
+    
+    let year    = dateObj.getFullYear();
+    let month   = ((dateObj.getMonth()+1) <= 9) ? '0' + (dateObj.getMonth()+1) : dateObj.getMonth()+1;
+    let date    = (dateObj.getDate() < 10) ? '0' + dateObj.getDate() : dateObj.getDate();
+    let hour    = (dateObj.getHours() < 10) ? '0' + dateObj.getHours() : dateObj.getHours();
+    let min     = (dateObj.getMinutes() < 10) ? '0' + dateObj.getMinutes() : dateObj.getMinutes();
+    let time    = `${date}/${month}/${year}, ${hour}:${min}`;
+    return time;  
+}
+
 //
 export function normalizeKey(str: string) {
     return str