update 7/5

src/pages/product/ProductPage.jsx

@@ -1,34 +1,68 @@
-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 },
-    ],
-  };
+import { h } from "preact";
 
+export function ProductDetail() {
   return (
-    <div className="product-page">
-      <ProductImage imageUrl={product.imageUrl} altText={product.name} />
-      <ProductDetail
-        name={product.name}
-        description={product.description}
-        price={product.price}
-      />
-      <ProductFeatures features={product.features} />
-      <ProductReviews reviews={product.reviews} />
+    <div className="box-product-detail bg-[#F4F4F4]">
+      <div className="container">
+        <div className="breadcrumb p-[12px_0]">
+          <ol
+            itemscope
+            itemtype="http://schema.org/BreadcrumbList"
+            className="ul flex flex-wrap items-center"
+          >
+            <li
+              itemprop="itemListElement"
+              itemscope
+              itemtype="http://schema.org/ListItem"
+              className="flex items-center pr-[12px]"
+            >
+              <a
+                href="/"
+                itemprop="item"
+                className="nopad-l flex items-center text-[#637381]"
+              >
+                <span itemprop="name">
+                  <span style="font-size: 0; display: none;">Trang chủ</span>
+                  <i className="icon_2025 home mr-[5px] mb-[5px]" />
+                </span>
+              </a>{" "}
+              <i className="icon_2025 angle-right ml-[12px]" />
+              <meta itemprop="position" content="1" />
+            </li>
+            <li
+              itemprop="itemListElement"
+              itemscope
+              itemtype="http://schema.org/ListItem"
+              className="flex items-center pr-[12px]"
+            >
+              <a
+                href="/man-hinh.html"
+                itemprop="item"
+                className="nopad-l flex items-center"
+              >
+                <span itemprop="name">Màn hình máy tính</span>
+                <i className="icon_2025 angle-right text-[#637381] ml-[12px]" />
+              </a>
+              <meta itemprop="position" content="2" />
+            </li>
+            <li
+              itemprop="itemListElement"
+              itemscope
+              itemtype="http://schema.org/ListItem"
+              className="flex items-center pr-[12px]"
+            >
+              <a
+                href="/aivision.html"
+                itemprop="item"
+                className="nopad-l flex items-center"
+              >
+                <span itemprop="name">AIVISION</span>
+              </a>
+              <meta itemprop="position" content="3" />
+            </li>
+          </ol>
+        </div>
+      </div>
     </div>
   );
-};
-
-export default ProductPage;
+}