diff --git a/index.html b/index.html index 2e02953..02ac0d9 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@
- + \ No newline at end of file diff --git a/product-detail.html b/product-detail.html index 07bd336..f38907e 100644 --- a/product-detail.html +++ b/product-detail.html @@ -8,6 +8,7 @@ + @@ -194,7 +195,7 @@ - +
@@ -261,12 +262,12 @@
-
+

Miễn phí giao hàng

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

-
+
Giá: 9.000.000đ - 20.000.000đ @@ -274,1316 +275,1331 @@ Đã có VAT
+ +
+

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+
+ Liên + hệ + ngay +
+ +
+ +
+
+ +
+
+ + 4.7 +
+ Hanoicomputer + Xem 7 cửa hàng +
+
+ +
+

Miễn phí giao hàng

+

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

+
+ +
+
+ Giá: + 9.000.000đ - 20.000.000đ +
+ Đã có VAT +
+ + +
+

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+
+ Liên + hệ + ngay +
+ +
+ +
+
+ +
+
+ + 4.7 +
+ Hanoicomputer + Xem 7 cửa hàng +
+
+ +
+

Miễn phí giao hàng

+

Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể cả ngày thứ 7, CN

+
+ +
+
+ Giá: + 9.000.000đ - 20.000.000đ +
+ Đã có VAT +
+ + +
+

+ 8GB - 9.000.000đ new + White +

+

+ 8GB - 9.000.000đ new + White +

+
+
+ Liên + hệ + ngay +
+ +
+ +
+ + + Xem thêm >> + +
+ + + +
+
+

Thành viên BestPC đánh giá

+
+ +
+
+
+ 54 đánh giá +
+ + 4.8 +
+
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ + 50 đánh giá +
+
+ +
+

Đánh giá của bạn về sản phẩm

+ Gửi + đánh giá của bạn về sản phẩm +
+ +
+
+
+
+
+ avartar +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+ + + + + + + + + +
+
+ + Bình luận (23) + + + Thích (23) + +
+ +
+
+
+
+ avartar +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+ + + + + + + + + +
+
+ + Bình luận (23) + + + Thích (23) + +
+ +
+
+
+
+ avartar +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+
+ + + + + + + + + +
+
+ + Bình luận (23) + + + Thích (23) + +
+ +
+
+
+ + + Xem thêm 23 bình luận khác >> + +
+
+ +
+
+

Đánh giá trên internet

+
+ + +
+
+ +
+
+ 54 đánh giá +
+ + 4.8 +
+
+
+ Hanoicomputer (240) + +
+
+ Anphatpc (240) + +
+
+ Mygear (240) + +
+
+ Hoangphatpc (240) + +
+
+ Phucanhpc (240) + +
+
+ +
+

Đánh giá của bạn về sản phẩm

+ Gửi + đánh giá của bạn về sản phẩm +
+ +
+
+
+
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+
+
+ Hacom.vn +
+ Dino +

10:00pm 20/02/2025

+
+
+
+
+ + Laptop Gaming Asus ROG 16GB +
+

Lorem Ipsum is simply dummy text of the + printing and + typesetting + industry. Lorem Ipsum has been the industry's standard + dummy text ever since the 1500s, when an unknown printer took a galley of type + and scrambled it to make a type specimen + book. I

+ + Xem link nguồn + + + +
+
+
+ + + Xem thêm 23 bình luận khác >> + +
+
+
+ + +
+
+
+
+

Thông + tin sản + phẩm

+
+
+

Laptop HP Victus 16 R0376TX AY8Z2PA + sở + hữu chip xử lý Intel Core i7 + 13700HX cùng VGA RTX 3050 6GB để có được trải nghiệm chơi game, làm việc hiệu + quả. + Mẫu HP + Victus này còn được trang bị màn hình 16 inch FHD 165Hz + giúp + tái tạo hình ảnh sắc nét, mượt mà. + Kèm theo đó là thiết kế bền bỉ, hiện đại để có thể sử dụng ở nhiều không gian. +

+ +

+ + Laptop HP Victus 16 R0376TX AY8Z2PA - Hiệu năng mạnh mẽ, hiển thị ấn tượng + +

+

