diff --git a/index.html b/index.html index 9b5f76f..2871fd7 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,9 @@
+ + + \ No newline at end of file diff --git a/src/components/buildpc/CompareBuildpc.tsx b/src/components/buildpc/CompareBuildpc.tsx new file mode 100644 index 0000000..2e97bfa --- /dev/null +++ b/src/components/buildpc/CompareBuildpc.tsx @@ -0,0 +1,229 @@ +export function CompareBuildpc() { + return ( +
+
+
+ + + + + +
+ Sản phẩm + Giá gốc + Khuyến mãi + Giao hàng + Thành tiền +
+
+ +
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ {/* */} + +
+
+ Tổng tiền (2 sản phẩm) : +
+
6.000.000 Vnđ
+
+
+ +
+
+ + + + + +
+ Sản phẩm + Giá gốc + Khuyến mãi + Giao hàng + Thành tiền +
+
+ +
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ {/* */} + +
+
+ Tổng tiền (2 sản phẩm) : +
+
6.000.000 Vnđ
+
+
+
+ ); +} diff --git a/src/components/buildpc/CreateBuildpc.tsx b/src/components/buildpc/CreateBuildpc.tsx new file mode 100644 index 0000000..7e04797 --- /dev/null +++ b/src/components/buildpc/CreateBuildpc.tsx @@ -0,0 +1,270 @@ +export function CreateBuildpc() { + return ( + <> +
+ Sản phẩm +
+ Thông tin + Giá gốc + Khuyến mãi + Thành tiền + Nhà cung cấp +
+
+ {/* */} +
+
+ CPU +
+
+
+ +
+
4.700.000 Vnđ
+
20%
+ 4.000.000đ +
+ + + + +
+
+
+
+
+ CPU Cooler +
+
+
+ +
+
4.700.000 Vnđ
+
20%
+ 4.000.000đ +
+ + + + +
+
+
+
+ +
+
4.700.000 Vnđ
+
20%
+ 4.000.000đ +
+ + + + +
+
+ + + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ {/* */} + +
+ + Tổng tiền 2 sản phẩm: 8.000.000đ + +
+ + + In đơn hàng + + + Mua hàng tại Hacom + +
+
+ {/* */} + + ); +} diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index bd803b4..b023f7f 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -1,54 +1,54 @@ export function Footer() { return ( -