{"id":6,"date":"2026-02-24T17:42:41","date_gmt":"2026-02-24T17:42:41","guid":{"rendered":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/?page_id=6"},"modified":"2026-02-24T17:43:04","modified_gmt":"2026-02-24T17:43:04","slug":"impression-t-shirt-printing","status":"publish","type":"page","link":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/impression-t-shirt-printing\/","title":{"rendered":"Impression T-shirt Printing"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PIXEL PIXEL | Impression Textile Sur Mesure \u00e0 Mascouche<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dela+Gothic+One&#038;family=Hanken+Grotesk:wght@400;600;800;900&#038;family=Poppins:wght@400;800;900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <style>\n        :root {\n            \/* Palette N\u00e9o-Brutaliste *\/\n            --nb-ivory: #F4F3EF;\n            --nb-yellow: #FFDE59;\n            --nb-pink: #FF90E8;\n            --nb-blue: #54C1FF;\n            --nb-green: #00E092;\n            --nb-ink: #1a1a1a;\n        }\n\n        .font-poppins { font-family: 'Poppins', sans-serif; }\n        .font-hanken { font-family: 'Hanken Grotesk', sans-serif; }\n        .font-melody { font-family: 'Dela Gothic One', cursive; letter-spacing: -0.02em; }\n\n        \/* Classes N\u00e9o-Brutalistes *\/\n        .nb-card {\n            border: 3px solid black;\n            box-shadow: 5px 5px 0px 0px black;\n            transition: all 0.2s ease;\n        }\n        \n        .nb-btn {\n            border: 3px solid black;\n            box-shadow: 4px 4px 0px 0px black;\n            transition: all 0.1s ease;\n            cursor: pointer;\n            display: inline-block;\n            text-align: center;\n        }\n\n        .nb-btn:active {\n            transform: translate(2px, 2px);\n            box-shadow: 2px 2px 0px 0px black;\n        }\n        \n        .nb-btn:hover {\n            transform: translate(-1px, -1px);\n            box-shadow: 6px 6px 0px 0px black;\n        }\n\n        .nb-tag {\n            border: 2px solid black;\n            box-shadow: 2px 2px 0px 0px black;\n        }\n\n        .nb-dot {\n            background-image: radial-gradient(black 1px, transparent 1px);\n            background-size: 20px 20px;\n            opacity: 0.1;\n        }\n\n        #mobile-menu {\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            transform-origin: top;\n        }\n        .menu-hidden { transform: scaleY(0); height: 0; opacity: 0; pointer-events: none; }\n        .menu-visible { transform: scaleY(1); height: auto; opacity: 1; pointer-events: auto; }\n\n        .nb-input {\n            border: 3px solid black;\n            padding: 12px;\n            font-family: 'Hanken Grotesk', sans-serif;\n            font-weight: 700;\n            width: 100%;\n            outline: none;\n            transition: all 0.2s;\n        }\n        .nb-input:focus {\n            box-shadow: 4px 4px 0px 0px black;\n            transform: translate(-2px, -2px);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-[#F4F3EF] text-black antialiased selection:bg-[var(--nb-pink)] selection:text-black\">\n\n    <!-- Header -->\n    <header class=\"sticky top-0 z-50 bg-white border-b-4 border-black\">\n        <div class=\"mx-auto flex max-w-7xl items-center justify-between gap-4 px-5 py-3\">\n            <div class=\"flex items-center\">\n                <div class=\"flex flex-col leading-none\">\n                    <span class=\"font-poppins text-3xl font-black tracking-tight\">PIXEL<\/span>\n                    <span class=\"font-poppins text-3xl font-black tracking-tight -mt-2.5\">PIXEL<\/span>\n                <\/div>\n            <\/div>\n\n            <nav class=\"hidden items-center gap-4 md:flex\">\n                <a href=\"#services\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">Services<\/a>\n                <a href=\"#work\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">R\u00e9alisations<\/a>\n                <a href=\"#faq\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">FAQ<\/a>\n                <a href=\"#quote\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">Contact<\/a>\n            <\/nav>\n\n            <div class=\"flex items-center gap-3\">\n                <a href=\"#quote\" class=\"hidden sm:block nb-btn rounded-xl bg-[var(--nb-pink)] px-4 py-2 font-poppins text-sm font-black uppercase\">Soumission<\/a>\n                <button id=\"menu-btn\" class=\"md:hidden nb-btn rounded-xl bg-white p-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke=\"currentColor\" class=\"w-6 h-6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"mobile-menu\" class=\"menu-hidden overflow-hidden bg-white md:hidden border-b-4 border-black\">\n            <nav class=\"flex flex-col p-4 gap-3\">\n                <a href=\"#services\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">Services<\/a>\n                <a href=\"#work\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">R\u00e9alisations<\/a>\n                <a href=\"#faq\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">FAQ<\/a>\n                <a href=\"#quote\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-pink)] px-4 py-3 font-poppins font-black uppercase text-center mt-2\">Soumission<\/a>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- Hero -->\n    <section class=\"relative overflow-hidden border-b-4 border-black\">\n        <div class=\"pointer-events-none absolute inset-0 nb-dot\"><\/div>\n        <div class=\"mx-auto grid max-w-7xl grid-cols-1 items-center gap-10 px-5 py-16 md:grid-cols-2\">\n            <div class=\"relative z-10\">\n                <h1 class=\"font-poppins text-5xl font-black leading-[0.95] tracking-[-.02em] md:text-7xl\">\n                    Faites briller votre <span class=\"inline-block -rotate-2 rounded-xl border-4 border-black bg-[var(--nb-yellow)] px-3 shadow-[4px_4px_0px_0px_black]\">MARQUE<\/span>, habillez votre\n                    <span class=\"block font-poppins uppercase mt-2 text-5xl md:text-8xl text-[var(--nb-yellow)]\" style=\"-webkit-text-stroke: 3px black; paint-order: stroke fill;\">\u00c9QUIPE<\/span>\n                <\/h1>\n                <p class=\"mt-6 max-w-prose font-hanken text-lg font-bold border-l-4 border-black pl-4\">\n                    Parce que personne n&rsquo;aime les t-shirts plates. Impression DTF, DTG et s\u00e9rigraphie qui font jaser (en bien) pour vos \u00e9v\u00e9nements et votre \u00e9quipe.\n                <\/p>\n                <div class=\"mt-8 flex flex-wrap items-center gap-4\">\n                    <a href=\"#quote\" class=\"nb-btn rounded-2xl bg-[var(--nb-blue)] px-6 py-4 font-poppins text-lg font-black uppercase\">Obtenir une soumission<\/a>\n                    <a href=\"#services\" class=\"nb-btn rounded-2xl bg-white px-6 py-4 font-poppins text-lg font-black\">Nos services<\/a>\n                <\/div>\n                <div class=\"mt-8 flex flex-col sm:flex-row sm:flex-wrap gap-y-3 gap-x-5 font-hanken text-sm font-bold text-gray-800 border-t-2 border-black\/10 pt-5\">\n                    <div class=\"flex items-center gap-2\"><div class=\"h-3 w-3 rounded-full border-2 border-black bg-[var(--nb-yellow)]\"><\/div> Optimisation incluse<\/div>\n                    <div class=\"flex items-center gap-2\"><div class=\"h-3 w-3 rounded-full border-2 border-black bg-[var(--nb-pink)]\"><\/div> Grandeurs XS\u20135XL<\/div>\n                    <div class=\"flex items-center gap-2\"><div class=\"h-3 w-3 rounded-full border-2 border-black bg-[var(--nb-green)]\"><\/div> Rush 48h dispo<\/div>\n                <\/div>\n            <\/div>\n            <div class=\"relative\">\n                <div class=\"absolute -inset-6 -z-10 rotate-2 rounded-3xl border-4 border-black bg-[var(--nb-pink)] shadow-[8px_8px_0px_0px_black]\"><\/div>\n                <div class=\"nb-card rounded-3xl bg-white p-4\">\n                    <div class=\"nb-card aspect-[4\/3] w-full rounded-xl bg-gray-200 overflow-hidden\">\n                        <!-- Optimisation : Chargement prioritaire de l'image principale -->\n                        <img id=\"img-hero\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/mainpage.jpg\" fetchpriority=\"high\" decoding=\"async\" alt=\"T-shirts imprim\u00e9s PIXEL PIXEL\" class=\"h-full w-full object-cover\" \/>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Social Proof -->\n    <section class=\"border-b-4 border-black bg-[var(--nb-yellow)] py-10\">\n        <div class=\"mx-auto max-w-7xl px-5 text-center\">\n            <p class=\"font-hanken text-sm font-extrabold uppercase tracking-widest mb-6\">Ils nous font confiance<\/p>\n            <div class=\"flex flex-wrap justify-center gap-4\">\n                <div class=\"nb-card rounded-xl bg-white px-4 py-2 font-poppins text-xs font-black\">Cinemacinema<\/div>\n                <div class=\"nb-card rounded-xl bg-white px-4 py-2 font-poppins text-xs font-black\">CUSM &#8211; MUHC<\/div>\n                <div class=\"nb-card rounded-xl bg-white px-4 py-2 font-poppins text-xs font-black\">Voile Qu\u00e9bec<\/div>\n                <div class=\"nb-card rounded-xl bg-white px-4 py-2 font-poppins text-xs font-black\">Prospect Basketball<\/div>\n                <div class=\"nb-card rounded-xl bg-white px-4 py-2 font-poppins text-xs font-black\">Cinemania<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services -->\n    <section id=\"services\" class=\"border-b-4 border-black bg-[#fafafa] py-20\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <h2 class=\"font-poppins text-5xl font-black mb-12\">Des services qui <span class=\"bg-[var(--nb-blue)] text-white px-3 border-4 border-black -rotate-1 inline-block\">FLASHENT<\/span><\/h2>\n            <div class=\"grid gap-8 md:grid-cols-3\">\n                <!-- DTF -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-ivory)]\">\n                    <div class=\"flex justify-between items-baseline border-b-4 border-black pb-4 mb-4\">\n                        <h3 class=\"font-poppins text-2xl font-black\">Impression DTF<\/h3>\n                        <span class=\"nb-tag bg-[var(--nb-green)] px-2 py-0.5 text-[10px] font-black uppercase\">Transfert<\/span>\n                    <\/div>\n                    <p class=\"font-hanken text-sm font-bold mb-6\">La polyvalence incarn\u00e9e. Couleurs vibrantes, d\u00e9tails fins et ultra-durable sur tous les tissus (coton, polyester, nylon).<\/p>\n                    <ul class=\"space-y-2 font-hanken text-xs font-extrabold mb-8\">\n                        <li>\u2022 Aucun minimum requis<\/li>\n                        <li>\u2022 Compatible sur tous tissus<\/li>\n                        <li>\u2022 Couleurs extr\u00eamement vibrantes<\/li>\n                        <li>\u2022 Haute durabilit\u00e9 au lavage<\/li>\n                    <\/ul>\n                    <a href=\"#quote\" class=\"nb-btn w-full py-3 bg-white font-black text-sm uppercase\">Choisir DTF<\/a>\n                <\/div>\n                <!-- DTG -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-blue)] md:scale-105 z-10 shadow-[8px_8px_0px_0px_black]\">\n                    <div class=\"flex justify-between items-baseline border-b-4 border-black pb-4 mb-4\">\n                        <h3 class=\"font-poppins text-2xl font-black\">Impression DTG<\/h3>\n                        <span class=\"nb-tag bg-[var(--nb-yellow)] px-2 py-0.5 text-[10px] font-black uppercase\">Num\u00e9rique<\/span>\n                    <\/div>\n                    <p class=\"font-hanken text-sm font-bold mb-6\">Qualit\u00e9 photo, couleur illimit\u00e9e, sur demande. Id\u00e9al pour les d\u00e9grad\u00e9s complexes. Imprim\u00e9 \u00e0 m\u00eame la fibre.<\/p>\n                    <ul class=\"space-y-2 font-hanken text-xs font-extrabold mb-8\">\n                        <li>\u2022 Aucun minimum requis<\/li>\n                        <li>\u2022 Qualit\u00e9 photo &#038; d\u00e9grad\u00e9s parfaits<\/li>\n                        <li>\u2022 Fini ultra doux<\/li>\n                        <li>\u2022 Recommand\u00e9 sur 100% coton<\/li>\n                    <\/ul>\n                    <a href=\"#quote\" class=\"nb-btn w-full py-3 bg-black text-white font-black text-sm uppercase\">Choisir DTG<\/a>\n                <\/div>\n                <!-- Serigraphie -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-green)]\">\n                    <div class=\"flex justify-between items-baseline border-b-4 border-black pb-4 mb-4\">\n                        <h3 class=\"font-poppins text-2xl font-black\">S\u00e9rigraphie<\/h3>\n                        <span class=\"nb-tag bg-[var(--nb-pink)] px-2 py-0.5 text-[10px] font-black uppercase\">Classique<\/span>\n                    <\/div>\n                    <p class=\"font-hanken text-sm font-bold mb-6\">Couleurs \u00e9clatantes, demi-tons et encres m\u00e9talliques. La r\u00e9f\u00e9rence absolue pour le volume et l&rsquo;\u00e9conomie.<\/p>\n                    <ul class=\"space-y-2 font-hanken text-xs font-extrabold mb-8\">\n                        <li>\u2022 \u00c0 partir de 25 morceaux<\/li>\n                        <li>\u2022 Charte Pantone possible<\/li>\n                        <li>\u2022 Tr\u00e8s \u00e9conomique en volume<\/li>\n                        <li>\u2022 Qualit\u00e9 et durabilit\u00e9 ultimes<\/li>\n                    <\/ul>\n                    <a href=\"#quote\" class=\"nb-btn w-full py-3 bg-white font-black text-sm uppercase\">Choisir S\u00e9rigraphie<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Galerie -->\n    <section id=\"work\" class=\"border-b-4 border-black bg-white py-20\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <h2 class=\"font-poppins text-4xl font-black mb-12\">Quelques <span class=\"bg-[var(--nb-pink)] px-2\">r\u00e9alisations<\/span><\/h2>\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Optimisation : Lazy loading sur les images sous la ligne de flottaison -->\n                <div class=\"nb-card rounded-2xl bg-white p-2 overflow-hidden\"><img id=\"img-gallery-1\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/Untitled-3_600x399_600x399.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"R\u00e9alisation Impression 1\" class=\"aspect-[3\/4] w-full object-cover rounded-xl transition-all hover:scale-105 duration-300\"><\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-2 overflow-hidden md:mt-12\"><img id=\"img-gallery-2\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/Untitled-1_600x400-1.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"R\u00e9alisation Impression 2\" class=\"aspect-[3\/4] w-full object-cover rounded-xl transition-all hover:scale-105 duration-300\"><\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-2 overflow-hidden\"><img id=\"img-gallery-3\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/20230113_133820_600x400-e1771871303620.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"R\u00e9alisation Impression 3\" class=\"aspect-[3\/4] w-full object-cover rounded-xl transition-all hover:scale-105 duration-300\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Cas V\u00e9cu -->\n    <section class=\"border-b-4 border-black bg-[var(--nb-ivory)] py-20\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"font-poppins text-5xl font-black mb-4\">Cas <span class=\"bg-[var(--nb-yellow)] px-3 border-4 border-black\">V\u00c9CU<\/span><\/h2>\n                <p class=\"font-melody text-2xl uppercase tracking-tight mb-6\">Ne vous faites plus avoir.<\/p>\n                <p class=\"max-w-3xl mx-auto font-hanken text-lg font-bold border-4 border-black bg-white p-6 shadow-[6px_6px_0px_0px_black]\">\n                    Un client nous a appel\u00e9s en panique apr\u00e8s avoir re\u00e7u une commande inutilisable d&rsquo;un comp\u00e9titeur. Voici comment nous avons sauv\u00e9 son \u00e9v\u00e9nement.\n                <\/p>\n            <\/div>\n            <div class=\"grid md:grid-cols-2 gap-12\">\n                <div class=\"relative\">\n                    <div class=\"nb-tag absolute -top-4 -left-4 bg-white z-10 px-4 py-1 font-black\">LA COMP\u00c9TITION \ud83d\udc4e<\/div>\n                    <div class=\"nb-card rounded-3xl bg-white p-6\">\n                        <h3 class=\"font-poppins text-2xl font-black mb-4 text-red-600 uppercase\">Mauvaise impression<\/h3>\n                        <div class=\"aspect-video bg-gray-200 border-2 border-black rounded-xl overflow-hidden mb-6\"><img id=\"img-competitor\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/competition-1200.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Mauvaise impression\" class=\"w-full h-full object-cover\"><\/div>\n                        <ul class=\"space-y-3 font-hanken font-extrabold text-gray-500\">\n                            <li>\u00d7 Mauvaise impression<\/li>\n                            <li>\u00d7 Aucune correction d&rsquo;image<\/li>\n                            <li>\u00d7 Mauvaise communication<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"relative\">\n                    <div class=\"nb-tag absolute -top-4 -right-4 bg-[var(--nb-green)] z-10 px-4 py-1 font-black\">PIXEL PIXEL \u2728<\/div>\n                    <div class=\"nb-card rounded-3xl bg-white p-6 shadow-[10px_10px_0px_0px_var(--nb-green)]\">\n                        <h3 class=\"font-poppins text-2xl font-black mb-4 uppercase\">Vibrant &#038; Durable<\/h3>\n                        <div class=\"aspect-video bg-gray-200 border-2 border-black rounded-xl overflow-hidden mb-6\"><img id=\"img-pixel\" src=\"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/1200-design-pixel-pixel.jpg\" loading=\"lazy\" decoding=\"async\" alt=\"Bonne impression Pixel Pixel\" class=\"w-full h-full object-cover\"><\/div>\n                        <ul class=\"space-y-3 font-hanken font-extrabold\">\n                            <li class=\"text-[var(--nb-green)]\">\u2713 Logiciel d&rsquo;impression de qualit\u00e9<\/li>\n                            <li class=\"text-[var(--nb-green)]\">\u2713 Correction du fond d&rsquo;image<\/li>\n                            <li class=\"text-[var(--nb-green)]\">\u2713 Encre de qualit\u00e9<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- T\u00e9moignages -->\n    <section class=\"border-b-4 border-black bg-[var(--nb-yellow)] py-20\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <h2 class=\"font-poppins text-4xl font-black text-center mb-10\">Ceux qui nous envoient du <span class=\"bg-white px-3 border-4 border-black -rotate-2 inline-block\">LOVE<\/span><\/h2>\n            <div class=\"grid gap-8 md:grid-cols-3\">\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl opacity-20\">\u275d<\/div>\n                    <p class=\"font-melody text-xl leading-tight pt-4\">\u201cService A1! Une impression top qualit\u00e9 et un super service. En plus du travail bien fait, ils assurent la satisfaction de leur client. D&rsquo;autant plus qu&rsquo;ils effectuent le travail rapidement. Je recommande!\u201d<\/p>\n                    <div class=\"mt-6 border-t-2 border-black pt-4 font-hanken text-xs font-black uppercase\">SL DB<\/div>\n                <\/div>\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative mt-6 md:mt-0 hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl opacity-20\">\u275d<\/div>\n                    <p class=\"font-melody text-xl leading-tight pt-4\">\u201cFrancis, une personne \u00e0 l&rsquo;\u00e9coute de ses clients, un travail remarquable et de haute qualit\u00e9. Tr\u00e8s bon rapport qualit\u00e9\/prix et tr\u00e8s rapide! Merci encore!\u201d<\/p>\n                    <div class=\"mt-6 border-t-2 border-black pt-4 font-hanken text-xs font-black uppercase\">Julien Conte<\/div>\n                <\/div>\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl opacity-20\">\u275d<\/div>\n                    <p class=\"font-melody text-xl leading-tight pt-4\">\u201cCustom hoodie design was perfect and exactly as I wanted it. High quality fabrics + sharp and vibrant colours. Quick response and turn around. 10\/10\u201d<\/p>\n                    <div class=\"mt-6 border-t-2 border-black pt-4 font-hanken text-xs font-black uppercase\">Sammar Alali<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ -->\n    <section id=\"faq\" class=\"border-b-4 border-black bg-white py-20\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <h2 class=\"font-poppins text-4xl font-black mb-12\">FAQ, simple comme <span class=\"bg-[var(--nb-blue)] text-white px-3 border-4 border-black rotate-1 inline-block\">BONJOUR<\/span><\/h2>\n            <div class=\"grid gap-6 md:grid-cols-2\">\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\n                    <h3 class=\"font-poppins text-xl font-black mb-2\">C&rsquo;est quoi le fichier id\u00e9al ?<\/h3>\n                    <p class=\"font-hanken text-sm font-bold\">Vectoriel (AI\/PDF) ou PNG 300DPI \u00e0 la taille d&rsquo;impression. Nous pouvons vous aider si vous n&rsquo;avez plus les documents originaux.<\/p>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-6 border-dashed\">\n                    <h3 class=\"font-poppins text-xl font-black mb-2\">Match de couleurs?<\/h3>\n                    <p class=\"font-hanken text-sm font-bold\">En DTG et en DTF, il est impossible d\u2019obtenir un match Pantone exact. Par contre, il est possible de faire des tests et d\u2019envoyer un \u00e9chantillon.<\/p>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-6 border-dashed\">\n                    <h3 class=\"font-poppins text-xl font-black mb-2\">Commande minimum?<\/h3>\n                    <p class=\"font-hanken text-sm font-bold\">DTG et DTF : <span class=\"bg-[var(--nb-yellow)] px-1 border border-black\">aucun minimum<\/span>. S\u00e9rigraphie commence \u00e0 25 morceaux.<\/p>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\n                    <h3 class=\"font-poppins text-xl font-black mb-2\">D\u00e9lais?<\/h3>\n                    <p class=\"font-hanken text-sm font-bold\">Standard 5\u20137 jours ouvrables. Rush 48h dispo si le v\u00eatement est en stock.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact \/ Soumission -->\n    <section id=\"quote\" class=\"py-20 bg-[#f8f8f8] border-t-4 border-black\">\n        <div class=\"mx-auto max-w-7xl px-5\">\n            <div class=\"grid lg:grid-cols-2 gap-12 items-start\">\n                \n                <!-- Left Side: Text and Contacts -->\n                <div>\n                    <!-- BADGE MAX BOLD & BIG -->\n                    <div class=\"bg-[var(--nb-green)] inline-block px-10 py-5 border-[6px] border-black mb-10 -rotate-3 shadow-[8px_8px_0px_0px_black]\">\n                        <span class=\"font-hanken font-black text-3xl md:text-5xl uppercase tracking-tighter\">PR\u00caT \u00c0 IMPRIMER ?<\/span>\n                    <\/div>\n\n                    <h2 class=\"font-poppins text-5xl md:text-6xl font-black leading-[0.9] mb-8\">\n                        Demandez votre<br>\n                        <span class=\"text-[var(--nb-blue)] uppercase\">SOUMISSION<\/span><br>\n                        gratuite\n                    <\/h2>\n                    <p class=\"font-hanken text-xl font-bold mb-12 max-w-md\">\n                        On vous r\u00e9pond en moins de 24h. Pr\u00e9cisez le type d&rsquo;impression, la quantit\u00e9 et le type de v\u00eatement souhait\u00e9.\n                    <\/p>\n                    \n                    <div class=\"space-y-6\">\n                        <!-- Email -->\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"nb-card rounded-full w-12 h-12 flex items-center justify-center bg-[var(--nb-pink)]\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"font-hanken font-black text-lg\">info@pixelpixel.xyz<\/span>\n                        <\/div>\n                        <!-- Address -->\n                        <div class=\"flex items-center gap-4\">\n                            <div class=\"nb-card rounded-full w-12 h-12 flex items-center justify-center bg-[var(--nb-yellow)]\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/>\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"font-hanken font-black text-lg\">Mascouche, QC (Sur rendez-vous)<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right Side: The Form -->\n                <div class=\"nb-card rounded-[2.5rem] bg-white p-8 md:p-10\">\n                    <form action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\" id=\"contact-form\">\n                        <!-- Web3Forms Key -->\n                        <input type=\"hidden\" name=\"access_key\" value=\"d8ec75bb-a81d-47a7-a7ee-0104d34c002a\">\n                        <!-- Anti-Spam -->\n                        <input type=\"checkbox\" name=\"botcheck\" class=\"hidden\" style=\"display: none;\">\n\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n                            <div>\n                                <label class=\"block font-hanken font-black text-xs uppercase mb-2\">NOM COMPLET<\/label>\n                                <input type=\"text\" name=\"name\" placeholder=\"Jean Tremblay\" required class=\"nb-input rounded-xl bg-[#f0f0f0]\">\n                            <\/div>\n                            <div>\n                                <label class=\"block font-hanken font-black text-xs uppercase mb-2\">COURRIEL<\/label>\n                                <input type=\"email\" name=\"email\" placeholder=\"jean@exemple.com\" required class=\"nb-input rounded-xl bg-[#f0f0f0]\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mb-6\">\n                            <label class=\"block font-hanken font-black text-xs uppercase mb-2\">TYPE DE SERVICE<\/label>\n                            <select name=\"service\" required class=\"nb-input rounded-xl bg-[#f0f0f0] appearance-none\">\n                                <option value=\"Impression DTF (Transfert)\">Impression DTF (Transfert)<\/option>\n                                <option value=\"Impression DTG (Num\u00e9rique)\">Impression DTG (Num\u00e9rique)<\/option>\n                                <option value=\"S\u00e9rigraphie (Volume)\">S\u00e9rigraphie (Volume)<\/option>\n                                <option value=\"Autre \/ Je ne sais pas\">Autre \/ Je ne sais pas<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"mb-8\">\n                            <label class=\"block font-hanken font-black text-xs uppercase mb-2\">VOTRE PROJET (QUANTIT\u00c9, V\u00caTEMENT, DESIGN&#8230;)<\/label>\n                            <textarea name=\"message\" rows=\"5\" placeholder=\"Je voudrais 25 t-shirts noirs avec un logo sur le coeur...\" required class=\"nb-input rounded-xl bg-[#f0f0f0]\"><\/textarea>\n                        <\/div>\n\n                        <button type=\"submit\" class=\"w-full nb-btn rounded-xl bg-[var(--nb-yellow)] py-5 font-poppins font-black text-xl uppercase tracking-wider\">\n                            ENVOYER LA DEMANDE\n                        <\/button>\n                    <\/form>\n                    <div id=\"form-status\" class=\"mt-4 font-hanken font-bold text-center hidden\"><\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer class=\"bg-black text-white border-t-4 border-black py-12\">\n        <div class=\"mx-auto max-w-7xl px-5 text-center\">\n            <span class=\"font-poppins text-4xl font-black\">PIXEL PIXEL<\/span>\n            <p class=\"mt-4 opacity-60 font-hanken font-bold italic\">\u00a9 2026 PIXEL PIXEL | Mascouche, QC<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- GESTION DES IMAGES -->\n    <script>\n        const LIENS_IMAGES = {\n            hero: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/mainpage.jpg\", \n            galerie1: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/Untitled-3_600x399_600x399.jpg\", \n            galerie2: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/Untitled-1_600x400-1.jpg\", \n            galerie3: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2023\/09\/20230113_133820_600x400-e1771871303620.jpg\", \n            competition: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/competition-1200.jpg\",\n            pixelpixel: \"https:\/\/www.pixelpixel.xyz\/wp-content\/uploads\/2026\/02\/1200-design-pixel-pixel.jpg\" \n        };\n\n        document.addEventListener('DOMContentLoaded', () => {\n            const placeholder = 'data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\"><rect width=\"100%\" height=\"100%\" fill=\"%23e5e7eb\"\/><text x=\"50%\" y=\"50%\" fill=\"%239ca3af\" font-family=\"sans-serif\" font-size=\"16\" font-weight=\"bold\" text-anchor=\"middle\" dominant-baseline=\"middle\">Ajouter image<\/text><\/svg>';\n            \n            const appliquer = (id, url) => {\n                const element = document.getElementById(id);\n                if (element) {\n                    element.src = url ? url : placeholder;\n                }\n            };\n\n            appliquer('img-hero', LIENS_IMAGES.hero);\n            appliquer('img-gallery-1', LIENS_IMAGES.galerie1);\n            appliquer('img-gallery-2', LIENS_IMAGES.galerie2);\n            appliquer('img-gallery-3', LIENS_IMAGES.galerie3);\n    <!-- GESTION DES IMAGES ET SCRIPTS -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ Menu Mobile toggle\n            const menuBtn = document.getElementById('menu-btn');\n            const mobileMenu = document.getElementById('mobile-menu');\n            menuBtn.addEventListener('click', () => {\n                mobileMenu.classList.toggle('menu-hidden');\n                mobileMenu.classList.toggle('menu-visible');\n            });\n\n            \/\/ Web3Forms AJAX\n            const form = document.getElementById('contact-form');\n            const status = document.getElementById('form-status');\n            form.addEventListener('submit', (e) => {\n                e.preventDefault();\n                status.textContent = \"Envoi...\"; status.classList.remove('hidden');\n                fetch('https:\/\/api.web3forms.com\/submit', {\n                    method: 'POST',\n                    body: new FormData(form)\n                }).then(r => r.json()).then(data => {\n                    if(data.success) {\n                        status.textContent = \"Merci ! Demande envoy\u00e9e.\";\n                        form.reset();\n                    } else { status.textContent = \"Erreur lors de l'envoi.\"; }\n                }).catch(() => { status.textContent = \"Erreur de connexion.\"; });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PIXEL PIXEL | Impression Textile Sur Mesure \u00e0 Mascouche PIXEL PIXEL Services R\u00e9alisations FAQ Contact Soumission Services R\u00e9alisations FAQ Soumission Faites briller votre MARQUE, habillez votre \u00c9QUIPE Parce que personne n&rsquo;aime les t-shirts plates. Impression DTF, DTG et s\u00e9rigraphie qui font jaser (en bien) pour vos \u00e9v\u00e9nements et votre \u00e9quipe. Obtenir une soumission Nos services [&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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":2,"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/brave-hopper.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}