{"id":3430,"date":"2026-07-04T12:49:34","date_gmt":"2026-07-04T11:49:34","guid":{"rendered":"https:\/\/cliick.casa\/?page_id=3430"},"modified":"2026-07-04T12:50:34","modified_gmt":"2026-07-04T11:50:34","slug":"la","status":"publish","type":"page","link":"https:\/\/cliick.casa\/fr\/","title":{"rendered":"LA"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3430\" class=\"elementor elementor-3430\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b410f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default rt-parallax-bg-no\" data-id=\"0b410f3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cb7ad90\" data-id=\"cb7ad90\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10c04a4 elementor-widget elementor-widget-shortcode\" data-id=\"10c04a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \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=Oswald:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --bg-orange: #f98452;\r\n            --poster-green: #0b2e1b;\r\n            --text-beige: #f1ebd9;\r\n            --accent-orange: #f47645;\r\n        }\r\n\r\n        .poster-wrapper {\r\n            background-color: var(--bg-orange);\r\n            padding: 50px 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 100vw;\r\n            min-height: 100vh;\r\n            margin-left: calc(-50vw + 50%);\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .poster-container {\r\n            background-color: var(--poster-green);\r\n            width: 100%;\r\n            max-width: 550px;\r\n            padding: 50px 35px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n            text-align: center;\r\n            color: var(--text-beige);\r\n            font-family: 'Oswald', sans-serif;\r\n        }\r\n\r\n        .poster-container h2.title {\r\n            font-size: 4.2rem;\r\n            font-weight: 700;\r\n            line-height: 0.95;\r\n            text-transform: uppercase;\r\n            letter-spacing: -1px;\r\n            color: var(--text-beige);\r\n            margin: 0 0 15px 0;\r\n            font-family: 'Oswald', sans-serif;\r\n        }\r\n        \r\n        .poster-container h2.title span {\r\n            font-size: 2rem;\r\n            vertical-align: super;\r\n        }\r\n\r\n        .poster-container .subtitle {\r\n            font-size: 1.5rem;\r\n            color: var(--accent-orange);\r\n            text-transform: uppercase;\r\n            font-weight: 700;\r\n            line-height: 1.2;\r\n            margin: 0 auto 30px auto;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* Grille moderne divis\u00e9e en 3 secteurs *\/\r\n        .poster-sectors-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n            width: 100%;\r\n            max-width: 480px;\r\n            margin: 0 auto 35px auto;\r\n        }\r\n\r\n        .sector-item {\r\n            position: relative;\r\n            height: 180px;\r\n            border-radius: 6px;\r\n            overflow: hidden;\r\n            border: 3px solid var(--accent-orange);\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        .sector-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .sector-item:hover img {\r\n            transform: scale(1.08);\r\n        }\r\n\r\n        \/* Label texte sur chaque secteur *\/\r\n        .sector-label {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            right: 0;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0));\r\n            color: var(--text-beige);\r\n            font-size: 0.9rem;\r\n            padding: 15px 5px 8px 5px;\r\n            text-transform: uppercase;\r\n            font-weight: 700;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* Formulaire de Capture d'Email *\/\r\n        .poster-form-box {\r\n            background: rgba(255, 255, 255, 0.06);\r\n            padding: 25px 20px;\r\n            border-radius: 6px;\r\n            border: 1px dashed var(--accent-orange);\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .poster-form-box p {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 15px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            color: var(--text-beige);\r\n        }\r\n\r\n        .poster-form-box input, \r\n        .poster-form-box textarea {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: none;\r\n            border-radius: 4px;\r\n            font-size: 1rem;\r\n            background-color: var(--text-beige);\r\n            color: #000;\r\n            font-weight: bold;\r\n            margin-bottom: 12px;\r\n            box-sizing: border-box;\r\n            font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .poster-form-box textarea {\r\n            height: 90px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .poster-form-box input:focus,\r\n        .poster-form-box textarea:focus {\r\n            outline: 3px solid var(--accent-orange);\r\n        }\r\n\r\n        .poster-form-box .btn-submit {\r\n            width: 100%;\r\n            background-color: var(--accent-orange);\r\n            color: white;\r\n            border: none;\r\n            padding: 14px;\r\n            font-size: 1.3rem;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n            font-family: 'Oswald', sans-serif;\r\n        }\r\n\r\n        .poster-form-box .btn-submit:hover {\r\n            background-color: #d85c2b;\r\n        }\r\n\r\n        .success-msg {\r\n            color: #4df3a9;\r\n            font-weight: bold;\r\n            font-size: 1.1rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* Footer Infos de contact *\/\r\n        .poster-phone {\r\n            font-size: 2.3rem;\r\n            color: var(--accent-orange);\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n            line-height: 1;\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .poster-container h2.title { font-size: 3rem; }\r\n            .poster-container .subtitle { font-size: 1.2rem; }\r\n            .poster-sectors-grid { grid-template-columns: 1fr; gap: 15px; }\r\n            .sector-item { height: 140px; }\r\n            .poster-phone { font-size: 1.9rem; }\r\n            .poster-wrapper { padding: 20px 10px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"poster-wrapper\">\r\n        <div class=\"poster-container\">\r\n            \r\n            <h2 class=\"title\">Digital<br>Consulting<span>\u00ae<\/span><\/h2>\r\n            \r\n            <!-- Nouvelle phrase d'accroche d\u00e9di\u00e9e au Web Design -->\r\n            <p class=\"subtitle\">We design high-converting websites to scale your business<\/p>\r\n\r\n            <!-- Grille des 3 Secteurs d'activit\u00e9 -->\r\n            <div class=\"poster-sectors-grid\">\r\n                \r\n                <!-- 1. Secteur Touristique -->\r\n                <div class=\"sector-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&fit=crop&q=80&w=400\" alt=\"Tourisme & Booking\">\r\n                    <div class=\"sector-label\">Tourisme<\/div>\r\n                <\/div>\r\n\r\n                <!-- 2. Secteur E-commerce -->\r\n                <div class=\"sector-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&q=80&w=400\" alt=\"E-commerce\">\r\n                    <div class=\"sector-label\">E-commerce<\/div>\r\n                <\/div>\r\n\r\n                <!-- 3. Secteur TPE \/ Corporate -->\r\n                <div class=\"sector-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=400\" alt=\"Corporate Business\">\r\n                    <div class=\"sector-label\">Corporate<\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"poster-form-box\">\r\n                                \r\n                <p>Recevez votre devis gratuit<\/p>\r\n                <form action=\"\" method=\"POST\" data-trp-original-action=\"\">\r\n                    <input type=\"text\" name=\"lead_name\" placeholder=\"Nom complet ou Soci\u00e9t\u00e9\" required>\r\n                    <input type=\"email\" name=\"lead_email\" placeholder=\"Adresse Email Professionnelle\" required>\r\n                    <textarea name=\"lead_message\" placeholder=\"D\u00e9crivez votre besoin (Ex: Cr\u00e9ation de site vitrine, refonte de site e-commerce, plateforme de r\u00e9servation pour agence...)\" required><\/textarea>\r\n                    \r\n                    <button type=\"submit\" name=\"submit_lead_poster\" class=\"btn-submit\">Valider la demande<\/button>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n            <\/div>\r\n\r\n            <div class=\"poster-phone\">+212 700 669 881<\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-3430","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/pages\/3430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/comments?post=3430"}],"version-history":[{"count":4,"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/pages\/3430\/revisions"}],"predecessor-version":[{"id":3434,"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/pages\/3430\/revisions\/3434"}],"wp:attachment":[{"href":"https:\/\/cliick.casa\/fr\/wp-json\/wp\/v2\/media?parent=3430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}