HP Victus 16 R0376TX AY8Z2PA với bộ vi xử lý và card + đồ + họa rời mạnh mẽ sẽ mang tới trải + nghiệm chơi game, làm việc mượt mà, hiệu quả. Hãy cùng tìm hiểu thêm những điểm + nổi + bật mà mẫu laptop gaming của + HP Victus này sở hữu trong bài viết sau. +

+

Nâng cao hiệu + suất + xử + lý với chip Core i7 13700HX

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + con + chip xử lý Core i7 13700HX của + Intel. Con chip Core i7 16 lõi, 24 luồng này sở hữu khả năng ép xung cực đại lên + tới + 5GHz để luôn có thể xử lý dữ + liệu trong thời gian ngắn. Với bộ nhớ đệm 30MB, hiệu suất xử lý các tác vụ phức + tạp + của laptop sẽ được giảm đi đáng + kể.

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Để nâng cao khả năng xử lý đồ hoạ, HP còn trang bị + cho + phiên bản laptop Victus + 16 + này card đồ hoạ rời NVIDIA GeForce RTX 3050 6GB GDDR6. Nhờ + vậy mà người dùng có thể tự tin trải nghiệm các tựa game với mức cấu hình cao. + Không + dừng ở đó, các nhu cầu chỉnh + sửa hình ảnh, dựng phim, tạo hình 3D,...chuyên nghiệp cũng được thực hiện mượt + mà. +

+

Tích hợp ổ cứng + tốc + độ cao cùng dung lượng RAM lớn

+

HP Victus 16 R0376TX AY8Z2PA được trang bị sẵn 2 + thanh + RAM chuẩn DDR5 có tốc độ bus lên + tới 4800MT/s. Với tổng dung lượng RAM 16GB, mẫu laptop gaming HP này sẽ đáp ứng + tốt + nhu cầu đa nhiệm. Không chỉ các + tác vụ cơ bản mà nhu cầu đa nhiệm nâng cao trong công việc cũng sẽ được thực + hiện + mượt mà mà không cần phải nâng cấp + cấu hình. Ngoài ra, laptop HP Victus 16 R0376TX AY8Z2PA còn sở hữu một ổ cứng + SSD + tốc độ cao có dung lượng + 512GB. 

+

Cấu hình laptop HP Victus 16 R0376TX AY8Z2PA

+

Thiết kế + hiện + đại, bền bỉ

+

Laptop Victus 16 R0376TX AY8Z2PA được HP thiết kế + hướng + tới phong cách hiện đại, tối + giản. Tuy vậy nhưng sản phẩm vẫn mang đậm dấu ấn gaming với tông màu đen thu hút + và + mạnh mẽ. Kèm theo đó là một tổng + thể chắc chắn, bền bỉ cùng phần bản lề kích thước lớn.

+

Với trọng lượng khoảng 2.31kg, người dùng vẫn có thể + tiện lợi mang theo phiên bản laptop + HP Victus này mà không gặp bất tiện. So với các mẫu laptop gaming khác, đây được + coi + là một điểm cộng giúp sản phẩm + đáp ứng nhu cầu chơi game ở nhiều không gian của người dùng.

+

Thiết kế laptop HP Victus 16 R0376TX AY8Z2PA

+

Để hỗ trợ tốt cả nhu cầu chơi game và làm việc, HP + đã + trang bị cho laptop Victus 16 + R0376TX AY8Z2PA bộ bàn phím Full-size. Với phần bàn phím số riêng biệt, người + dùng + sẽ cải thiện được tốc độ nhập + liệu trong khi làm việc. Bàn phím của laptop còn được tích hợp hệ thống đèn nền + RGB + 1 để hỗ trợ việc gõ phím trong + điều kiện thiếu sáng.

+

Hiển + thị + sắc nét và mượt mà

+

Laptop HP Victus 16 R0376TX AY8Z2PA sở hữu không + giản + hiển thị cực lớn khi được trang bị + màn hình có kích thước 16.1 inch. Kèm theo đó là độ phân giải FHD (1920 x 1080p) + giúp nội dung hiển thị luôn có được + độ rõ nét. Nhờ việc sử dụng tấm nền IPS, người dùng còn có thể điều chỉnh góc + nghiêng linh hoạt mà không gây ảnh + hưởng tới chất lượng hình ảnh.

