diff --git a/assets/css/style.css b/assets/css/style.css index ad79deb..cad274a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -651,7 +651,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } .product-item .summary { @@ -910,7 +910,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } .box-product-detail .box-shop p { @@ -1262,7 +1262,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } diff --git a/assets/css/style.scss b/assets/css/style.scss index 4c4d590..7b1904a 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -689,7 +689,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } } @@ -969,7 +969,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } p { @@ -1326,7 +1326,7 @@ html { width: 15px; height: 19px; background-position: -49px -23px; - background-size: 160px 160px; + background-size: 160px 180px; filter: brightness(0) invert(1); } } diff --git a/src/components/Header.tsx b/src/components/Header.tsx deleted file mode 100644 index 4f83289..0000000 --- a/src/components/Header.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { useLocation } from 'preact-iso'; - -export function Header() { - const { url } = useLocation(); - - return ( -
- -
- ); -} diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx new file mode 100644 index 0000000..bd803b4 --- /dev/null +++ b/src/components/footer/Footer.tsx @@ -0,0 +1,68 @@ +export function Footer() { + return ( + + ); +} diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx new file mode 100644 index 0000000..d5c13bd --- /dev/null +++ b/src/components/header/Header.tsx @@ -0,0 +1,859 @@ +export function Header() { + return ( +
+
+
+
+ +
+ +
+ + Bạn đang ở + +
+ +
+
+
+
+
+ + +
+ +
+
+
+ + Tài khoản + +
+
+
+
+
+ {/* Navigation Section */} + +
+ ); +} diff --git a/src/components/product/FormReview.tsx b/src/components/product/FormReview.tsx new file mode 100644 index 0000000..4c02e2f --- /dev/null +++ b/src/components/product/FormReview.tsx @@ -0,0 +1,128 @@ +export function FormReview() { + function closeReview() {} + + return ( + <> +
closeReview()}>
+ + + ); +} diff --git a/src/components/product/MemberReview.tsx b/src/components/product/MemberReview.tsx new file mode 100644 index 0000000..765af8b --- /dev/null +++ b/src/components/product/MemberReview.tsx @@ -0,0 +1,285 @@ +export function MemberReview() { + return ( +
+
+

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) + +
+
+
+
+ {/* end list review */} + + Xem thêm 23 bình luận khác + +
+
+
+ ); +} diff --git a/src/components/product/ProductDescription.tsx b/src/components/product/ProductDescription.tsx new file mode 100644 index 0000000..9b81c61 --- /dev/null +++ b/src/components/product/ProductDescription.tsx @@ -0,0 +1,447 @@ +import { useState, useEffect, useRef } from "react"; +import { Fancybox } from "@fancyapps/ui"; +import "@fancyapps/ui/dist/fancybox/fancybox.css"; + +export function ProductDescription() { + const [isContentExpanded, setContentExpanded] = useState(false); + const contentRef = useRef(null); + const moreAllRef = useRef(null); + + useEffect(() => { + const content = contentRef.current; + if (content && content.scrollHeight >= 580) { + moreAllRef.current.style.display = "flex"; + content.style.height = "580px"; + } + + Fancybox.bind('[data-fancybox="gallery"]'); + }, []); + + const toggleContent = () => { + setContentExpanded((prevState) => !prevState); + const content = contentRef.current; + content.classList.toggle("active"); + + if (isContentExpanded) { + window.scrollTo({ + top: content.getBoundingClientRect().top + window.scrollY - 200, + behavior: "smooth", + }); + } + }; + + return ( +
+
+
+
+

+ 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. +
    • +
+
+
+ + {isContentExpanded ? ( + <> + Thu gọn{" "} + + + ) : ( + <> + 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ố + +
+ {/* */} +
+
+
+ ); +} diff --git a/src/components/product/ProductReview.tsx b/src/components/product/ProductReview.tsx new file mode 100644 index 0000000..2fc7673 --- /dev/null +++ b/src/components/product/ProductReview.tsx @@ -0,0 +1,190 @@ +export function ProductReview() { + return ( +
+
+

Đá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 + + + +
+
+
+ {/* end list review */} + + Xem thêm 23 bình luận khác + +
+
+
+ ); +} diff --git a/src/components/product/SupplierListBox.tsx b/src/components/product/SupplierListBox.tsx new file mode 100644 index 0000000..44a0e87 --- /dev/null +++ b/src/components/product/SupplierListBox.tsx @@ -0,0 +1,250 @@ +export function SupplierListBox() { + return ( +
+
+

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

+
+
+ + +
+
+ + +
+
+
+ +
+
+ Nhà cung cấp +
+
+ Chính sách vận chuyển +
+
+ Giá +
+
+ Sản phẩm +
+
+ +
+
+
+ +
+
+ + 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 + +
+
+ +
+
+ +
+
+ + 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 + +
+
+
+ {/* end list */} + + + Xem thêm + +
+ ); +} diff --git a/src/index.tsx b/src/index.tsx index 21c8429..5869e1c 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,19 +1,22 @@ import { render } from "preact"; import { LocationProvider, Router, Route } from "preact-iso"; - +import { Header } from "./components/header/Header"; +import { Footer } from "./components/footer/Footer"; import { Home } from "./pages/Home/index.jsx"; -import { ProductDetail } from "./pages/product/ProductPage"; +import { ProductDetail } from "./pages/product/ProductDetail"; import { NotFound } from "./pages/_404.jsx"; export function App() { return (
+
+
); diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx index e67550f..c438a82 100644 --- a/src/pages/Home/index.tsx +++ b/src/pages/Home/index.tsx @@ -1,870 +1,10 @@ import { useState, useEffect, useRef } from "react"; import { Swiper, SwiperSlide } from "swiper/react"; - import { FreeMode, Navigation, Thumbs } from "swiper/modules"; export function Home() { return ( -
- {/* */} -
-
-
-
- -
- -
- - Bạn đang ở - -
- -
-
-
-
-
- - -
- -
-
-
- - - Tài khoản - - -
-
-
-
-
- {/* Navigation Section */} - -
- + <> {/* Banner Section */}
+ ); } diff --git a/src/pages/product/ProductDetail.tsx b/src/pages/product/ProductDetail.tsx new file mode 100644 index 0000000..af4b343 --- /dev/null +++ b/src/pages/product/ProductDetail.tsx @@ -0,0 +1,911 @@ +import { useState, useEffect, useRef } from "react"; +import { Swiper, SwiperSlide } from "swiper/react"; +import { SupplierListBox } from "../../components/product/SupplierListBox"; +import { ProductDescription } from "../../components/product/ProductDescription"; +import { MemberReview } from "../../components/product/MemberReview"; +import { ProductReview } from "../../components/product/ProductReview"; +import { FormReview } from "../../components/product/FormReview"; + +import { FreeMode, Navigation, Thumbs } from "swiper/modules"; + +export function ProductDetail() { + // const [activeImage, setActiveImage] = useState( + // "/src/assets/images/big-product-detail.png" + // ); + + const [thumbsSwiper, setThumbsSwiper] = useState(null); + + const prevButtonRef = useRef(null); + const nextButtonRef = useRef(null); + + return ( + <> +
+
+
+
    +
  1. + + + Trang chủ + + + {" "} + + +
    2. +
  2. + + Màn hình máy tính + + + +
    3. +
  3. + + AIVISION + + +
    4. +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ +
+

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

+
+
+ + 5/5 +
+
+ + 120 +
+
+ + 12/03/2025 +
+ + + Chia sẻ + +
+
+
+ Reviews trên: + + Internet + +

1233 đánh giá

+
+
+ + BestPC + +

12003 đánh giá

+
+
+
+ Giá: + + 9.000.000đ - 12.000.000đ + +
+ +
+
+ +
+

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,
    • +
+
+ + + save + Lưu sản phẩm lại xem sau + +
+
+ {/* end thông tin sản phẩm */} + + + {/* end nhà cung cấp */} + + + {/* đánh giá thành viên bestpc */} + + + {/* đánh giá trên internet */} + + + {/* thông tin sản phẩm */} + +
+
+

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 tương tự */} + +
+
+

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 +
+
+
+ + +
+
+
+
+
+
+ {/* sản phẩm yêu thích */} +
+
+ + + ); +} diff --git a/src/pages/product/ProductPage.tsx b/src/pages/product/ProductPage.tsx deleted file mode 100644 index 4e16233..0000000 --- a/src/pages/product/ProductPage.tsx +++ /dev/null @@ -1,547 +0,0 @@ -import { useState, useEffect, useRef } from "react"; -import { Swiper, SwiperSlide } from "swiper/react"; - -import { FreeMode, Navigation, Thumbs } from "swiper/modules"; - -export function ProductDetail() { - // const [activeImage, setActiveImage] = useState( - // "/src/assets/images/big-product-detail.png" - // ); - const [thumbsSwiper, setThumbsSwiper] = useState(null); - - const prevButtonRef = useRef(null); - const nextButtonRef = useRef(null); - - return ( -
-
- - -
-
-
- - - - - - - - - - - - - - - - - - - - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
-
-
- -
-

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

-
-
- - 5/5 -
-
- - 120 -
-
- - 12/03/2025 -
- - - Chia sẻ - -
-
-
- Reviews trên: - - Internet - -

1233 đánh giá

-
-
- - BestPC - -

12003 đánh giá

-
-
-
- Giá: - - 9.000.000đ - 12.000.000đ - -
- -
-
- -
-

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,
    • -
-
- - - save - Lưu sản phẩm lại xem sau - -
-
- {/* end thông tin sản phẩm */} - -
-
-

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

-
-
- - -
-
- - -
-
-
- -
-
- Nhà cung cấp -
-
- Chính sách vận chuyển -
-
- Giá -
-
- Sản phẩm -
-
- -
-
-
- - -
- -
-

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 -

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

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 -

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

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 -

-
- -
-
- {/* end list */} - - - Xem thêm - -
- {/* end nhà cung cấp */} -
-
- ); -}