{"id":9,"date":"2026-01-30T22:48:54","date_gmt":"2026-01-30T22:48:54","guid":{"rendered":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/?page_id=9"},"modified":"2026-01-30T22:49:46","modified_gmt":"2026-01-30T22:49:46","slug":"hp","status":"publish","type":"page","link":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/","title":{"rendered":"hp"},"content":{"rendered":"\n
\n\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PIXEL PIXEL | Impression Textile Sur Mesure<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dela+Gothic+One&amp;family=Hanken+Grotesk:wght@400;600;800;900&amp;family=Poppins:wght@400;800;900&amp;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <style>\n        :root {\n            \/* Neo-Brutalist Palette *\/\n            --nb-ivory: #F4F3EF;\n            --nb-yellow: #FFDE59;\n            --nb-pink: #FF90E8;\n            --nb-blue: #54C1FF;\n            --nb-green: #00E092;\n            --nb-ink: #1a1a1a;\n        }\n\n        \/* Font Mappings *\/\n        .font-poppins { font-family: 'Poppins', sans-serif; }\n        .font-hanken { font-family: 'Hanken Grotesk', sans-serif; }\n        .font-melody { font-family: 'Dela Gothic One', cursive; letter-spacing: -0.02em; }\n\n        \/* Custom Utilities for that \"Hard\" look *\/\n        .nb-card {\n            border: 3px solid black;\n            box-shadow: 5px 5px 0px 0px black;\n            transition: all 0.2s ease;\n        }\n        \n        .nb-btn {\n            border: 3px solid black;\n            box-shadow: 4px 4px 0px 0px black;\n            transition: all 0.1s ease;\n            cursor: pointer;\n            display: inline-block;\n            text-align: center;\n        }\n\n        .nb-btn:active {\n            transform: translate(2px, 2px);\n            box-shadow: 2px 2px 0px 0px black;\n        }\n        \n        .nb-btn:hover {\n            transform: translate(-1px, -1px);\n            box-shadow: 6px 6px 0px 0px black;\n        }\n\n        .nb-tag {\n            border: 2px solid black;\n            box-shadow: 2px 2px 0px 0px black;\n        }\n\n        \/* Background Patterns *\/\n        .nb-dot {\n            background-image: radial-gradient(black 1px, transparent 1px);\n            background-size: 20px 20px;\n            opacity: 0.1;\n        }\n\n        .nb-stripes {\n            background: repeating-linear-gradient(\n                45deg,\n                rgba(0,0,0,0.1),\n                rgba(0,0,0,0.1) 10px,\n                transparent 10px,\n                transparent 20px\n            );\n        }\n\n        \/* Mobile Menu Animation *\/\n        #mobile-menu {\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            transform-origin: top;\n        }\n        .menu-hidden {\n            transform: scaleY(0);\n            height: 0;\n            opacity: 0;\n        }\n        .menu-visible {\n            transform: scaleY(1);\n            height: auto;\n            opacity: 1;\n        }\n    <\/style>\n\n\n\n    <!-- Header -->\n    <header class=\"sticky top-0 z-40 border-b-4 border-black bg-[var(--nb-ivory)]\">\n        <div class=\"mx-auto flex max-w-7xl items-center justify-between gap-4 px-5 py-3\">\n            <!-- Logo -->\n            <div class=\"flex items-center\">\n                <div class=\"flex flex-col leading-[0.75]\">\n                    <span class=\"font-poppins text-3xl font-black tracking-tight\">PIXEL<\/span>\n                    <span class=\"font-poppins text-3xl font-black tracking-tight\">PIXEL<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Desktop Nav -->\n            <nav class=\"hidden items-center gap-4 md:flex\">\n                <a href=\"#work\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">R\u00e9alisations<\/a>\n                <a href=\"#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>\n                <a href=\"#faq\" class=\"nb-tag rounded-xl bg-white px-4 py-2 font-hanken text-sm font-extrabold hover:rotate-[-1deg] transition-transform\">FAQ<\/a>\n                <a href=\"#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>\n            <\/nav>\n\n            <!-- CTA & Mobile Menu Button -->\n            <div class=\"flex items-center gap-3\">\n                <a href=\"#quote\" class=\"hidden sm:block nb-btn rounded-xl bg-[var(--nb-pink)] px-4 py-2 font-poppins text-sm font-black uppercase\">Soumission<\/a>\n                \n                <!-- Mobile Hamburger -->\n                <button id=\"menu-btn\" class=\"md:hidden nb-btn rounded-xl bg-white p-2\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Nav Dropdown -->\n        <div id=\"mobile-menu\" class=\"menu-hidden overflow-hidden border-t-4 border-black bg-white md:hidden\">\n            <nav class=\"flex flex-col p-4 gap-3\">\n                <a href=\"#work\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">R\u00e9alisations<\/a>\n                <a href=\"#pricing\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">Tarifs<\/a>\n                <a href=\"#faq\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">FAQ<\/a>\n                <a href=\"#contact\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-ivory)] px-4 py-3 font-hanken font-extrabold text-left\">Contact<\/a>\n                <a href=\"#quote\" class=\"nb-btn w-full rounded-xl bg-[var(--nb-pink)] px-4 py-3 font-poppins font-black uppercase text-center mt-2\">Demander une soumission<\/a>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"relative overflow-hidden border-b-4 border-black\">\n        <div class=\"pointer-events-none absolute inset-0 nb-dot\"><\/div>\n        <div class=\"mx-auto grid max-w-7xl grid-cols-1 items-center gap-10 px-5 py-16 md:grid-cols-2\">\n            <div class=\"relative z-10\">\n                <h1 class=\"font-poppins text-5xl font-black leading-[0.95] tracking-[-.02em] md:text-7xl\">\n                    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\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>\n                <\/h1>\n                <p class=\"mt-6 max-w-prose font-hanken text-lg font-bold border-l-4 border-black pl-4\">\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.\n                <\/p>\n                <div class=\"mt-8 flex flex-wrap items-center gap-4\">\n                    <a href=\"#quote\" class=\"nb-btn rounded-2xl bg-[var(--nb-blue)] px-6 py-4 font-poppins text-lg font-black uppercase hover:bg-[var(--nb-yellow)]\">Obtenir une soumission<\/a>\n                    <a href=\"#work\" class=\"nb-btn rounded-2xl bg-white px-6 py-4 font-poppins text-lg font-black\">Nos services<\/a>\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>\n                <\/div>\n                <div class=\"mt-8 flex flex-wrap gap-3 font-hanken text-xs font-extrabold\">\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Respect de votre charte graphique<\/span>\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Commandes de volume<\/span>\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Grandeurs XS\u20135XL<\/span>\n                    <span class=\"nb-tag rounded-xl bg-white px-3 py-2\">Livraison bureaux &amp; \u00e9v\u00e9nements<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Hero Graphic -->\n            <div class=\"relative mt-8 md:mt-0\">\n                <div class=\"absolute -inset-6 -z-10 rotate-2 rounded-3xl border-4 border-black bg-[var(--nb-pink)] shadow-[8px_8px_0px_0px_black]\"><\/div>\n                <div class=\"nb-card rounded-3xl bg-white p-4 relative\">\n                    \n                    <!-- Replacement: Single Image Placeholder -->\n                    <div class=\"nb-card aspect-[4\/3] w-full rounded-xl bg-gray-200 overflow-hidden relative group cursor-pointer\">\n                        <!-- Placeholder Image (Fashion\/Printing Vibe) -->\n                        <img 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\">\n                        \n                        <!-- Overlay Tag -->\n                        <div class=\"absolute inset-0 flex items-center justify-center bg-black\/10 group-hover:bg-black\/20 transition-colors\">\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>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Modification: Split space into DTG and DTF -->\n                    <div class=\"mt-4 grid grid-cols-2 gap-4\">\n                        <div class=\"nb-card rounded-xl bg-[var(--nb-ink)] p-4 text-white\">\n                            <p class=\"font-poppins text-lg font-black\">DTG<\/p>\n                            <p class=\"font-hanken text-sm font-semibold opacity-80\">Impression Num\u00e9rique<\/p>\n                        <\/div>\n                        <div class=\"nb-card rounded-xl bg-[var(--nb-green)] p-4\">\n                            <p class=\"font-poppins text-lg font-black\">DTF<\/p>\n                            <p class=\"font-hanken text-sm font-semibold\">Impression sur Film<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Social Proof Strip -->\n    <section class=\"border-b-4 border-black bg-white\">\n        <div class=\"mx-auto max-w-7xl px-5 py-10\">\n            <div class=\"nb-card rounded-3xl bg-[var(--nb-yellow)] p-8 text-center\">\n                <p class=\"font-hanken text-sm font-extrabold uppercase tracking-widest mb-6\">Ils nous font confiance : artistes, marques et festivals<\/p>\n                <div class=\"grid grid-cols-2 items-center gap-6 md:grid-cols-6\">\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>\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>\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>\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>\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>\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>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section id=\"work\" class=\"border-b-4 border-black bg-[#fafafa]\">\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\n            <div class=\"mb-12 flex flex-col md:flex-row md:items-end justify-between gap-4\">\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>\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>\n            <\/div>\n            \n            <div class=\"grid gap-8 md:grid-cols-3\">\n                <!-- Service 1 -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\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>\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">S\u00e9rigraphie<\/h3>\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>\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>\n\n                <!-- Service 2 -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\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>\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">Impression DTG<\/h3>\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>\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>\n\n                <!-- Service 3 -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 hover:-translate-y-2 transition-transform\">\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>\n                    <h3 class=\"mt-2 font-poppins text-3xl font-black\">Broderie<\/h3>\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>\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>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section id=\"pricing\" class=\"border-b-4 border-black bg-white\">\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\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>\n            \n            <div class=\"grid gap-8 md:grid-cols-3 items-start\">\n                \n                <!-- Starter Tier -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-ivory)] relative mt-4\">\n                    <div class=\"flex items-baseline justify-between\">\n                        <h3 class=\"font-poppins text-2xl font-black\">D\u00e9marrage<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\n                        <span class=\"font-melody text-5xl\" style=\"font-variation-settings:'wght' 900;\">$<\/span>\n                        <span class=\"font-poppins text-xl font-black\">\/t-shirt<\/span>\n                    <\/div>\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase text-gray-500\">Parfait pour tester<\/p>\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\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>\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>\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>\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>\n                    <\/ul>\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>\n                <\/div>\n\n                <!-- Merch Drop Tier (Highlighted) -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-blue)] scale-105 z-10 shadow-[8px_8px_0px_0px_black]\">\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>\n                    <div class=\"flex items-baseline justify-between\">\n                        <h3 class=\"font-poppins text-3xl font-black\">Collection<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\n                        <span class=\"font-melody text-6xl\" style=\"font-variation-settings:'wght' 900;\">$<\/span>\n                        <span class=\"font-poppins text-2xl font-black\">\/t-shirt<\/span>\n                    <\/div>\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase opacity-80\">Id\u00e9al pour 50 unit\u00e9s<\/p>\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\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>\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>\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>\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>\n                    <\/ul>\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>\n                <\/div>\n\n                <!-- Pro Tier -->\n                <div class=\"nb-card rounded-3xl p-6 bg-[var(--nb-green)] mt-4\">\n                    <div class=\"flex items-baseline justify-between\">\n                        <h3 class=\"font-poppins text-2xl font-black\">Pro<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 flex items-end gap-1 border-b-4 border-black pb-4\">\n                        <span class=\"font-melody text-5xl\" style=\"font-variation-settings:'wght' 900;\">$<\/span>\n                        <span class=\"font-poppins text-xl font-black\">\/t-shirt<\/span>\n                    <\/div>\n                    <p class=\"mt-4 font-hanken text-sm font-extrabold uppercase opacity-70\">Volume &amp; \u00e9conomies<\/p>\n                    <ul class=\"mt-4 space-y-2 font-hanken text-sm font-bold\">\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>\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>\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>\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>\n                    <\/ul>\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>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Gallery Section -->\n    <section class=\"border-b-4 border-black overflow-hidden\">\n        <div class=\"mx-auto max-w-7xl px-5 py-16\">\n            <div class=\"mb-8 flex items-end justify-between\">\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>\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>\n            <\/div>\n            <!-- Modified Grid: Changed from md:grid-cols-4 to md:grid-cols-3 for better layout of 6 items -->\n            <div class=\"grid grid-cols-2 gap-6 md:grid-cols-3\">\n                <!-- Gallery Item 1 (Updated with Photo) -->\n                <div class=\"group relative\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <!-- Replace the src below with your local file path: 'photo 1.jpg' -->\n                             <img 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\">\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n                 <!-- Gallery Item 2 -->\n                 <div class=\"group relative mt-8 md:mt-0\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">2<\/div>\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n                 <!-- Gallery Item 3 -->\n                 <div class=\"group relative\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">3<\/div>\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n                 <!-- Gallery Item 4 -->\n                 <div class=\"group relative mt-8 md:mt-0\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">4<\/div>\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n                 <!-- Gallery Item 5 -->\n                 <div class=\"group relative\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">5<\/div>\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n                 <!-- Gallery Item 6 -->\n                 <div class=\"group relative mt-8 md:mt-0\">\n                    <div class=\"nb-card aspect-[3\/4] w-full rounded-2xl bg-white p-2\">\n                        <div class=\"w-full h-full bg-gray-100 rounded-xl overflow-hidden relative\">\n                             <div class=\"absolute inset-0 flex items-center justify-center opacity-20 font-melody text-6xl\">6<\/div>\n                        <\/div>\n                    <\/div>\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\">\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>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials -->\n    <section class=\"border-b-4 border-black bg-[var(--nb-yellow)]\">\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\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>\n            <div class=\"grid gap-8 md:grid-cols-3\">\n                \n                <!-- 1. Local Coffee (Moved to first) -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\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>\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">Local Coffee<\/p>\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">100 Casquettes<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. NOVA BAND (Middle) -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative mt-6 md:mt-0 hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\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>\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">NOVA BAND<\/p>\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">500 t-shirts \u2022 6 couleurs<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Streetwear Co. (Moved to last) -->\n                <div class=\"nb-card rounded-3xl bg-white p-6 relative hover:-translate-y-1 transition-transform\">\n                    <div class=\"absolute -top-4 -right-4 text-6xl\">\u275d<\/div>\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>\n                    <div class=\"mt-6 border-t-2 border-black pt-4\">\n                        <p class=\"font-hanken text-sm font-extrabold uppercase\">Streetwear Co.<\/p>\n                        <p class=\"font-hanken text-xs font-semibold text-gray-500\">50 \u00e9chantillons DTG<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section (Translated for consistency) -->\n    <section id=\"faq\" class=\"border-b-4 border-black bg-white\">\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\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>\n            <div class=\"grid gap-6 md:grid-cols-2\">\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\n                    <p class=\"font-poppins text-xl font-black mb-2\">C'est quoi les fichiers?<\/p>\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>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-6\">\n                    <p class=\"font-poppins text-xl font-black mb-2\">Match de couleurs?<\/p>\n                    <p class=\"font-hanken text-sm font-bold\">Oui. Pantone Solid Coated inclus avec le forfait Pro, dispo pour les autres.<\/p>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-white p-6\">\n                    <p class=\"font-poppins text-xl font-black mb-2\">Commande minimum?<\/p>\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>\n                <\/div>\n                <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-6\">\n                    <p class=\"font-poppins text-xl font-black mb-2\">D\u00e9lais?<\/p>\n                    <p class=\"font-hanken text-sm font-bold\">Standard 5\u20137 jours ouvrables. Rush 48h dispo si le linge est en stock.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Quote \/ Contact Section -->\n    <section id=\"quote\" class=\"border-b-4 border-black bg-[#fafafa]\">\n        <div class=\"mx-auto max-w-7xl px-5 py-20\">\n            <div class=\"grid gap-12 md:grid-cols-2\">\n                \n                <!-- Form -->\n                <div>\n                    <h2 class=\"font-poppins text-5xl font-black mb-2\">Soumission gratuite<\/h2>\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>\n                    \n                    <form class=\"space-y-4\">\n                        <div class=\"grid grid-cols-2 gap-4\">\n                             <label class=\"block\">\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Nom<\/span>\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\">\n                            <\/label>\n                            <label class=\"block\">\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Courriel<\/span>\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\">\n                            <\/label>\n                        <\/div>\n                       \n                        <div class=\"grid grid-cols-2 gap-4\">\n                            <label class=\"block\">\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Quantit\u00e9<\/span>\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\">\n                            <\/label>\n                            <label class=\"block\">\n                                <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">M\u00e9thode<\/span>\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\">\n                                    <option>DTG (Num\u00e9rique)<\/option>\n                                    <option>S\u00e9rigraphie<\/option>\n                                    <option>Broderie<\/option>\n                                    <option>Je ne sais pas<\/option>\n                                <\/select>\n                            <\/label>\n                        <\/div>\n                        \n                        <label class=\"block\">\n                            <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">V\u00eatement \/ Marque<\/span>\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...\">\n                        <\/label>\n\n                        <label class=\"block\">\n                            <span class=\"mb-1 inline-block font-hanken text-xs font-extrabold uppercase\">Lien Artwork \/ Notes<\/span>\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>\n                        <\/label>\n                        \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>\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>\n                    <\/form>\n                <\/div>\n\n                <!-- Info Box -->\n                <div class=\"relative mt-8 md:mt-0\">\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>\n                    <div class=\"nb-card rounded-3xl bg-white p-8\">\n                        <p class=\"font-poppins text-2xl font-black\">Pourquoi PIXEL PIXEL ?<\/p>\n                        <ul class=\"mt-6 space-y-4 font-hanken text-sm font-extrabold\">\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\n                                Test presse gratuit (commandes 250+)\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\n                                Maquettes num\u00e9riques en 24h\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\n                                V\u00eatements \u00e9thiques sur demande\n                            <\/li>\n                            <li class=\"flex items-center gap-3\">\n                                <span class=\"nb-tag flex h-8 w-8 items-center justify-center rounded-lg bg-[var(--nb-blue)] text-white\">\u2713<\/span>\n                                Livraison mondiale avec suivi\n                            <\/li>\n                        <\/ul>\n                        \n                        <div class=\"mt-8 grid grid-cols-3 gap-4\">\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\n                                <p class=\"font-poppins text-xs font-black uppercase\">D\u00e9lai moy.<\/p>\n                                <p class=\"font-melody text-2xl mt-1\">5-7j<\/p>\n                            <\/div>\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\n                                <p class=\"font-poppins text-xs font-black uppercase\">Livr\u00e9es<\/p>\n                                <p class=\"font-melody text-2xl mt-1\">12k+<\/p>\n                            <\/div>\n                            <div class=\"nb-card rounded-2xl bg-[var(--nb-green)] p-3 text-center\">\n                                <p class=\"font-poppins text-xs font-black uppercase\">Clients<\/p>\n                                <p class=\"font-melody text-2xl mt-1\">72%<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer id=\"contact\" class=\"bg-black text-white\">\n        <div class=\"mx-auto max-w-7xl px-5 py-12\">\n            <div class=\"grid gap-8 md:grid-cols-4\">\n                <div class=\"md:col-span-2\">\n                    <div class=\"flex items-center gap-2 mb-4\">\n                        <p class=\"font-poppins text-2xl font-black\">PIXEL PIXEL<\/p>\n                    <\/div>\n                    <p class=\"font-hanken text-sm font-semibold text-gray-400\">Atelier d'impression textile sur mesure.<br>Mascouche \u2022 Monde entier<\/p>\n                <\/div>\n                <div class=\"space-y-3 font-hanken text-sm font-bold\">\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#work\">R\u00e9alisations<\/a>\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#pricing\">Tarifs<\/a>\n                    <a class=\"block hover:text-[var(--nb-pink)] transition-colors\" href=\"#faq\">FAQ<\/a>\n                <\/div>\n                <div class=\"space-y-3 font-hanken text-sm font-bold\">\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"mailto:hello@pixelpixel.xyz\">hello@pixelpixel.xyz<\/a>\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"tel:+14165550123\">+1 (416) 555\u20110123<\/a>\n                    <a class=\"block hover:text-[var(--nb-blue)] transition-colors\" href=\"#quote\">Obtenir une soumission<\/a>\n                <\/div>\n            <\/div>\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>\n        <\/div>\n    <\/footer>\n\n    <!-- Scripts -->\n    <script>\n        \/\/ Mobile Menu Toggle\n        const menuBtn = document.getElementById('menu-btn');\n        const mobileMenu = document.getElementById('mobile-menu');\n\n        menuBtn.addEventListener('click', () => {\n            if (mobileMenu.classList.contains('menu-hidden')) {\n                mobileMenu.classList.remove('menu-hidden');\n                mobileMenu.classList.add('menu-visible');\n            } else {\n                mobileMenu.classList.add('menu-hidden');\n                mobileMenu.classList.remove('menu-visible');\n            }\n        });\n\n        \/\/ Close menu when a link is clicked\n        mobileMenu.querySelectorAll('a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('menu-hidden');\n                mobileMenu.classList.remove('menu-visible');\n            });\n        });\n    <\/script><\/code><\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"\nhp - 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\/hp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"hp - test\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/\" \/>\n<meta property=\"og:site_name\" content=\"test\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-30T22:49:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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\/hp\/\",\"url\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/\",\"name\":\"hp - test\",\"isPartOf\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website\"},\"datePublished\":\"2026-01-30T22:48:54+00:00\",\"dateModified\":\"2026-01-30T22:49:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"hp\"}]},{\"@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":"hp - 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\/hp\/","og_locale":"en_US","og_type":"article","og_title":"hp - test","og_url":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/","og_site_name":"test","article_modified_time":"2026-01-30T22:49:46+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/","url":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/","name":"hp - test","isPartOf":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/#website"},"datePublished":"2026-01-30T22:48:54+00:00","dateModified":"2026-01-30T22:49:46+00:00","breadcrumb":{"@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/hp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/"},{"@type":"ListItem","position":2,"name":"hp"}]},{"@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\/9","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=9"}],"version-history":[{"count":2,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/stoic-lovelace.51-222-26-233.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}