{"id":16,"date":"2026-01-30T22:51:06","date_gmt":"2026-01-30T22:51:06","guid":{"rendered":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/?page_id=16"},"modified":"2026-01-30T22:53:56","modified_gmt":"2026-01-30T22:53:56","slug":"elementor-16","status":"publish","type":"page","link":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/","title":{"rendered":"Elementor #16"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f056289 e-con-full e-flex e-con e-parent\" data-id=\"f056289\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-101fad0 elementor-widget elementor-widget-html\" data-id=\"101fad0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\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&amp;family=Hanken+Grotesk:wght@400;600;800;900&amp;family=Poppins:wght@400;800;900&amp;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\r\n\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\">Soumission<\/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\"><\/path>\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\">Demander une soumission<\/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                    Propulsez 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>, unifiez 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;\">\u00c9QUIPE<\/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                    Le v\u00eatement comme outil de communication et de team building. Impression DTF, DTG et s\u00e9rigraphie corporative pour vos \u00e9v\u00e9nements, uniformes et promotions.\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\">Nos 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\">Respect de votre charte graphique<\/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\">Livraison bureaux &amp; \u00e9v\u00e9nements<\/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                        <!-- Placeholder Image (Fashion\/Printing Vibe) -->\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"T-shirt Printing Hero\" class=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105\">\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\">NOISE<\/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\">VAULT<\/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\">SYNTH<\/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\">GALLERY<\/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\">ATLAS<\/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\">NOVA<\/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 &amp; 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);\">S\u00e9rigraphie<\/div>\r\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">S\u00e9rigraphie<\/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<\/a><\/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\">Impression DTG<\/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 pour les petits lots et les d\u00e9grad\u00e9s complexes.<\/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<\/a><\/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);\">Fils<\/div>\r\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">Broderie<\/h3>\r\n                    <p class=\"mt-3 font-hanken text-base font-semibold leading-relaxed\">Fils premium, effets 3D \"puff\" et satin\u00e9s. Le top pour les casquettes, toques et hoodies \u00e9pais.<\/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<\/a><\/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\">Prix simples et <span class=\"inline-block rotate-1 rounded-xl border-4 border-black bg-[var(--nb-yellow)] px-3 shadow-[4px_4px_0px_0px_black]\">transparents<\/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;\">$<\/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\">Parfait pour tester<\/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;\">$<\/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 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;\">$<\/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 &amp; \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            <!-- Modified Grid: Changed from md:grid-cols-4 to md:grid-cols-3 for better layout of 6 items -->\r\n            <div class=\"grid grid-cols-2 gap-6 md:grid-cols-3\">\r\n                <!-- Gallery Item 1 (Updated with Photo) -->\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                             <!-- Replace the src below with your local file path: 'photo 1.jpg' -->\r\n                             <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529139574466-a302d2d3f524?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Custom Cat Print Sweatshirt\" class=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-110\">\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 <span class=\"inline-block -rotate-2 rounded-xl border-4 border-black bg-white px-3 shadow-[4px_4px_0px_0px_black]\">jase<\/span>&nbsp;de nous<\/h2>\r\n            <div class=\"grid gap-8 md:grid-cols-3\">\r\n                \r\n                <!-- 1. Local Coffee (Moved to first) -->\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-2xl leading-tight pt-4\">\u201cLa broderie 3D est vraiment 3D, pas juste \u00e0 peu pr\u00e8s. Malade.\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\">Local Coffee<\/p>\r\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">100 Casquettes<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 2. NOVA BAND (Middle) -->\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-2xl leading-tight pt-4\">\u201cLes couleurs *claquent*. Le d\u00e9lai \u00e9tait fou raide. Nos t-shirts sont sold out.\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\">NOVA BAND<\/p>\r\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">500 t-shirts \u2022 6 couleurs<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. Streetwear Co. (Moved to last) -->\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-2xl leading-tight pt-4\">\u201cD'habitude les shops d'impression c'est l'enfer. Eux autres sont juste... efficaces.\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\">Streetwear Co.<\/p>\r\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">50 \u00e9chantillons DTG<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section (Translated for consistency) -->\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, mais <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\">brutale<\/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\/SVG) ou PNG 300DPI \u00e0 la taille d'impression. On aide si besoin.<\/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\">Oui. Pantone Solid Coated inclus avec le forfait Pro, dispo pour les autres.<\/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 : <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 \u00e0 la vitesse de l'\u00e9clair.<\/p>\r\n                    \r\n                    <form class=\"space-y-4\">\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\">Nom<\/span>\r\n                                <input 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\">\r\n                            <\/label>\r\n                            <label class=\"block\">\r\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Courriel<\/span>\r\n                                <input 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=\"Courriel\">\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\">Quantit\u00e9<\/span>\r\n                                <input 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 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>DTG (Num\u00e9rique)<\/option>\r\n                                    <option>S\u00e9rigraphie<\/option>\r\n                                    <option>Broderie<\/option>\r\n                                    <option>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 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 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 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\">Demander une soumission<\/button>\r\n                        <p class=\"font-hanken text-xs font-extrabold text-center text-gray-500\">En cliquant, vous acceptez nos termes. On respecte votre bo\u00eete de r\u00e9ception.<\/p>\r\n                    <\/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:hello@pixelpixel.xyz\">hello@pixelpixel.xyz<\/a>\r\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"tel:+14165550123\">+1 (416) 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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","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 Propulsez votre MARQUE, unifiez votre \u00c9QUIPE Le v\u00eatement comme outil de communication et de team building. Impression DTF, DTG et s\u00e9rigraphie corporative pour vos \u00e9v\u00e9nements, uniformes et promotions. Obtenir une soumission Nos services Rush [&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-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elementor #16 - test<\/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:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #16 - test\" \/>\n<meta property=\"og:description\" content=\"PIXEL PIXEL | Impression Textile Sur Mesure PIXEL PIXEL R\u00e9alisations Tarifs FAQ Contact Soumission R\u00e9alisations Tarifs FAQ Contact Demander une soumission Propulsez votre MARQUE, unifiez votre \u00c9QUIPE Le v\u00eatement comme outil de communication et de team building. Impression DTF, DTG et s\u00e9rigraphie corporative pour vos \u00e9v\u00e9nements, uniformes et promotions. Obtenir une soumission Nos services Rush [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/\" \/>\n<meta property=\"og:site_name\" content=\"test\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-30T22:53:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/\",\"url\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/\",\"name\":\"Elementor #16 - test\",\"isPartOf\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\",\"datePublished\":\"2026-01-30T22:51:06+00:00\",\"dateModified\":\"2026-01-30T22:53:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #16\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website\",\"url\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/\",\"name\":\"test\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor #16 - test","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:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/","og_locale":"en_US","og_type":"article","og_title":"Elementor #16 - test","og_description":"PIXEL PIXEL | Impression Textile Sur Mesure PIXEL PIXEL R\u00e9alisations Tarifs FAQ Contact Soumission R\u00e9alisations Tarifs FAQ Contact Demander une soumission Propulsez votre MARQUE, unifiez votre \u00c9QUIPE Le v\u00eatement comme outil de communication et de team building. Impression DTF, DTG et s\u00e9rigraphie corporative pour vos \u00e9v\u00e9nements, uniformes et promotions. Obtenir une soumission Nos services Rush [&hellip;]","og_url":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/","og_site_name":"test","article_modified_time":"2026-01-30T22:53:56+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/","url":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/","name":"Elementor #16 - test","isPartOf":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage"},"image":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80","datePublished":"2026-01-30T22:51:06+00:00","dateModified":"2026-01-30T22:53:56+00:00","breadcrumb":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1562157873-818bc0726f68?ixlib=rb-4.0.3&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/elementor-16\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/"},{"@type":"ListItem","position":2,"name":"Elementor #16"}]},{"@type":"WebSite","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website","url":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/","name":"test","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":7,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}