{"id":56,"date":"2025-10-02T16:45:20","date_gmt":"2025-10-02T16:45:20","guid":{"rendered":"http:\/\/lemarbre.tn\/lemarbre\/?page_id=56"},"modified":"2025-10-13T19:20:10","modified_gmt":"2025-10-13T19:20:10","slug":"cuisine","status":"publish","type":"page","link":"https:\/\/lemarbre.tn\/lemarbre\/cuisine\/","title":{"rendered":"Cuisine"},"content":{"rendered":"\n<style>\n.products-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 60px 20px;\n}\n\n.page-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.page-header h1 {\n    font-size: 42px;\n    font-weight: 300;\n    color: #222;\n    margin-bottom: 15px;\n}\n\n.page-header p {\n    font-size: 18px;\n    color: #666;\n}\n\n.products-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));\n    gap: 50px;\n    margin-bottom: 40px;\n    justify-items: center;\n}\n\n.product-card {\n    background: white;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    max-width: 550px;\n    width: 100%;\n}\n\n.product-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n}\n\n.product-image-container {\n    position: relative;\n    width: 100%;\n    height: 350px;\n    overflow: hidden;\n    background: #f5f5f5;\n}\n\n.product-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: opacity 0.3s ease;\n}\n\n.product-info {\n    padding: 30px;\n}\n\n.product-title {\n    font-size: 26px;\n    font-weight: 500;\n    color: #222;\n    margin-bottom: 15px;\n}\n\n.product-description {\n    font-size: 15px;\n    color: #777;\n    margin-bottom: 25px;\n    line-height: 1.8;\n}\n\n.btn-details {\n    width: 100%;\n    padding: 16px 30px;\n    background: #222;\n    color: white;\n    border: none;\n    border-radius: 5px;\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.btn-details:hover {\n    background: #000;\n}\n\n@media (max-width: 768px) {\n    .products-grid {\n        grid-template-columns: 1fr;\n    }\n    .page-header h1 {\n        font-size: 32px;\n    }\n    .product-image-container {\n        height: 280px;\n    }\n}\n<\/style>\n\n<div class=\"products-container\">\n    <div class=\"page-header\">\n        <h1>Cuisines en Quartz<\/h1>\n        <p>Plans de travail et \u00eelots de cuisine en quartz naturel premium<\/p>\n    <\/div>\n\n    <div class=\"products-grid\" id=\"productsGrid\"><\/div>\n<\/div>\n\n<script>\nconst products = [\n    {\n        id: 1,\n        name: \"Cuisine Moderne Compl\u00e8te\",\n        description: \"Cuisine contemporaine avec plan de travail et \u00eelot central en quartz. Surface r\u00e9sistante aux rayures, \u00e0 la chaleur et aux taches. Design \u00e9pur\u00e9 et fonctionnel pour une cuisine \u00e9l\u00e9gante.\",\n        images: {\n            main: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-09-at-15.57.39.jpeg\"\n        }\n    },\n    {\n        id: 2,\n        name: \"Cuisine Classique Premium\",\n        description: \"Cuisine traditionnelle revisit\u00e9e avec plan de travail en quartz haut de gamme. Finitions luxueuses et durabilit\u00e9 exceptionnelle. Parfaite alliance entre \u00e9l\u00e9gance classique et modernit\u00e9.\",\n        images: {\n            main: \"http:\/\/lemarbre.tn\/lemarbre\/wp-content\/uploads\/2025\/10\/classic.jpg\"\n        }\n    }\n];\n\nfunction renderProducts() {\n    const grid = document.getElementById('productsGrid');\n    \n    products.forEach(product => {\n        const card = document.createElement('div');\n        card.className = 'product-card';\n        \n        card.innerHTML = `\n            <div class=\"product-image-container\">\n                <img decoding=\"async\" src=\"${product.images.main}\" alt=\"${product.name}\" class=\"product-image\">\n            <\/div>\n            <div class=\"product-info\">\n                <h3 class=\"product-title\">${product.name}<\/h3>\n                <p class=\"product-description\">${product.description}<\/p>\n                <button class=\"btn-details\" onclick=\"window.location.href='?page_id=320&#038;id=${product.id}'\">\n                    Voir les d\u00e9tails\n                <\/button>\n            <\/div>\n        `;\n        \n        grid.appendChild(card);\n    });\n}\n\ndocument.addEventListener('DOMContentLoaded', renderProducts);\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Cuisines en Quartz Plans de travail et \u00eelots de cuisine en quartz naturel premium<\/p>\n","protected":false},"author":1,"featured_media":333,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":26,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/pages\/56\/revisions\/583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/media\/333"}],"wp:attachment":[{"href":"https:\/\/lemarbre.tn\/lemarbre\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}