{"id":55045,"date":"2026-02-19T17:16:31","date_gmt":"2026-02-19T21:16:31","guid":{"rendered":"https:\/\/www.pixelpixel.xyz\/?page_id=55045"},"modified":"2026-02-19T17:49:19","modified_gmt":"2026-02-19T21:49:19","slug":"elementor-55045","status":"publish","type":"page","link":"https:\/\/www.pixelpixel.xyz\/en\/elementor-55045\/","title":{"rendered":"ele"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"55045\" class=\"elementor elementor-55045\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9c5b7 e-flex e-con-boxed e-con e-parent\" data-id=\"4d9c5b7\" 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-76c7617 elementor-widget elementor-widget-html\" data-id=\"76c7617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>PIXEL PIXEL | Impression Textile Sur Mesure<\/title>\r\n    \r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dela+Gothic+One&family=Hanken+Grotesk:wght@400;600;800;900&family=Poppins:wght@400;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <style>\r\n        :root {\r\n            \/* Neo-Brutalist Palette *\/\r\n            --nb-ivory: #F4F3EF;\r\n            --nb-yellow: #FFDE59;\r\n            --nb-pink: #FF90E8;\r\n            --nb-blue: #54C1FF;\r\n            --nb-green: #00E092;\r\n            --nb-ink: #1a1a1a;\r\n        }\r\n\r\n        \/* Font Mappings *\/\r\n        .font-poppins { font-family: 'Poppins', sans-serif; }\r\n        .font-hanken { font-family: 'Hanken Grotesk', sans-serif; }\r\n        .font-melody { font-family: 'Dela Gothic One', cursive; letter-spacing: -0.02em; }\r\n\r\n        \/* Custom Utilities for that \"Hard\" look *\/\r\n        .nb-card {\r\n            border: 3px solid black;\r\n            box-shadow: 5px 5px 0px 0px black;\r\n            transition: all 0.2s ease;\r\n        }\r\n        \r\n        .nb-btn {\r\n            border: 3px solid black;\r\n            box-shadow: 4px 4px 0px 0px black;\r\n            transition: all 0.1s ease;\r\n            cursor: pointer;\r\n            display: inline-block;\r\n            text-align: center;\r\n        }\r\n\r\n        .nb-btn:active {\r\n            transform: translate(2px, 2px);\r\n            box-shadow: 2px 2px 0px 0px black;\r\n        }\r\n        \r\n        .nb-btn:hover {\r\n            transform: translate(-1px, -1px);\r\n            box-shadow: 6px 6px 0px 0px black;\r\n        }\r\n\r\n        .nb-tag {\r\n            border: 2px solid black;\r\n            box-shadow: 2px 2px 0px 0px black;\r\n        }\r\n\r\n        \/* Background Patterns *\/\r\n        .nb-dot {\r\n            background-image: radial-gradient(black 1px, transparent 1px);\r\n            background-size: 20px 20px;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .nb-stripes {\r\n            background: repeating-linear-gradient(\r\n                45deg,\r\n                rgba(0,0,0,0.1),\r\n                rgba(0,0,0,0.1) 10px,\r\n                transparent 10px,\r\n                transparent 20px\r\n            );\r\n        }\r\n\r\n        \/* Mobile Menu Animation *\/\r\n        #mobile-menu {\r\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            transform-origin: top;\r\n        }\r\n        .menu-hidden {\r\n            transform: scaleY(0);\r\n            height: 0;\r\n            opacity: 0;\r\n        }\r\n        .menu-visible {\r\n            transform: scaleY(1);\r\n            height: auto;\r\n            opacity: 1;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#F4F3EF] text-black antialiased selection:bg-[var(--nb-pink)] selection:text-black\">\r\n\r\n    <!-- Header -->\r\n    <header class=\"sticky top-0 z-40 border-b-4 border-black bg-[var(--nb-ivory)]\">\r\n        <div class=\"mx-auto flex max-w-7xl items-center justify-between gap-4 px-5 py-3\">\r\n            <!-- Logo -->\r\n            <div class=\"flex items-center\">\r\n                <div class=\"flex flex-col leading-[0.75]\">\r\n                    <span class=\"font-poppins text-3xl font-black tracking-tight\">PIXEL<\/span>\r\n                    <span class=\"font-poppins text-3xl font-black tracking-tight\">PIXEL<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Desktop Nav -->\r\n            <nav class=\"hidden items-center gap-4 md:flex\">\r\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>\r\n                <a href=\"#pricing\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">Tarifs<\/a>\r\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>\r\n                <a href=\"#contact\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">Contact<\/a>\r\n            <\/nav>\r\n\r\n            <!-- CTA & Mobile Menu Button -->\r\n            <div class=\"flex items-center gap-3\">\r\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\">Submission<\/a>\r\n                \r\n                <!-- Mobile Hamburger -->\r\n                <button id=\"menu-btn\" class=\"md:hidden nb-btn rounded-xl bg-white p-2\">\r\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\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Mobile Nav Dropdown -->\r\n        <div id=\"mobile-menu\" class=\"menu-hidden overflow-hidden border-t-4 border-black bg-white md:hidden\">\r\n            <nav class=\"flex flex-col p-4 gap-3\">\r\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>\r\n                <a href=\"#pricing\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">Tarifs<\/a>\r\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>\r\n                <a href=\"#contact\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">Contact<\/a>\r\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\">Request a quote<\/a>\r\n            <\/nav>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"relative overflow-hidden border-b-4 border-black\">\r\n        <div class=\"pointer-events-none absolute inset-0 nb-dot\"><\/div>\r\n        <div class=\"mx-auto grid max-w-7xl grid-cols-1 items-center gap-10 px-5 py-16 md:grid-cols-2\">\r\n            <div class=\"relative z-10\">\r\n                <h1 class=\"font-poppins text-5xl font-black leading-[0.95] tracking-[-.02em] md:text-7xl\">\r\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\r\n                    <span class=\"block font-melody mt-2 text-5xl md:text-8xl text-[var(--nb-blue)]\" style=\"-webkit-text-stroke: 3px black; paint-order: stroke fill;\">GANG<\/span>\r\n                <\/h1>\r\n                <p class=\"mt-6 max-w-prose font-hanken text-lg font-bold border-l-4 border-black pl-4\">\r\n                    Parce que personne n'aime les t-shirts plates. Impression DTF, DTG et s\u00e9rigraphie qui font jaser (en bien) pour vos \u00e9v\u00e9nements et votre \u00e9quipe.\r\n                <\/p>\r\n                <div class=\"mt-8 flex flex-wrap items-center gap-4\">\r\n                    <a href=\"#quote\" class=\"nb-btn rounded-2xl bg-[var(--nb-blue)] px-6 py-4 font-poppins text-lg font-black uppercase hover:bg-[var(--nb-yellow)]\">Obtenir une soumission<\/a>\r\n                    <a href=\"#work\" class=\"nb-btn rounded-2xl bg-white px-6 py-4 font-poppins text-lg font-black\">Our services<\/a>\r\n                    <div class=\"nb-tag rounded-2xl bg-[var(--nb-green)] px-4 py-2 font-hanken text-xs font-extrabold uppercase tracking-wide\">Rush 48h disponible<\/div>\r\n                <\/div>\r\n                <div class=\"mt-8 flex flex-wrap gap-3 font-hanken text-xs font-extrabold\">\r\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Optimisation d'image incluse<\/span>\r\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Commandes de volume<\/span>\r\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Grandeurs XS\u20135XL<\/span>\r\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Service et solution<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Hero Graphic -->\r\n            <div class=\"relative mt-8 md:mt-0\">\r\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>\r\n                <div class=\"nb-card rounded-3xl bg-white p-4 relative\">\r\n                    \r\n                    <!-- Replacement: Single Image Placeholder -->\r\n                    <div class=\"nb-card aspect-[4\/3] w-full rounded-xl bg-gray-200 overflow-hidden relative group cursor-pointer\">\r\n                        <div class=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105 bg-gray-200 flex items-center justify-center text-center font-poppins font-bold text-gray-500\">\r\n                            [Image T-shirt Imprim\u00e9]\r\n                        <\/div>\r\n                        \r\n                        <!-- Overlay Tag -->\r\n                        <div class=\"absolute inset-0 flex items-center justify-center bg-black\/10 group-hover:bg-black\/20 transition-colors\">\r\n                            <span class=\"nb-tag bg-white px-4 py-2 font-hanken text-sm font-extrabold rotate-[-2deg] group-hover:rotate-0 transition-transform shadow-[4px_4px_0px_0px_black]\">Nouvelle Collection<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Modification: Split space into DTG and DTF -->\r\n                    <div class=\"mt-4 grid grid-cols-2 gap-4\">\r\n                        <div class=\"nb-card rounded-xl bg-[var(--nb-ink)] p-4 text-white\">\r\n                            <p class=\"font-poppins text-lg font-black\">DTG<\/p>\r\n                            <p class=\"font-hanken text-sm font-semibold opacity-80\">Impression Num\u00e9rique<\/p>\r\n                        <\/div>\r\n                        <div class=\"nb-card rounded-xl bg-[var(--nb-green)] p-4\">\r\n                            <p class=\"font-poppins text-lg font-black\">DTF<\/p>\r\n                            <p class=\"font-hanken text-sm font-semibold\">Impression sur Film<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Social Proof Strip -->\r\n    <section class=\"border-b-4 border-black bg-white\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-10\">\r\n            <div class=\"nb-card rounded-3xl bg-[var(--nb-yellow)] p-8 text-center\">\r\n                <p class=\"font-hanken text-sm font-extrabold uppercase tracking-widest mb-6\">Ils nous font confiance : artistes, marques et festivals<\/p>\r\n                <div class=\"grid grid-cols-2 items-center gap-6 md:grid-cols-6\">\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:-rotate-3 transition-transform\">Cinemacinema<\/div>\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:rotate-3 transition-transform\">CUSM - MUHC<\/div>\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:-rotate-3 transition-transform\">F\u00e9d\u00e9ration Voile Qu\u00e9bec<\/div>\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:rotate-3 transition-transform\">Prospect Basketball<\/div>\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:-rotate-3 transition-transform\">Cinemania<\/div>\r\n                    <div class=\"nb-card rounded-xl bg-white p-3 text-center font-poppins text-lg font-black hover:rotate-3 transition-transform\">LCSM<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Services Section -->\r\n    <section id=\"work\" class=\"border-b-4 border-black bg-[#fafafa]\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\r\n            <div class=\"mb-12 flex flex-col md:flex-row md:items-end justify-between gap-4\">\r\n                <h2 class=\"font-poppins text-5xl font-black leading-none md:text-6xl\">Des services qui <span class=\"inline-block -rotate-1 rounded-xl border-4 border-black bg-[var(--nb-blue)] px-3 text-white shadow-[4px_4px_0px_0px_black]\">FLASHENT<\/span><\/h2>\r\n                <span class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold\">Techniques mixtes & sur mesure<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"grid gap-8 md:grid-cols-3\">\r\n                <!-- Service 1 -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\r\n                    <div class=\"nb-tag inline-block rounded-xl px-3 py-1 font-hanken text-[10px] font-extrabold uppercase tracking-wider mb-2\" style=\"background:var(--nb-pink);\">Silkscreen<\/div>\r\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">Silkscreen<\/h3>\r\n                    <p class=\"mt-3 font-hanken text-base font-semibold leading-relaxed\">Couleurs \u00e9clatantes (spot colors), demi-tons et encres m\u00e9talliques. La r\u00e9f\u00e9rence pour le volume.<\/p>\r\n                    <a href=\"#quote\" class=\"mt-6 w-full text-center inline-block nb-btn rounded-xl bg-black px-4 py-3 font-poppins text-sm font-black text-white hover:bg-[var(--nb-yellow)] hover:text-black\">Choisir \u00e7a<\/a>\r\n                <\/div>\r\n\r\n                <!-- Service 2 -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\r\n                    <div class=\"nb-tag inline-block rounded-xl px-3 py-1 font-hanken text-[10px] font-extrabold uppercase tracking-wider mb-2\" style=\"background:var(--nb-yellow);\">Num\u00e9rique<\/div>\r\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">DTG printing<\/h3>\r\n                    <p class=\"mt-3 font-hanken text-base font-semibold leading-relaxed\">Qualit\u00e9 photo, couleur illimit\u00e9e, sur demande. Id\u00e9al les d\u00e9grad\u00e9s complexes. Doux au toucher.<\/p>\r\n                    <a href=\"#quote\" class=\"mt-6 w-full text-center inline-block nb-btn rounded-xl bg-black px-4 py-3 font-poppins text-sm font-black text-white hover:bg-[var(--nb-yellow)] hover:text-black\">Choisir \u00e7a<\/a>\r\n                <\/div>\r\n\r\n                <!-- Service 3 -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\r\n                    <div class=\"nb-tag inline-block rounded-xl px-3 py-1 font-hanken text-[10px] font-extrabold uppercase tracking-wider mb-2\" style=\"background:var(--nb-green);\">Transfert<\/div>\r\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">DTF printing<\/h3>\r\n                    <p class=\"mt-3 font-hanken text-base font-semibold leading-relaxed\">La polyvalence incarn\u00e9e. Couleurs vibrantes, d\u00e9tails fins et ultra-durable sur tous les tissus (coton, polyester, nylon).<\/p>\r\n                    <a href=\"#quote\" class=\"mt-6 w-full text-center inline-block nb-btn rounded-xl bg-black px-4 py-3 font-poppins text-sm font-black text-white hover:bg-[var(--nb-yellow)] hover:text-black\">Choisir \u00e7a<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section id=\"pricing\" class=\"border-b-4 border-black bg-white\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\r\n            <h2 class=\"font-poppins text-5xl font-black md:text-6xl text-center md:text-left mb-12\">Des prix doux, sans <span class=\"inline-block rotate-1 rounded-xl border-4 border-black bg-[var(--nb-yellow)] px-3 shadow-[4px_4px_0px_0px_black]\">mauvaise surprise<\/span><\/h2>\r\n            \r\n            <div class=\"grid gap-8 md:grid-cols-3 items-start\">\r\n                \r\n                <!-- Starter Tier -->\r\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-ivory)] relative mt-4\">\r\n                    <div class=\"flex items-baseline justify-between\">\r\n                        <h3 class=\"font-poppins text-2xl font-black\">D\u00e9marrage<\/h3>\r\n                    <\/div>\r\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\r\n                        <span class=\"font-melody text-5xl\" style=\"font-variation-settings:'wght' 900;\">7$<\/span>\r\n                        <span class=\"font-poppins text-xl font-black\">\/t-shirt<\/span>\r\n                    <\/div>\r\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase text-gray-500\">Petite \u00e9quipe<\/p>\r\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-[var(--nb-green)] border-2 border-black rounded-full\"><\/div> DTG jusqu'\u00e0 12x16\"<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-[var(--nb-green)] border-2 border-black rounded-full\"><\/div> Pas de frais de setup<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-[var(--nb-green)] border-2 border-black rounded-full\"><\/div> 1\u201320 morceaux<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-[var(--nb-green)] border-2 border-black rounded-full\"><\/div> 2\u20133 jours d\u00e9lai<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#quote\" class=\"mt-8 block w-full nb-btn rounded-xl bg-white px-4 py-3 font-poppins text-sm font-black uppercase\">Choisir D\u00e9marrage<\/a>\r\n                <\/div>\r\n\r\n                <!-- Merch Drop Tier (Highlighted) -->\r\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-blue)] scale-105 z-10 shadow-[8px_8px_0px_0px_black]\">\r\n                    <div class=\"absolute -top-5 left-1\/2 -translate-x-1\/2 nb-tag bg-[var(--nb-pink)] px-4 py-1 font-black text-xs uppercase rotate-2\">Populaire<\/div>\r\n                    <div class=\"flex items-baseline justify-between\">\r\n                        <h3 class=\"font-poppins text-3xl font-black\">Collection<\/h3>\r\n                    <\/div>\r\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\r\n                        <span class=\"font-melody text-6xl\" style=\"font-variation-settings:'wght' 900;\">5$<\/span>\r\n                        <span class=\"font-poppins text-2xl font-black\">\/t-shirt<\/span>\r\n                    <\/div>\r\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase opacity-80\">Id\u00e9al pour 50\u2013250 unit\u00e9s<\/p>\r\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> S\u00e9rigraphie 1\u20133 couleurs<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> Setup films inclus<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> 50\u2013250 morceaux<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> 5\u20137 jours d\u00e9lai<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#quote\" class=\"mt-8 block w-full nb-btn rounded-xl bg-black text-white px-4 py-3 font-poppins text-sm font-black uppercase hover:bg-white hover:text-black\">Choisir Collection<\/a>\r\n                <\/div>\r\n\r\n                <!-- Pro Tier -->\r\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-green)] mt-4\">\r\n                    <div class=\"flex items-baseline justify-between\">\r\n                        <h3 class=\"font-poppins text-2xl font-black\">Pro<\/h3>\r\n                    <\/div>\r\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\r\n                        <span class=\"font-melody text-5xl\" style=\"font-variation-settings:'wght' 900;\">3$<\/span>\r\n                        <span class=\"font-poppins text-xl font-black\">\/t-shirt<\/span>\r\n                    <\/div>\r\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase opacity-70\">Volume & \u00e9conomies<\/p>\r\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> S\u00e9rigraphie 4\u20136 couleurs<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> Match Pantone inclus<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> 250+ morceaux<\/li>\r\n                        <li class=\"flex items-center gap-2\"><div class=\"w-3 h-3 bg-white border-2 border-black rounded-full\"><\/div> 7\u201310 jours d\u00e9lai<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#quote\" class=\"mt-8 block w-full nb-btn rounded-xl bg-white px-4 py-3 font-poppins text-sm font-black uppercase\">Choisir Pro<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Gallery Section -->\r\n    <section class=\"border-b-4 border-black overflow-hidden\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-16\">\r\n            <div class=\"mb-8 flex items-end justify-between\">\r\n                <h2 class=\"font-poppins text-4xl font-black\">Quelques <span class=\"inline-block -rotate-2 rounded-xl border-4 border-black bg-[var(--nb-pink)] px-2 shadow-[4px_4px_0px_0px_black]\">r\u00e9alisations<\/span><\/h2>\r\n                <a href=\"#quote\" class=\"nb-btn rounded-xl bg-white px-4 py-2 font-poppins text-sm font-black\">Imprimez les v\u00f4tres<\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"grid grid-cols-2 gap-6 md:grid-cols-3\">\r\n                <!-- Gallery Item 1 -->\r\n                <div class=\"group relative\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-110 flex items-center justify-center font-poppins font-bold text-gray-500 text-center\">\r\n                                 [Image Photo 1]\r\n                             <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer z-10\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                 <!-- Gallery Item 2 -->\r\n                 <div class=\"group relative mt-8 md:mt-0\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">2<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                 <!-- Gallery Item 3 -->\r\n                 <div class=\"group relative\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">3<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                 <!-- Gallery Item 4 -->\r\n                 <div class=\"group relative mt-8 md:mt-0\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">4<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                 <!-- Gallery Item 5 -->\r\n                 <div class=\"group relative\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">5<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                 <!-- Gallery Item 6 -->\r\n                 <div class=\"group relative mt-8 md:mt-0\">\r\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\r\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\r\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">6<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"absolute inset-0 hidden items-center justify-center rounded-2xl bg-black\/80 text-white group-hover:flex transition-all cursor-pointer\">\r\n                        <span class=\"nb-tag rounded-lg bg-[var(--nb-yellow)] text-black border-2 border-white px-4 py-2 font-hanken text-sm font-extrabold shadow-[4px_4px_0px_0px_white]\">Voir<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials -->\r\n    <section class=\"border-b-4 border-black bg-[var(--nb-yellow)]\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\r\n            <h2 class=\"font-poppins text-4xl font-black text-center mb-10\">Ceux qui nous envoient du <span class=\"inline-block -rotate-2 rounded-xl border-4 border-black bg-white px-3 shadow-[4px_4px_0px_0px_black]\">love<\/span><\/h2>\r\n            <div class=\"grid gap-8 md:grid-cols-3\">\r\n                \r\n                <!-- 1. SL DB -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\r\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\r\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'autant plus qu'ils effectuent le travail rapidement. Je recommande!\u201d<\/p>\r\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\r\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">SL DB<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 2. Julien Conte -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative mt-6 md:mt-0 hover:-translate-y-1 transition-transform\">\r\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\r\n                    <p class=\"font-melody text-xl leading-tight pt-4\">\u201cFrancis, une personne \u00e0 l'\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>\r\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\r\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">Julien Conte<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. Sammar Alali -->\r\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\r\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\r\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>\r\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\r\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">Sammar Alali<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section id=\"faq\" class=\"border-b-4 border-black bg-white\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\r\n            <h2 class=\"font-poppins text-4xl font-black mb-8\">FAQ, simple comme <span class=\"inline-block rotate-1 rounded-xl border-4 border-black bg-[var(--nb-blue)] px-2 shadow-[4px_4px_0px_0px_black] text-white\">bonjour<\/span><\/h2>\r\n            <div class=\"grid gap-6 md:grid-cols-2\">\r\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\r\n                    <p class=\"font-poppins text-xl font-black mb-2\">C'est quoi les fichiers?<\/p>\r\n                    <p class=\"font-hanken text-sm font-bold\">Vectoriel (AI\/PDF) ou PNG 300DPI \u00e0 la taille d'impression. Nous pouvons vous aider si vous n'avez plus les documents originaux.<\/p>\r\n                <\/div>\r\n                <div class=\"nb-card rounded-2xl bg-white p-6\">\r\n                    <p class=\"font-poppins text-xl font-black mb-2\">Match de couleurs?<\/p>\r\n                    <p class=\"font-hanken text-sm font-bold\">En DTG et en DTF, il est impossible d\u2019obtenir un match Pantone exact, contrairement \u00e0 la s\u00e9rigraphie. Par contre, il est possible de faire des tests et d\u2019envoyer une photo ou un \u00e9chantillon.<\/p>\r\n                <\/div>\r\n                <div class=\"nb-card rounded-2xl bg-white p-6\">\r\n                    <p class=\"font-poppins text-xl font-black mb-2\">Commande minimum?<\/p>\r\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>\r\n                <\/div>\r\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\r\n                    <p class=\"font-poppins text-xl font-black mb-2\">D\u00e9lais?<\/p>\r\n                    <p class=\"font-hanken text-sm font-bold\">Standard 5\u20137 jours ouvrables. Rush 48h dispo si le linge est en stock.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Quote \/ Contact Section -->\r\n    <section id=\"quote\" class=\"border-b-4 border-black bg-[#fafafa]\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\r\n            <div class=\"grid gap-12 md:grid-cols-2\">\r\n                \r\n                <!-- Form -->\r\n                <div>\r\n                    <h2 class=\"font-poppins text-5xl font-black mb-2\">Soumission gratuite<\/h2>\r\n                    <p class=\"font-hanken text-base font-bold text-gray-600 mb-8\">Dites-nous ce que vous voulez imprimer. On r\u00e9pond plus vite que votre caf\u00e9 ne refroidit.<\/p>\r\n                    \r\n                    <!-- Configured for mailto submission -->\r\n                    <form class=\"space-y-4\" action=\"mailto:info@pixelpixel.xyz\" method=\"post\" enctype=\"text\/plain\" data-trp-original-action=\"mailto:info@pixelpixel.xyz\">\r\n                        <div class=\"grid grid-cols-2 gap-4\">\r\n                             <label class=\"block\">\r\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Last name<\/span>\r\n                                <input name=\"nom\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold placeholder:font-normal focus:bg-[var(--nb-ivory)] outline-none\" placeholder=\"Votre nom\" required \/>\r\n                            <\/label>\r\n                            <label class=\"block\">\r\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Email<\/span>\r\n                                <input name=\"email\" type=\"email\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold placeholder:font-normal focus:bg-[var(--nb-ivory)] outline-none\" placeholder=\"Email\" required \/>\r\n                            <\/label>\r\n                        <\/div>\r\n                       \r\n                        <div class=\"grid grid-cols-2 gap-4\">\r\n                            <label class=\"block\">\r\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Amount<\/span>\r\n                                <input name=\"quantite\" type=\"number\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold placeholder:font-normal focus:bg-[var(--nb-ivory)] outline-none\" placeholder=\"ex. 50\" \/>\r\n                            <\/label>\r\n                            <label class=\"block\">\r\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">M\u00e9thode<\/span>\r\n                                <select name=\"methode\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold focus:bg-[var(--nb-ivory)] outline-none appearance-none\">\r\n                                    <option value=\"DTG\">DTG (Num\u00e9rique)<\/option>\r\n                                    <option value=\"Serigraphie\">Silkscreen<\/option>\r\n                                    <option value=\"DTF\">DTF Presado<\/option>\r\n                                    <option value=\"Inconnu\">Je ne sais pas<\/option>\r\n                                <\/select>\r\n                            <\/label>\r\n                        <\/div>\r\n                        \r\n                        <label class=\"block\">\r\n                            <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">V\u00eatement \/ Marque<\/span>\r\n                            <input name=\"vetement\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold placeholder:font-normal focus:bg-[var(--nb-ivory)] outline-none\" placeholder=\"ex. Gildan Hammer, Comfort Colors...\" \/>\r\n                        <\/label>\r\n\r\n                        <label class=\"block\">\r\n                            <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Lien Artwork \/ Notes<\/span>\r\n                            <textarea name=\"notes\" rows=\"4\" class=\"nb-card w-full rounded-xl bg-white p-3 font-hanken text-sm font-bold placeholder:font-normal focus:bg-[var(--nb-ivory)] outline-none\" placeholder=\"Lien vers vos fichiers ou description du projet\"><\/textarea>\r\n                        <\/label>\r\n                        \r\n                        <button type=\"submit\" class=\"nb-btn w-full rounded-2xl bg-[var(--nb-ink)] px-6 py-4 font-poppins text-lg font-black text-white hover:bg-[var(--nb-blue)] hover:text-black uppercase tracking-wide\">Request a quote<\/button>\r\n                        <p class=\"font-hanken text-xs font-extrabold text-center text-gray-500\">En cliquant, votre client courriel s'ouvrira pour envoyer les infos.<\/p>\r\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n                <\/div>\r\n\r\n                <!-- Info Box -->\r\n                <div class=\"relative mt-8 md:mt-0\">\r\n                    <div class=\"absolute -inset-4 -z-10 rotate-[-1.5deg] rounded-3xl border-4 border-black bg-[var(--nb-yellow)] shadow-[8px_8px_0px_0px_black]\"><\/div>\r\n                    <div class=\"nb-card rounded-3xl bg-white p-8\">\r\n                        <p class=\"font-poppins text-2xl font-black\">Pourquoi PIXEL PIXEL ?<\/p>\r\n                        <ul class=\"mt-6 space-y-4 font-hanken text-sm font-extrabold\">\r\n                            <li class=\"flex items-center gap-3\">\r\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\r\n                                Test presse gratuit (commandes 250+)\r\n                            <\/li>\r\n                            <li class=\"flex items-center gap-3\">\r\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\r\n                                Maquettes num\u00e9riques en 24h\r\n                            <\/li>\r\n                            <li class=\"flex items-center gap-3\">\r\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\r\n                                V\u00eatements \u00e9thiques sur demande\r\n                            <\/li>\r\n                            <li class=\"flex items-center gap-3\">\r\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\r\n                                Livraison mondiale avec suivi\r\n                            <\/li>\r\n                        <\/ul>\r\n                        \r\n                        <div class=\"mt-8 grid grid-cols-3 gap-4\">\r\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\r\n                                <p class=\"font-poppins text-xs font-black uppercase\">D\u00e9lai moy.<\/p>\r\n                                <p class=\"font-melody text-2xl mt-1\">5-7j<\/p>\r\n                            <\/div>\r\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\r\n                                <p class=\"font-poppins text-xs font-black uppercase\">Livr\u00e9es<\/p>\r\n                                <p class=\"font-melody text-2xl mt-1\">12k+<\/p>\r\n                            <\/div>\r\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\r\n                                <p class=\"font-poppins text-xs font-black uppercase\">Clients<\/p>\r\n                                <p class=\"font-melody text-2xl mt-1\">72%<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer id=\"contact\" class=\"bg-black text-white\">\r\n        <div class=\"mx-auto max-w-7xl px-5 py-12\">\r\n            <div class=\"grid gap-8 md:grid-cols-4\">\r\n                <div class=\"md:col-span-2\">\r\n                    <div class=\"flex items-center gap-2 mb-4\">\r\n                        <p class=\"font-poppins text-2xl font-black\">PIXEL PIXEL<\/p>\r\n                    <\/div>\r\n                    <p class=\"font-hanken text-sm font-semibold text-gray-400\">Atelier d'impression textile sur mesure.<br>Mascouche \u2022 Monde entier<\/p>\r\n                <\/div>\r\n                <div class=\"space-y-3 font-hanken text-sm font-bold\">\r\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#work\">R\u00e9alisations<\/a>\r\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#pricing\">Tarifs<\/a>\r\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#faq\">Faq<\/a>\r\n                <\/div>\r\n                <div class=\"space-y-3 font-hanken text-sm font-bold\">\r\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"mailto:info@pixelpixel.xyz\">info@pixelpixel.xyz<\/a>\r\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"tel:+14505550123\">+1 (450) 555\u20110123<\/a>\r\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"#quote\">Obtenir une soumission<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"mt-12 border-t border-white\/20 pt-6 text-center font-hanken text-xs text-gray-500\">\u00a9 2026 PIXEL PIXEL \u2014 Tous droits r\u00e9serv\u00e9s.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- Scripts -->\r\n    <script>\r\n        \/\/ Mobile Menu Toggle\r\n        const menuBtn = document.getElementById('menu-btn');\r\n        const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n        menuBtn.addEventListener('click', () => {\r\n            if (mobileMenu.classList.contains('menu-hidden')) {\r\n                mobileMenu.classList.remove('menu-hidden');\r\n                mobileMenu.classList.add('menu-visible');\r\n            } else {\r\n                mobileMenu.classList.add('menu-hidden');\r\n                mobileMenu.classList.remove('menu-visible');\r\n            }\r\n        });\r\n\r\n        \/\/ Close menu when a link is clicked\r\n        mobileMenu.querySelectorAll('a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                mobileMenu.classList.add('menu-hidden');\r\n                mobileMenu.classList.remove('menu-visible');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PIXEL PIXEL | Impression Textile Sur Mesure PIXEL PIXEL R\u00e9alisations Tarifs FAQ Contact Soumission R\u00e9alisations Tarifs FAQ Contact Demander une soumission Faites briller votre MARQUE, habillez votre GANG 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 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-55045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/pages\/55045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/comments?post=55045"}],"version-history":[{"count":7,"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/pages\/55045\/revisions"}],"predecessor-version":[{"id":55053,"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/pages\/55045\/revisions\/55053"}],"wp:attachment":[{"href":"https:\/\/www.pixelpixel.xyz\/en\/wp-json\/wp\/v2\/media?parent=55045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}