+

Hiển thị sắc nét và mượt mà

+

Điểm nổi bật có trên màn hình HP Victus 16 R0376TX + AY8Z2PA chính là tần số quét và độ + phủ màu. Với độ phủ màu 100% sRGB, mẫu laptop gaming HP này sẽ hỗ trợ người dùng + làm + các công việc liên quan tới + sáng tạo hiệu quả. Tần số quét ở mức 165Hz sẽ giúp màn hình tái hiện các chuyển + động + một cách uyển chuyển, mượt mà. +

+

Ngoài ra, màn hình HP Victus 16 R0376TX AY8Z2PA còn + được + phủ lớp chống chói và có độ + sáng 300 nits để thoải mái sử dụng ở những nơi có ánh sáng mạnh. Với chuẩn Low + Blue + Light, màn hình còn giảm thiểu + lượng ánh sáng xanh phát ra để hạn chế tình trạng mỏi mắt khi sử dụng laptop + trong + thời gian dài.

+

+ Thời lượng pin dài, kết + nối phong phú và ổn định +

+

Laptop HP Victus 16 R0376TX AY8Z2PA được trang bị + viên + pin Li-ion Polymer 4-cell có dung + lượng ở mức 70Wh. Với dung lượng này, viên pin có thể duy trì trạng thái hoạt + động + cho laptop lên tới nhiều giờ với + các tác vụ hỗn hợp. Laptop còn được trang bị bộ nguồn 200W Smart AC power + adapter để + hỗ trợ sạc pin nhanh 50% trong + khoảng 30 phút.

+

Thời lượng pin dài, kết nối phong phú và ổn định

+

Để hỗ trợ việc liên kết có dây và chia sẻ dữ liệu, + HP + còn trang bị cho mẫu laptop Victus + của hàng đầy đủ các cổng kết nối thông dụng. Hai cạnh bên laptop được tích hợp + các + cổng USB Type-A, USB Type-C, + RJ-45, HDMI 2.1, jack audio 3.5mm và bộ chuyển đổi điện xoay chiều thông minh. +

+

Laptop Victus 16 R0376TX AY8Z2PA còn được trang bị + card + wireless Bluetooth 5.3 và Intel + Wi-Fi 6E AX211 (2x2). Điều này sẽ đảm bảo được khả năng kết nối với các thiết bị + ngoại vi, kết nối mạng ổn định, + nhanh chóng cho laptop.

+

Mua + laptop HP Victus 16 R0376TX AY8Z2PA giá tốt tại CellphoneS

+ +
    +
  • + Hãy tới ngay các cửa hàng CellphoneS trên cả + nước để + trải nghiệm và đặt mua + Laptop HP Victus 16 R0376TX AY8Z2PA . Mẫu laptop gaming HP này + còn có + mức giá cực kỳ hấp dẫn khi đi + kèm nhiều chương trình ưu đãi, hỗ trợ thu cũ - đổi mới,... +
    • +
  • + Với chính sách hỗ trợ trả góp lãi suất thấp, + khách hàng + sẽ còn dễ dàng sở hữu và trải + nghiệm chiếc laptop này. Ngoài ra, CellphoneS còn hỗ trợ giao hàng toàn quốc + để + khách hàng tiện lợi đặt mua dù ở nơi + đâu. +
    • +
+
+
+ + + Xem thêm + +
+ +
+
+
+

Thông + tin chi tiết

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Mã sản phẩmVA3416WC
Màu sắcĐen
Độ sángMax 300cd/m²
Độ tương phản3000:1
Màu sắc hiển thị16.7M
Màu sắc hỗ trợ6500K
Loại màn hìnhCong R1500
Kích cỡ màn hình34"
Tấm nềnVA
Góc nhìn89°/89° (H/V)
Tính năng đặc biệt
1. Flicker-Free Backlight adjustment
2. Dynamic Contrast + Ratio: DCR
3. Adaptive + Sync
4.FPS/RTS
5.PIP/PBP
6. PQ
7. GAME PLUS
+
+ + + Xem thêm thông số + +
+ +
+
+
+ + +
+
+

