{"id":38,"date":"2026-11-06T12:54:36","date_gmt":"2026-11-06T11:54:36","guid":{"rendered":"https:\/\/craftinium.com\/?page_id=38"},"modified":"2026-11-06T13:27:55","modified_gmt":"2026-11-06T12:27:55","slug":"elementor-page-38","status":"publish","type":"page","link":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd59c17 e-flex e-con-boxed e-con e-parent\" data-id=\"fd59c17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1cfe3a elementor-widget elementor-widget-html\" data-id=\"b1cfe3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-zone\">\n    <h1>Upgrade Your Box. Elevate Your Game.<\/h1>\n    <p>Premium 3D-printed organizers & component upgrades built for tabletop scaling.<\/p>\n    <a href=\"#\" class=\"btn-primary\">Find My Game<\/a>\n<\/div>\n\n<style>\n.hero-zone {\n    width: 1200px;\n    height: 550px;\n    margin: 80px auto 0 auto; \/* Align\u00e9 \u00e0 Y=80 et centr\u00e9 horizontalement *\/\n    background-color: #14161F;\n    border-radius: 12px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.hero-zone h1 {\n    font-size: 48px;\n    font-weight: bold;\n    color: #FFFFFF;\n    margin-bottom: 24px;\n}\n\n.hero-zone p {\n    font-size: 16px;\n    color: #9CA3AF;\n    margin-bottom: 32px;\n    max-width: 600px;\n}\n\n.hero-zone .btn-primary {\n    background-color: #2563EB;\n    color: #FFFFFF;\n    padding: 14px 32px;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 8px;\n    transition: background-color 0.2s ease;\n}\n\n.hero-zone .btn-primary:hover {\n    background-color: #1D4ED8;\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c66951b elementor-widget elementor-widget-html\" data-id=\"c66951b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\n     1. MODULE INTERACTIF BEFORE \/ AFTER\n     ========================================== -->\n<div class=\"slider-wrapper\">\n    <div class=\"comparison-slider\">\n        <!-- Image APR\u00c8S (Avec l'insert Craftinium) -->\n        <div class=\"image-after\">\n            <span class=\"slider-label label-after\">With Craftinium<\/span>\n        <\/div>\n        \n        <!-- Image AVANT (La bo\u00eete de jeu en d\u00e9sordre) -->\n        <div class=\"image-before\">\n            <span class=\"slider-label label-before\">Without Craftinium<\/span>\n        <\/div>\n        \n        <!-- Curseur invisible pour le contr\u00f4le -->\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"slider-input\" aria-label=\"Pourcentage affich\u00e9\">\n        \n        <!-- Poign\u00e9e centrale (La ligne et le bouton bleu) -->\n        <div class=\"slider-handle\">\n            <div class=\"handle-line\"><\/div>\n            <div class=\"handle-button\">\n                <span class=\"arrow-left\"><\/span>\n                <span class=\"arrow-right\"><\/span>\n            <\/div>\n            <div class=\"handle-line\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ==========================================\n     2. GRILLE DE PRODUITS (Nettoy\u00e9e et sans point bleu)\n     ========================================== -->\n<div class=\"product-grid-container\">\n    <div class=\"product-card\">\n        <span class=\"badge-ship\">Ships in 24h<\/span>\n        <div class=\"product-title\">Forest Shuffle<\/div>\n        <div class=\"product-price\">?? \u20ac<\/div>\n    <\/div>\n    \n    <div class=\"product-card\">\n        <span class=\"badge-ship\">Ships in 24h<\/span>\n        <div class=\"product-title\">Forest Shuffle :<br>Dartmoor<\/div>\n        <div class=\"product-price\">?? \u20ac<\/div>\n    <\/div>\n    \n    <div class=\"product-card\">\n        <span class=\"badge-ship\">Ships in 24h<\/span>\n        <div class=\"product-title\">Forest Shuffle :<br>Smoky Mountain<\/div>\n        <div class=\"product-price\">?? \u20ac<\/div>\n    <\/div>\n    \n    <div class=\"product-card\">\n        <span class=\"badge-ship\">Ships in 24h<\/span>\n        <div class=\"product-title\">Skull King<\/div>\n        <div class=\"product-price\">?? \u20ac<\/div>\n    <\/div>\n<\/div>\n\n<!-- ==========================================\n     3. SCRIPT INTERACTIF POUR LE SLIDER\n     ========================================== -->\n<script>\ndocument.querySelectorAll('.comparison-slider').forEach(slider => {\n    const input = slider.querySelector('.slider-input');\n    const beforeImg = slider.querySelector('.image-before');\n    const handle = slider.querySelector('.slider-handle');\n\n    input.addEventListener('input', (e) => {\n        const value = e.target.value;\n        beforeImg.style.width = `${value}%`;\n        handle.style.left = `${value}%`;\n    });\n});\n<\/script>\n\n<!-- ==========================================\n     4. STYLES CSS POUR CETTE ZONE\n     ========================================== -->\n<style>\n\/* --- DESIGN DU SLIDER INTERACTIF --- *\/\n.slider-wrapper {\n    max-width: 1000px;\n    margin: 40px auto 0 auto;\n    padding: 0 20px;\n}\n.comparison-slider {\n    position: relative;\n    width: 100%;\n    height: 450px;\n    background-color: #14161F;\n    border: 1px solid #232737;\n    border-radius: 12px;\n    overflow: hidden;\n}\n.image-before {\n    position: absolute;\n    top: 0; left: 0; width: 50%; height: 100%;\n    background: #1B1E2E; \/* Couleur d'attente avant vos photos *\/\n    background-size: cover;\n    background-position: center;\n}\n.image-after {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: #11131C; \/* Couleur d'attente avant vos photos *\/\n    background-size: cover;\n    background-position: center;\n}\n.slider-label {\n    position: absolute;\n    top: 20px;\n    padding: 6px 14px;\n    font-size: 11px;\n    font-weight: 700;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-family: sans-serif;\n}\n.label-before { left: 20px; background-color: #EF4444; color: #FFF; }\n.label-after { right: 20px; background-color: #2563EB; color: #FFF; }\n.slider-input {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    opacity: 0; cursor: ew-resize; z-index: 10;\n}\n.slider-handle {\n    position: absolute;\n    top: 0; left: 50%; height: 100%; width: 2px;\n    background-color: #2563EB; z-index: 5;\n    transform: translateX(-50%);\n    display: flex; flex-direction: column; justify-content: center; align-items: center;\n}\n.handle-line { flex-grow: 1; width: 2px; background-color: #2563EB; }\n.handle-button {\n    width: 36px; height: 36px; background-color: #2563EB; border-radius: 50%;\n    display: flex; justify-content: center; align-items: center; gap: 4px;\n    box-shadow: 0 0 15px rgba(37, 99, 235, 0.7); margin: 6px 0;\n}\n.arrow-left, .arrow-right { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }\n.arrow-left { border-right: 6px solid #FFF; }\n.arrow-right { border-left: 6px solid #FFF; }\n\n\/* --- DESIGN DE LA GRILLE PRODUITS --- *\/\n.product-grid-container {\n    max-width: 1200px; \n    margin: 80px auto 100px auto; \/* Espace propre et \u00e9quilibr\u00e9 vers le bas *\/\n    display: grid; \n    grid-template-columns: repeat(4, 1fr); \n    gap: 20px; \n    padding: 0 20px;\n}\n.product-card {\n    background-color: #151722; \n    border: 1px solid #222635; \n    border-radius: 8px;\n    padding: 24px; \n    height: 280px; \n    display: flex; \n    flex-direction: column; \n    justify-content: flex-end; \n    position: relative;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n}\n.badge-ship {\n    position: absolute; top: 16px; left: 16px; background-color: #10B981; color: #FFF;\n    font-size: 10px; font-weight: bold; padding: 4px 8px; border-radius: 4px; text-transform: uppercase;\n    font-family: sans-serif;\n}\n.product-title { font-size: 16px; font-weight: 600; color: #FFF; margin-bottom: 8px; line-height: 1.4; font-family: sans-serif; }\n.product-price { font-size: 14px; font-weight: bold; color: #3B82F6; font-family: sans-serif; }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d69c6e e-con e-atomic-element e-flexbox-base e-default-div e-28cae49 \" data-id=\"9d69c6e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d69c6e\">\n    \t\t<div class=\"elementor-element elementor-element-9f8787a elementor-widget elementor-widget-html\" data-id=\"9f8787a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\n     5. FOOTER COMMUNAUTAIRE (Craftinium Forge)\n     ========================================== -->\n<footer class=\"forge-footer\">\n    <div class=\"footer-container\">\n        <!-- Colonne Gauche : Appel au Discord -->\n        <div class=\"footer-col discord-col\">\n            <h3>Join the Craftinium Forge<\/h3>\n            <p>Want a custom layout for a niche TCG or an insert for a brand new game? Hop on our Discord server to pitch your ideas directly to our design team.<\/p>\n            <a href=\"https:\/\/discord.gg\" target=\"_blank\" class=\"btn-discord\">Connect to Discord<\/a>\n        <\/div>\n\n        <!-- Colonne Milieu 1 : Cat\u00e9gories Produits -->\n        <div class=\"footer-col\">\n            <h3>Products<\/h3>\n            <ul>\n                <li><a href=\"#\">Inserts & Storage<\/a><\/li>\n                <li><a href=\"#\">Universal Upgrades<\/a><\/li>\n                <li><a href=\"#\">Custom Orders<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Colonne Milieu 2 : Liens Utiles -->\n        <div class=\"footer-col\">\n            <h3>Craftinium<\/h3>\n            <ul>\n                <li><a href=\"#\">About Our Studio<\/a><\/li>\n                <li><a href=\"#\">Shipping & Delivery<\/a><\/li>\n                <li><a href=\"#\">Terms of Service<\/a><\/li>\n                <li><a href=\"#\">Contact Support<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Colonne Droite : Paiements S\u00e9curis\u00e9s -->\n        <div class=\"footer-col payments-col\">\n            <h3>Secure Payments<\/h3>\n            <div class=\"payment-cards-placeholder\">\n                <!-- Les rectangles gris en attente de vos logos de cartes bancaires -->\n                <span class=\"card-box\"><\/span>\n                <span class=\"card-box\"><\/span>\n                <span class=\"card-box\"><\/span>\n                <span class=\"card-box\"><\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\n<style>\n\/* --- DESIGN DU FOOTER --- *\/\n.forge-footer {\n    background-color: #0D0F14;\n    border-top: 1px solid #1A1D26;\n    padding: 80px 0 60px 0;\n    font-family: sans-serif;\n}\n\n.footer-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 1.5fr;\n    gap: 40px;\n    padding: 0 20px;\n}\n\n\/* Titres et Textes *\/\n.footer-col h3 {\n    color: #FFFFFF;\n    font-size: 16px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.footer-col p {\n    color: #8E9AA8;\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    max-width: 340px;\n}\n\n\/* Listes de liens *\/\n.footer-col ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.footer-col ul li {\n    margin-bottom: 12px;\n}\n\n.footer-col ul li a {\n    color: #8E9AA8;\n    font-size: 14px;\n    text-decoration: none;\n    transition: color 0.2s;\n}\n\n.footer-col ul li a:hover {\n    color: #2563EB; \/* Passage au bleu \u00e9lectrique au survol *\/\n}\n\n\/* Bouton Discord Premium *\/\n.btn-discord {\n    background-color: #2563EB;\n    color: #FFFFFF;\n    padding: 12px 24px;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n    border-radius: 6px;\n    display: inline-block;\n    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n    transition: background-color 0.2s;\n}\n\n.btn-discord:hover {\n    background-color: #1D4ED8;\n}\n\n\/* Emplacements logos Cartes de cr\u00e9dit *\/\n.payment-cards-placeholder {\n    display: flex;\n    gap: 10px;\n}\n\n.card-box {\n    width: 48px;\n    height: 30px;\n    background-color: #151722;\n    border-radius: 4px;\n    border: 1px solid #222635;\n}\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Upgrade Your Box. Elevate Your Game. Premium 3D-printed organizers &#038; component upgrades built for tabletop scaling. Find My Game With Craftinium Without Craftinium Ships in 24h Forest Shuffle ?? \u20ac Ships in 24h Forest Shuffle :Dartmoor ?? \u20ac Ships in 24h Forest Shuffle :Smoky Mountain ?? \u20ac Ships in 24h Skull King ?? \u20ac Join [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - CRAFTINIUM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/craftinium.com\/index.php\/elementor-page-38\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - CRAFTINIUM\" \/>\n<meta property=\"og:description\" content=\"Upgrade Your Box. Elevate Your Game. Premium 3D-printed organizers &#038; component upgrades built for tabletop scaling. Find My Game With Craftinium Without Craftinium Ships in 24h Forest Shuffle ?? \u20ac Ships in 24h Forest Shuffle :Dartmoor ?? \u20ac Ships in 24h Forest Shuffle :Smoky Mountain ?? \u20ac Ships in 24h Skull King ?? \u20ac Join [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/craftinium.com\/index.php\/elementor-page-38\/\" \/>\n<meta property=\"og:site_name\" content=\"CRAFTINIUM\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-06T12:27:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/craftinium.com\\\/index.php\\\/elementor-page-38\\\/\",\"url\":\"https:\\\/\\\/craftinium.com\\\/index.php\\\/elementor-page-38\\\/\",\"name\":\"Home - CRAFTINIUM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/craftinium.com\\\/#website\"},\"datePublished\":\"2026-11-06T11:54:36+00:00\",\"dateModified\":\"2026-11-06T12:27:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/craftinium.com\\\/index.php\\\/elementor-page-38\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/craftinium.com\\\/index.php\\\/elementor-page-38\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/craftinium.com\\\/index.php\\\/elementor-page-38\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/craftinium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/craftinium.com\\\/#website\",\"url\":\"https:\\\/\\\/craftinium.com\\\/\",\"name\":\"CRAFTINIUM\",\"description\":\"Upgrade Your Box. Elevate Your Games\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/craftinium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - CRAFTINIUM","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/","og_locale":"fr_FR","og_type":"article","og_title":"Home - CRAFTINIUM","og_description":"Upgrade Your Box. Elevate Your Game. Premium 3D-printed organizers &#038; component upgrades built for tabletop scaling. Find My Game With Craftinium Without Craftinium Ships in 24h Forest Shuffle ?? \u20ac Ships in 24h Forest Shuffle :Dartmoor ?? \u20ac Ships in 24h Forest Shuffle :Smoky Mountain ?? \u20ac Ships in 24h Skull King ?? \u20ac Join [&hellip;]","og_url":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/","og_site_name":"CRAFTINIUM","article_modified_time":"2026-11-06T12:27:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/","url":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/","name":"Home - CRAFTINIUM","isPartOf":{"@id":"https:\/\/craftinium.com\/#website"},"datePublished":"2026-11-06T11:54:36+00:00","dateModified":"2026-11-06T12:27:55+00:00","breadcrumb":{"@id":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/craftinium.com\/index.php\/elementor-page-38\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/craftinium.com\/index.php\/elementor-page-38\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/craftinium.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/craftinium.com\/#website","url":"https:\/\/craftinium.com\/","name":"CRAFTINIUM","description":"Upgrade Your Box. Elevate Your Games","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/craftinium.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":7,"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/craftinium.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}