+ );
+};
+
+export default Slider;
diff --git a/src/app/buildpc/page.tsx b/src/app/buildpc/page.tsx
new file mode 100644
index 0000000..5e38cfe
--- /dev/null
+++ b/src/app/buildpc/page.tsx
@@ -0,0 +1,85 @@
+import React from 'react';
+import '@styles/buildpc.css';
+import { Metadata } from 'next';
+import { Breadcrumb } from '@/components/Common/Breadcrumb';
+
+import Slider from '@/app/buildpc/Slider';
+
+export const metadata: Metadata = {
+ title: 'Build PC - Xây dựng cấu hình máy tính PC giá rẻ chuẩn nhất',
+ description:
+ 'Build pc gaming giá rẻ nhất 2025 - Tự build PC đơn giản nhất - Xây dựng cấu hình máy tính PC với mọi nhu cầu gaming, đồ họa, văn phòng phù hợp với ngân sách',
+};
+
+export default function BuildPcPage() {
+ const breadcrumbItems = [{ name: 'Build PC', url: '/buildpc' }];
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+ Build PC - Xây dựng cấu hình máy tính PC giá rẻ chuẩn nhất
+
+
+ Chọn linh kiện xây dựng cấu hình - Tự build PC
+
+
+ {/* tab */}
+
+
+ Cấu hình 1
+
+
+ Cấu hình 2
+
+
+ Cấu hình 3
+
+
+ Cấu hình 4
+
+
+ Cấu hình 5
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/pages/Product/ProductHot/index.tsx b/src/app/pages/Product/ProductHot/index.tsx
new file mode 100644
index 0000000..0efdcca
--- /dev/null
+++ b/src/app/pages/Product/ProductHot/index.tsx
@@ -0,0 +1,80 @@
+'use client';
+import React from 'react';
+import Link from 'next/link';
+
+import { ErrorLink } from '@/components/Common/error';
+import type { TypeProductHot } from '@/types/producthot';
+import { ProductHotPageData } from '@/data/producthot';
+import { findProductHotBySlug } from '@/lib/product/producthot';
+
+import { Breadcrumb } from '@/components/Common/Breadcrumb';
+import BoxFilter from '@components/Product/BoxFilter';
+import BoxSort from '@components/Product/BoxSort';
+import ItemProduct from '@/components/Common/ItemProduct';
+
+interface ProductHotPageProps {
+ slug: string; // khai báo prop slug
+}
+
+const ProductHotPage: React.FC = ({ slug }) => {
+ const ProductHot = ProductHotPageData as unknown as TypeProductHot[];
+ const Pages = findProductHotBySlug(slug, ProductHot);
+
+ const breadcrumbItems = [
+ { name: 'Trang chủ', url: '/' },
+ { name: Pages?.title, url: Pages?.url },
+ ];
+
+ if (!Pages) {
+ return ;
+ }
+
+ // lấy sản phẩm
+ const products = Object.values(Pages.product_list);
+
+ return (
+ <>
+