Sản phẩm tương tự

+ + Xem tất cả + + +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+

Sản phẩm bạn có thể thích

+ + Xem tất cả + + +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+ + Laptop Dell + +
+ Laptop văn phòng Dell RAM 8G Core + i7 +
+ Intel Core i5 / 8GB / 256GB / SSD +
+
+ + Quận Thanh Xuân +
+
+ +
+ 11/04/2025 + | + Còn 01 ngày +
+ +
+
15.000.000đ
+
+ avartar + Thanh Mai +
+
+
+
+
+
+
+
+
+
+
+
+ + + + + +
+
+
+ Đánh giá sản phẩm + x +
+
+ + + + Laptop Gaming Asus TUF FX505GE-BQ037T Core + i7-8750H/Win10(15.6" FHD) - + Hàng + Chính + Hãng + +
+ + + + + + + + + + + + + + +
- -
- - -
- - -
-
- -
-
- Laptop Gaming Asus TUF main image -
- Laptop thumbnail 1 - Laptop thumbnail 2 - Laptop thumbnail 3 - Laptop thumbnail 4 - Laptop thumbnail 5 -
-
-
- - -
-
-
-

- Laptop Gaming Asus TUF FX505GE-BQ037T Core - i7-8750H/Win10(15.6" - FHD) - Hàng Chính - Hãng -

-
-
- Rating icon - 5/5 -
-
- Views icon - 120 view -
-
- Date icon - 12/03/2025 -
-
- Share icon - Chia sẻ -
-
-

- Reviews trên: - Internet - 1233 đánh giá I - BestPC - 12003 đánh giá -

-
- Giá: - 9.000.000đ - - - 12.000.000đ -
-
- Store icon - Có 12 cửa hàng bán -
-
-
- CPU: Intel Core i7-8750H ( 2.2 GHz - 4.1 GHz / 9MB / 6 nhân, 12 - luồng )
- Màn hình: 15.6" ( 1920 x 1080 ) , không cảm ứng
- RAM: 1 x 8GB DDR4 2666MHz
- Đồ họa: Intel UHD Graphics 630 / NVIDIA GeForce GTX 1050Ti 4GB - GDDR5
- Lưu trữ: 128GB SSD M.2 NVMe / 1TB HDD 5400RPM
- Hệ điều hành: Windows 10 Home SL 64-bit
- Pin: 4 cell 64 Wh Pin liền
- khối lượng: 2.5 kg
- Cổng giao tiếp: 1x USB 2.0, -
-
-
-
-
- - -
-
-
-

- Nhà cung cấp trên BestPC - Tại Hà Nội -

-
-
- Location search icon - Nhập địa chỉ của bạn để tìm NCC - gần - nhất -
-
- Sắp xếp - Sort dropdown -
-
-
-
- - -
-

Nhà cung cấp

-

Chính sách vận chuyển

-

Giá

-

Sản phẩm

-
-
- - -
-
-
- Supplier logo -
- Distance icon - 3km -
-
-
- 4.7 - Hanoicomputer - Xem - 7 - cửa hàng -
-
-
-

- Miễn phí giao hàng
- Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể - cả - ngày thứ 7, CN -

-

- Giá: 9.000.000đ - - 20.000.000đ
- Đã có VAT -

-
-

- 8GB - 9.000.000đ new
- White -

-
-

- 16GB - 12.000.000đ new
- Red -

-
- -
-
-
- - -
-
- Supplier logo -
- 4.7 - Hanoicomputer - Xem 7 cửa - hàng -
-
-
-

- Miễn phí giao hàng
- Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể - cả - ngày thứ 7, CN -

-

- Giá: 9.000.000đ - - 20.000.000đ
- Đã có VAT -

-

- 8GB 9.000.000đ new
- White -

- -
-
-
- Distance icon - 5km -
-
- - -
-
-
- Supplier logo -
- Distance icon - 7km -
-
-
- 4.7 - Hanoicomputer - Xem 7 cửa - hàng -
-
-
-

- Miễn phí giao hàng
- Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể - cả - ngày thứ 7, CN -

-

- Giá: 9.000.000đ - - 20.000.000đ
- Đã có VAT -

-

- 8GB 9.000.000đ new
- White -

- -
-
-
- - -
-
-
- Supplier logo -
- Distance icon - 13km -
-
-
- 4.7 - Hanoicomputer - Xem - 7 - cửa hàng -
-
-
-

- Miễn phí giao hàng
- Nhận giap hàng và lắp đặt từ 8h00-21:30 các ngày trong tuần kể - cả - ngày thứ 7, CN -

-

- Giá: 9.000.000đ - - 20.000.000đ
- Đã có VAT -

-
-

- 8GB - 9.000.000đ new
- White -

-
-

- 16GB - 12.000.000đ new
- Red -

-
- -
-
-
-
- -
- - -
-
-
-

- Thành viên BestPC đánh giá -

-
- Top review - Dropdown arrow -
-
-
-

- 54 đánh giá -

-
- -
-
- - - - -
-
- -
-
- User avatar - Dino - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. - Lorem Ipsum has been the industry's standard dummy - text - ever since the - 1500s, when an unknown printer took a galley of type - and - scrambled it to - make a type specimen book. I -

-
-
-
- Review image - Review image -
-
- Bình - luận - (23) - Thích - (32) -
-
- Review image -
-
-
-
- - -
-
- User avatar - Mia - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and - typesetting industry. - Lorem Ipsum has been the industry's standard dummy - text - ever since the - 1500s, when an unknown printer took a galley of type - and - scrambled it to - make a type specimen book. I -

-
- Bình luận - (23) - Thích (32) -
-
-
-
-
-
-
-
- -
- -
-
- User avatar - Sunny - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
- Review image - Review image -
-
- Bình luận (23) - Thích (32) -
-
-
-
- - -
-
- User avatar - Dino - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
-
-
- Review image - Review image -
-
- Bình luận (23) - Thích (32) -
-
- Review image -
-
-
-
- -
-
- - -
-
-
-

- Đánh giá trên internet -

-
- Top review - Dropdown arrow -
-
-
- - -
-
-

54 đánh giá

-
4.8
-
-
-
- Hacom,vn - Mr Quoc - Anh - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

- - Xem link nguồn - External link icon - -
-
-
- -
-
- - -
-
- Hacom,vn - Mr Quoc - Anh - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
-
- - Xem link nguồn - External link icon - -
- - -
-
- Hacom,vn - Mr Quoc - Anh - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
-
- - Xem link nguồn - External link icon - -
- - -
-
- Hacom,vn - Mr Quoc - Anh - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
-
- - Xem link nguồn - External link icon - -
- - -
-
- Hacom,vn - Mr Quoc - Anh - -
-
-

- Laptop Gaming Asus ROG 16GB -

-

- Lorem Ipsum is simply dummy text of the printing and typesetting - industry. Lorem Ipsum - has been the industry's standard dummy text ever since the - 1500s, - when an unknown - printer took a galley of type and scrambled it to make a type - specimen book. I -

-
-
- - Xem link nguồn - External link icon - -
- -
-
- - -
-
- -
-
-

Thông tin sản phẩm

-
-
-

- Laptop HP Victus 16-e0175AX 4R0U8PA - Laptop gaming cải tiến - vượt trội -

-
-
-

- Không giống những mẫu laptop chuyên chơi game trên thị - trường, - sản phẩm - - laptop HP Victus 16-e0175AX 4R0U8PA - - phối hợp hài hòa giữa ngoại hình lịch lãm cùng hiệu năng - vượt - trội nhằm mang đến - trải nghiệm chiến game tuyệt vời và tiện lợi dành cho bạn. -

-
-
-

- Thiết kế lịch lãm tinh tế, màn hình Full HD 144 Hz -

-
-
-

- HP Victus 16-e0175AX 4R0U8PA được thiết kế không chỉ cho nhu - cầu - gaming, mà còn phục - vụ công việc và học tập một cách linh hoạt. Chiếc máy được - chế - tạo với độ mỏng cùng - trọng lượng gọn nhẹ, đảm bảo cho nhu cầu di chuyển máy thuận - tiện. Toàn thân HP - Victus 16-e0175AX 4R0U8PA được hoàn thiện với chất liệu cứng - cáp - cùng logo Victus - đầy lịch lãm và tinh tế. -

-
-
-

- Bàn phím trên máy được tối ưu với hành trình phím thấp cùng - dãy - NumPad cho nhu cầu - gaming lẫn làm việc hiệu quả hơn. Âm thanh trên máy cũng - được - tinh chỉnh bởi công - nghệ B&O tạo nên chất âm đa dạng và bắt tai. -

-
- Laptop HP Victus - -
-
- - -
-
-

- Thông tin chi tiết -

-
-
-
-
-
- Thương hiệu -
-
- HP -
-
- Bảo hành -
-
- 12 -
-
- Thông tin - chung
-
-
-
- Series - laptop
-
- VICTUS
-
- Part-number
-
- 4R0U8PA
-
- Màu sắc -
-
- Đen -
-
- Nhu cầu -
-
- Gaming, Đồ họa - Kỹ - thuật
-
- Thế hệ - CPU
-
- Ryzen 5
-
- CPU
-
- AMD - Ryzen 5 5600H ( 3.3 - GHz - 4.2 GHz / 16MB / 6 nhân, 12 luồng )
-
- Chip đồ - họa
-
- NVIDIA GeForce RTX - 3050Ti 4GB GDDR6 / AMD Radeon Graphics
-
-
-
- -
-
-
-
- - -
-
-

Sản phẩm tương tự

- - Xem tất cả - Right arrow - -
-
- -
- -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
-
-
- - -
-
-

Sản phẩm bạn có thể thích

- - Xem tất cả - Right arrow - -
-
- -
- -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
- - -
-
- Dell Laptop -

- Laptop văn phòng Dell RAM 8G Core i7 -

-

Intel Core i5 / 8GB / 256GB / SSD

-
- Location icon - Quận Thanh Xuân -
-
- Calendar icon - -
-
- Còn 01 ngày -
- 15.000.000đ -
- Seller avatar - Thanh Mai -
-
-
-
-
-
- -
- + + + diff --git a/src/assets/css/style.css b/src/assets/css/style.css index fba1ab6..e1b4428 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; :root { --color-global: #462f91; --color-title: #0d0d9c; @@ -135,6 +136,11 @@ span { height: 14.5px; background-position: -188px -147.5px; } +.icon_2025.time-gray { + width: 16px; + height: 16px; + background-position: -34px -73px; +} .icon_2025.mouse { width: 20px; height: 20px; @@ -180,6 +186,22 @@ span { height: 25px; background-position: -152px -69px; } +.icon_2025.link-review { + width: 18px; + height: 18px; + background-position: -27px -104px; +} +.icon_2025.angle-bottom { + width: 15px; + height: 12px; + background-position: -190px -133px; +} +.icon_2025.angle-top { + width: 15px; + height: 12px; + background-position: -190px -133px; + transform: rotate(180deg); +} .icon-star { background: url(../images/icon_star.png) no-repeat; @@ -435,7 +457,7 @@ span { font-family: "Shopee Bold"; font-size: 18px; color: #000; - margin-bottom: 10px; + margin-bottom: 5px; } .product-item .name-product:hover { color: var(--color-title); @@ -465,6 +487,11 @@ span { background-size: 160px 125px; filter: brightness(0) invert(1); } +.product-item .summary { + font-family: "Shopee medium"; + margin-bottom: 5px; + color: #595959; +} .box-best-rated-products .swiper-button-next { right: -20px; @@ -734,4 +761,141 @@ span { } .box-product-detail .box-summary li { list-style: inside; +} +.box-product-detail .btn-more-review { + font-family: "Shopee Bold"; +} +.box-product-detail .box-desc .content { + width: 100%; + display: block; + overflow: hidden; + position: relative; +} +.box-product-detail .box-desc .content::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: linear-gradient(transparent, #fff); +} +.box-product-detail .box-desc .content.active { + height: auto !important; +} +.box-product-detail .box-desc .content.active::after { + display: none; +} +.box-product-detail .box-spec .content { + width: 100%; + height: 580px; + display: block; + overflow: hidden; + position: relative; +} +.box-product-detail .box-spec .content::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: linear-gradient(transparent, #fff); +} +.box-product-detail .box-spec .content.active { + height: auto !important; +} +.box-product-detail .box-spec .content.active::after { + display: none; +} +.box-product-detail .more-all { + display: flex; + justify-content: center; + align-items: center; + color: #ff7a00; +} +.box-product-detail .more-all i { + margin-bottom: 4px; + margin-left: 5px; +} + +.nd p, +.nd span { + line-height: 23px; + margin-bottom: 10px; +} +.nd ul { + margin-top: 10px; +} +.nd li { + list-style: inside; +} + +.table table { + width: 100%; +} + +.table td { + padding: 14px 20px; + font-family: "Shopee medium"; +} + +.table td:first-child { + width: 230px; + font-family: "Shopee Bold"; + font-weight: inherit; +} + +.table tr { + background: #f3f3f3; +} + +.table tr:nth-child(2n+1) { + background: #fff; +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.2784313725); + border: 1px solid #cecece; + z-index: 99; +} +#backgroundPopup.active { + display: block; +} + +.star-rating { + display: flex; + justify-content: center; + align-items: center; +} + +.star-rating input { + display: none; /* Ẩn các input radio */ +} + +.star-rating label { + cursor: pointer; + width: 45px; + height: 45px; + margin: 0 5px; + background-size: cover; + transition: background-image 0.3s ease-in-out; + background-image: url("../images/icon-star-gray.png"); +} + +/* Sao đã chọn, sử dụng hình ảnh ngôi sao màu vàng */ +.star-rating input:checked ~ label { + background-image: url("../images/icon-star-active.png"); /* Đặt hình sao màu vàng khi chọn */ +} + +/* Sao khi hover, thay đổi màu sắc của sao */ +.star-rating label:hover, +.star-rating input:checked ~ label:hover { + background-image: url("../images/icon-star-active.png"); /* Thay đổi hình sao khi hover */ }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/assets/css/style.css.map b/src/assets/css/style.css.map index 25546cf..d76f035 100644 --- a/src/assets/css/style.css.map +++ b/src/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss index 19664f0..8659fec 100644 --- a/src/assets/css/style.scss +++ b/src/assets/css/style.scss @@ -131,6 +131,11 @@ span { height: 14.5px; background-position: -188px -147.5px; } + &.time-gray { + width: 16px; + height: 16px; + background-position: -34px -73px; + } &.mouse { width: 20px; height: 20px; @@ -177,6 +182,22 @@ span { height: 25px; background-position: -152px -69px; } + &.link-review { + width: 18px; + height: 18px; + background-position: -27px -104px; + } + &.angle-bottom { + width: 15px; + height: 12px; + background-position: -190px -133px; + } + &.angle-top { + width: 15px; + height: 12px; + background-position: -190px -133px; + transform: rotate(180deg); + } } .icon-star { @@ -463,7 +484,7 @@ span { font-family: "Shopee Bold"; font-size: 18px; color: #000; - margin-bottom: 10px; + margin-bottom: 5px; &:hover { color: var(--color-title); } @@ -493,6 +514,11 @@ span { filter: brightness(0) invert(1); } } + .summary { + font-family: "Shopee medium"; + margin-bottom: 5px; + color: #595959; + } } .box-best-rated-products { @@ -780,4 +806,144 @@ span { list-style: inside; } } + .btn-more-review { + font-family: "Shopee Bold"; + } + .box-desc { + .content { + width: 100%; + display: block; + overflow: hidden; + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff)); + background: linear-gradient(transparent, #fff); + } + &.active { + height: auto !important; + &::after { + display: none; + } + } + } + } + .box-spec { + .content { + width: 100%; + height: 580px; + display: block; + overflow: hidden; + position: relative; + &::after { + content: ""; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 100px; + background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff)); + background: linear-gradient(transparent, #fff); + } + &.active { + height: auto !important; + &::after { + display: none; + } + } + } + } + .more-all { + display: flex; + justify-content: center; + align-items: center; + color: #ff7a00; + i { + margin-bottom: 4px; + margin-left: 5px; + } + } +} + +.nd { + p, + span { + line-height: 23px; + margin-bottom: 10px; + } + ul { + margin-top: 10px; + } + li { + list-style: inside; + } +} + +.table table { + width: 100%; +} +.table td { + padding: 14px 20px; + font-family: "Shopee medium"; +} +.table td:first-child { + width: 230px; + font-family: "Shopee Bold"; + font-weight: inherit; +} +.table tr { + background: #f3f3f3; +} +.table tr:nth-child(2n + 1) { + background: #fff; +} + +#backgroundPopup { + display: none; + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #00000047; + border: 1px solid #cecece; + z-index: 99; + &.active { + display: block; + } +} +.star-rating { + display: flex; + justify-content: center; + align-items: center; +} + +.star-rating input { + display: none; /* Ẩn các input radio */ +} + +.star-rating label { + cursor: pointer; + width: 45px; + height: 45px; + margin: 0 5px; + background-size: cover; + transition: background-image 0.3s ease-in-out; + background-image: url("../images/icon-star-gray.png"); +} + +/* Sao đã chọn, sử dụng hình ảnh ngôi sao màu vàng */ +.star-rating input:checked ~ label { + background-image: url("../images/icon-star-active.png"); /* Đặt hình sao màu vàng khi chọn */ +} + +/* Sao khi hover, thay đổi màu sắc của sao */ +.star-rating label:hover, +.star-rating input:checked ~ label:hover { + background-image: url("../images/icon-star-active.png"); /* Thay đổi hình sao khi hover */ } diff --git a/src/assets/images/avartar-review-1.png b/src/assets/images/avartar-review-1.png new file mode 100644 index 0000000..86acd52 Binary files /dev/null and b/src/assets/images/avartar-review-1.png differ diff --git a/src/assets/images/avartar-review-2.png b/src/assets/images/avartar-review-2.png new file mode 100644 index 0000000..bb55961 Binary files /dev/null and b/src/assets/images/avartar-review-2.png differ diff --git a/src/assets/images/avartar-review-3.png b/src/assets/images/avartar-review-3.png new file mode 100644 index 0000000..70c9ad6 Binary files /dev/null and b/src/assets/images/avartar-review-3.png differ diff --git a/src/assets/images/icon-star-active.png b/src/assets/images/icon-star-active.png new file mode 100644 index 0000000..d0f36a9 Binary files /dev/null and b/src/assets/images/icon-star-active.png differ diff --git a/src/assets/images/icon-star-gray.png b/src/assets/images/icon-star-gray.png new file mode 100644 index 0000000..f53df31 Binary files /dev/null and b/src/assets/images/icon-star-gray.png differ diff --git a/src/assets/images/icon_2025.png b/src/assets/images/icon_2025.png index 51ef450..6657c09 100644 Binary files a/src/assets/images/icon_2025.png and b/src/assets/images/icon_2025.png differ diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx index 923de37..d9db0f8 100644 --- a/src/pages/Home/index.tsx +++ b/src/pages/Home/index.tsx @@ -1,39 +1,36 @@ -import preactLogo from '../../assets/preact.svg'; -import './style.css'; +import "./style.css"; export function Home() { - return ( -
- - Preact logo - -

Get Started building Vite-powered Preact Apps

-
- - - -
-
- ); + return ( +
+ +

Get Started building Vite-powered Preact Apps

+
+ + + +
+
+ ); } function Resource(props) { - return ( - -

{props.title}

-

{props.description}

- - ); + return ( + +

{props.title}

+

{props.description}

+ + ); } diff --git a/src/pages/product/ProductPage.jsx b/src/pages/product/ProductPage.jsx new file mode 100644 index 0000000..6263ef6 --- /dev/null +++ b/src/pages/product/ProductPage.jsx @@ -0,0 +1,34 @@ +import "./style.css"; + +const ProductPage = () => { + const { id } = useParams(); // Lấy id sản phẩm từ URL + + const product = { + id: id, + name: `Product ${id}`, + description: "Detailed description of the product.", + price: 99.99, + imageUrl: "https://via.placeholder.com/400", + features: ["Feature 1", "Feature 2", "Feature 3"], + reviews: [ + { text: "Great product!", rating: 5 }, + { text: "Good value for money.", rating: 4 }, + { text: "Could be better.", rating: 3 }, + ], + }; + + return ( +
+ + + + +
+ ); +}; + +export default ProductPage;