{"id":2801,"date":"2025-08-31T04:35:58","date_gmt":"2025-08-31T04:35:58","guid":{"rendered":"https:\/\/durofloorusa.com\/?page_id=2801"},"modified":"2025-10-17T16:03:55","modified_gmt":"2025-10-17T16:03:55","slug":"product-flooring","status":"publish","type":"page","link":"https:\/\/durofloorusa.com\/index.php\/product-flooring\/","title":{"rendered":"Product-Flooring"},"content":{"rendered":"\n\n<div class=\"wp-block-group alignfull is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center\">LUXURY SPC &amp; WPC<\/h2>\n\n\n\n<!-- ===== Duro Tiles: full-bleed, rounded; light overlay; no dim on hover ===== -->\n<style>\n  \/* \u5168\u5bbd\u54cd\u5e94\u5f0f\u7f51\u683c\uff08\u6700\u540e\u4e00\u884c\u81ea\u52a8\u5c45\u4e2d\uff09 *\/\n  .df-tiles.full {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(360px, 420px)); \/* \u56fa\u5b9a\u6700\u5927\u5bbd\uff0c\u9632\u6b62\u88ab\u62c9\u4f38 *\/\n    justify-content: center; \/* \u8ba9\u6700\u540e\u4e00\u884c\u5c45\u4e2d *\/\n    gap: 32px;\n    padding: 0 24px;\n    box-sizing: border-box;\n    margin: 0 auto 32px;\n  }\n\n  \/* \u5361\u7247\uff1a\u5706\u89d2 + \u9634\u5f71 + 16:9 \u6bd4\u4f8b *\/\n  .df-card.big {\n    position: relative;\n    display: block;\n    background: #ddd center\/cover no-repeat;\n    background-image: var(--img);\n    aspect-ratio: 16 \/ 9;\n    border-radius: 14px;\n    overflow: hidden;\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);\n    text-decoration: none;\n    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;\n  }\n\n  \/* \u9ed8\u8ba4\u8f7b\u67d4\u906e\u7f69\uff1bHover \u65f6\u5b8c\u5168\u53bb\u9664\u53d8\u4eae *\/\n  .df-card.big::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(0, 0, 0, 0.12) 0%,\n      rgba(0, 0, 0, 0.20) 55%,\n      rgba(0, 0, 0, 0.38) 100%\n    );\n    transition: opacity 0.25s ease;\n  }\n  .df-card.big:hover::before { opacity: 0; }\n\n  .df-card.big:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);\n  }\n\n  \/* \u5e95\u90e8\u5c45\u4e2d\u6807\u9898 *\/\n  .df-label--bc {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 16px;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 18px;\n    color: #fff;\n    text-align: center;\n    font-size: clamp(18px, 1.8vw, 28px);\n    line-height: 1.22;\n    font-weight: 600;\n    letter-spacing: 0.2px;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);\n    transition: opacity 0.22s ease, transform 0.22s ease; \/* \u6587\u5b57\u6e10\u9690\u6548\u679c *\/\n  }\n\n  \/* Hover \u65f6\u9690\u85cf\u578b\u53f7\u6587\u5b57 *\/\n  .df-card.big:hover .df-label--bc {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n\n  \/* \u5c0f\u5c4f\u4f18\u5316 *\/\n  @media (max-width: 1200px) { .df-tiles.full { gap: 28px; } }\n  @media (max-width: 760px) {\n    .df-tiles.full {\n      grid-template-columns: repeat(auto-fit, minmax(300px, 340px));\n      justify-content: center;\n      gap: 20px;\n      padding: 0 16px;\n    }\n    .df-label--bc { bottom: 12px; }\n  }\n<\/style>\n\n<div class=\"df-full-bleed\">\n  <div class=\"df-tiles full\">\n    <!-- 1. 6082 | Cherry -->\n    <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/item-6082cherry\/\"\n       style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Cherry-6082-1-1920x1080.jpg')\"\n       aria-label=\"Cherry 6082\">\n      <div class=\"df-label--bc\">6082|Cherry<\/div>\n    <\/a>\n\n    <!-- 2. 8083 | White Oak -->\n    <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/item-8083white-oak\/\"\n       style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/White-Oak-8083-4-1920x1080.jpg')\"\n       aria-label=\"White Oak 8083\">\n      <div class=\"df-label--bc\">8083|White Oak<\/div>\n    <\/a>\n\n    <!-- 3. 8085 | Elk Oak -->\n    <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/item-8085elk-oak\/\"\n       style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Elk-Oak-8085-1.jpg')\"\n       aria-label=\"Elk Oak 8085\">\n      <div class=\"df-label--bc\">8085|Elk Oak<\/div>\n    <\/a>\n\n    <!-- 4. 8088 | Yellow Stone -->\n    <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/item-8088yellow-store\/\"\n       style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Yellow-Stone-8088-1-1920x1080.jpg')\"\n       aria-label=\"Yellow Stone 8088\">\n      <div class=\"df-label--bc\">8088|Yellow Stone<\/div>\n    <\/a>\n\n    <!-- 5. 8089 | Blue Mountain -->\n    <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/item-8089blue-mountain\/\"\n       style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Blue-Mountain-8089-2-1920x1080.jpg')\"\n       aria-label=\"Blue Mountain 8089\">\n      <div class=\"df-label--bc\">8089|Blue Mountain<\/div>\n    <\/a>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n\n<div class=\"wp-block-group alignfull\">\n  <h2 class=\"wp-block-heading has-text-align-center is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-2 wp-block-group-is-layout-flex\" style=\"margin-top:24px;margin-bottom:20px\">Aqua<\/h2>\n\n  \n  <div class=\"df-full-bleed\">\n    <div class=\"df-tiles full\">\n        <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/72211creek-oak\/\"\n         style=\"--img:url('http:\/\/durofloorusa.com\/wp-content\/uploads\/2023\/04\/Aqua_creek_oak-1.jpg')\">\n        <div class=\"df-label--bc\">72211|Creek Oak<\/div>\n      <\/a>\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/aqua-9502canyon\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/9502-Scene-1-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">9502|Canyon<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/aqua-9503iceberg\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/9503_Scene-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">9503|Iceberg<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/aqua-9504-camel\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/9504-Scene-1-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">9504|Camel<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/aqua-9505mountain-valley\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/9505-Scene-1-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">9505|Mountain Valley<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/aqua-9506napa-valley\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/9506_Scene-2-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">9506|Napa Valley<\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n  \n<\/div>\n\n\n\n\n\n\n<div class=\"wp-block-group alignfull\">\n  <h2 class=\"wp-block-heading has-text-align-center is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex\" style=\"margin-top:24px;margin-bottom:20px\">Hard Wood<\/h2>\n\n  \n  <div class=\"df-full-bleed\">\n    <div class=\"df-tiles full\">\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/brazilian-cherry-solid-wood-jatoba\/\"\n         style=\"--img:url('http:\/\/durofloorusa.com\/wp-content\/uploads\/2020\/05\/C3B6F6DC-39A0-4A98-B132-A465CC2CA7D1.jpeg')\">\n        <div class=\"df-label--bc\">Jatoba|Brazilian Cherry<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/cumarubrazilian-teak\/\"\n         style=\"--img:url('http:\/\/durofloorusa.com\/wp-content\/uploads\/2019\/12\/teak_engineering_wood-1.png')\">\n        <div class=\"df-label--bc\">Cumaru|Brazilian Teak<\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n  \n<\/div>\n\n\n\n\n\n\n<div class=\"wp-block-group alignfull\">\n  <h2 class=\"wp-block-heading has-text-align-center is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4 wp-block-group-is-layout-flex\" style=\"margin-top:24px;margin-bottom:20px\">Engineered<\/h2>\n\n  \n  <div class=\"df-full-bleed\">\n    <div class=\"df-tiles full\">\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/engineered-natural-oak\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/10\/Natural-Oak-Scene.jpg')\">\n        <div class=\"df-label--bc\">001|Natual Oak<\/div>\n      <\/a>\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/engineered-white-house\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/10\/White-House-Scene.jpg')\">\n        <div class=\"df-label--bc\">002|White House<\/div>\n      <\/a>\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/engineered-royal-oak-003\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Royal-Oak-European-Oak-1920x1080.jpg')\">\n        <div class=\"df-label--bc\">003|Royal Oak<\/div>\n      <\/a>\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/engineered-alabaster\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Alabaster-European-Oak.jpg')\">\n        <div class=\"df-label--bc\">Alabaster|European Oak<\/div>\n      <\/a>\n\n      <a class=\"df-card big\" href=\"https:\/\/durofloorusa.com\/index.php\/engineered-barcelona\/\"\n         style=\"--img:url('https:\/\/durofloorusa.com\/wp-content\/uploads\/2025\/08\/Barcelona-European-Oak.jpg')\">\n        <div class=\"df-label--bc\">Barcelona|European Oak<\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n  \n<\/div>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":148,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2801","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/pages\/2801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/users\/148"}],"replies":[{"embeddable":true,"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/comments?post=2801"}],"version-history":[{"count":147,"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/pages\/2801\/revisions"}],"predecessor-version":[{"id":3302,"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/pages\/2801\/revisions\/3302"}],"wp:attachment":[{"href":"https:\/\/durofloorusa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}