{"id":123,"date":"2024-09-05T17:10:55","date_gmt":"2024-09-05T17:10:55","guid":{"rendered":"https:\/\/www.studioperraconsulenze.it\/wp99\/?page_id=123"},"modified":"2025-07-23T16:38:35","modified_gmt":"2025-07-23T16:38:35","slug":"modalita-di-consegna","status":"publish","type":"page","link":"https:\/\/www.studioperraconsulenze.it\/wp99\/approfondimenti\/modalita-di-consegna\/","title":{"rendered":"Modalit\u00e0 di consegna"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>La Rivoluzione dell&#8217;Area Clienti &#8211; Conteggi Lavoro .com<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\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=Inter:wght@400;500;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Chosen Palette: Conteggi Lavoro Logo Colors (Dark Blue & Light Blue) -->\n    <!-- Application Structure Plan: Ho progettato l'applicazione come una \"visita guidata\" interattiva. Invece di un semplice testo, l'utente esplora le funzionalit\u00e0 principali (Download, Upload, Ticket, Banca Dati, Magazine) attraverso sezioni a schede. Questo approccio \u00e8 pi\u00f9 coinvolgente, scompone le informazioni in blocchi digeribili e guida l'utente verso l'azione principale: accedere al portale. La struttura \u00e8: 1. Intestazione e introduzione. 2. Sezione interattiva a schede per le funzionalit\u00e0. 3. Call-to-action chiara e visibile. 4. Sezione sulla sicurezza. Questa architettura trasforma un annuncio statico in un'esperienza di apprendimento attivo, migliorando la comprensione e l'adozione da parte dell'utente. -->\n    <!-- Visualization & Content Choices: Le cinque funzionalit\u00e0 principali del report sono state trasformate in un componente interattivo a schede. L'obiettivo \u00e8 organizzare e informare. L'utente clicca su una scheda per rivelare il contenuto associato. Questa interazione \u00e8 gestita con Vanilla JavaScript che modifica le classi di Tailwind per mostrare\/nascondere i pannelli di contenuto. L'uso di icone Unicode (\ud83d\udce5, \ud83d\udce4, \ud83c\udfab, \ud83d\udcda, \ud83d\udcf0) e di uno stile visuale pulito migliora la comprensione immediata. Questa scelta \u00e8 pi\u00f9 efficace di una semplice lista puntata perch\u00e9 permette all'utente di focalizzarsi su un concetto alla volta. -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n    <style>\n        :root {\n            --logo-dark-blue: #0d47a1; \/* Blu scuro dal logo *\/\n            --logo-light-blue: #29b6f6; \/* Blu chiaro dal logo *\/\n        }\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f7fafc;\n            color: #1a202c;\n        }\n        .tab-button.active {\n            background-color: var(--logo-dark-blue);\n            color: #ffffff;\n            box-shadow: 0 4px 14px 0 rgba(13, 71, 161, 0.3);\n        }\n        .tab-button {\n            transition: all 0.3s ease-in-out;\n        }\n        .content-pane {\n            display: none;\n        }\n        .content-pane.active {\n            display: flex;\n            animation: fadeIn 0.5s ease-in-out;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .main-cta-button {\n            background-color: var(--logo-dark-blue);\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n        }\n        .main-cta-button:hover {\n            background-color: var(--logo-light-blue);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 15px -3px rgba(41, 182, 246, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.1);\n        }\n        .text-logo-dark { color: var(--logo-dark-blue); }\n        .bg-logo-light-50 { background-color: #e3f2fd; }\n        .border-logo-dark { border-color: var(--logo-dark-blue); }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n    <div class=\"flex flex-col items-center p-4 sm:p-6 lg:p-8\">\n        <div class=\"w-full max-w-5xl mx-auto\">\n\n            <main class=\"bg-white rounded-2xl shadow-2xl p-6 sm:p-10 w-full mt-4 sm:mt-6\">\n                \n                <section id=\"intro\" class=\"text-center mb-12\">\n                    <h2 class=\"text-3xl sm:text-4xl font-bold text-logo-dark mb-4\">Una Rivoluzione Totale: La Vostra Area Riservata \u00e8 Stata Reinventata!<\/h2>\n                    <p class=\"text-md sm:text-lg text-gray-700 max-w-3xl mx-auto\">\n                        Dimenticate tutto quello che sapevate. Abbiamo completamente ricostruito la piattaforma per offrirvi un&#8217;esperienza senza precedenti: pi\u00f9 veloce, pi\u00f9 intuitiva e incredibilmente potente.\n                    <\/p>\n                <\/section>\n\n                <section id=\"interactive-tour\" class=\"mb-12\">\n                    <div id=\"tabs-container\" class=\"flex flex-wrap justify-center gap-2 sm:gap-3 mb-8\">\n                        <button data-tab=\"download\" class=\"tab-button active flex-grow text-xs sm:text-sm font-semibold py-3 px-4 rounded-lg focus:outline-none bg-gray-200 text-gray-700 hover:bg-logo-dark-blue hover:text-white\">\n                            <span class=\"mr-2\">\ud83d\udce5<\/span> Download\n                        <\/button>\n                        <button data-tab=\"upload\" class=\"tab-button flex-grow text-xs sm:text-sm font-semibold py-3 px-4 rounded-lg focus:outline-none bg-gray-200 text-gray-700 hover:bg-logo-dark-blue hover:text-white\">\n                            <span class=\"mr-2\">\ud83d\udce4<\/span> Upload\n                        <\/button>\n                        <button data-tab=\"support\" class=\"tab-button flex-grow text-xs sm:text-sm font-semibold py-3 px-4 rounded-lg focus:outline-none bg-gray-200 text-gray-700 hover:bg-logo-dark-blue hover:text-white\">\n                            <span class=\"mr-2\">\ud83c\udfab<\/span> Supporto\n                        <\/button>\n                        <button data-tab=\"database\" class=\"tab-button flex-grow text-xs sm:text-sm font-semibold py-3 px-4 rounded-lg focus:outline-none bg-gray-200 text-gray-700 hover:bg-logo-dark-blue hover:text-white\">\n                            <span class=\"mr-2\">\ud83d\udcda<\/span> Banca Dati CCNL\n                        <\/button>\n                        <button data-tab=\"magazine\" class=\"tab-button flex-grow text-xs sm:text-sm font-semibold py-3 px-4 rounded-lg focus:outline-none bg-gray-200 text-gray-700 hover:bg-logo-dark-blue hover:text-white\">\n                            <span class=\"mr-2\">\ud83d\udcf0<\/span> Magazine\n                        <\/button>\n                    <\/div>\n\n                    <div id=\"content-container\" class=\"bg-gray-50 p-6 rounded-xl min-h-[280px] flex items-center border border-gray-200\">\n                        <div id=\"download-content\" class=\"content-pane active w-full flex-col md:flex-row items-center gap-6\">\n                            <div class=\"text-5xl md:text-6xl text-center md:text-left p-4 text-logo-light-blue\">\ud83d\udce5<\/div>\n                            <div class=\"text-center md:text-left\">\n                                <h3 class=\"text-xl font-bold text-logo-dark mb-2\">I vostri documenti, subito disponibili<\/h3>\n                                <p class=\"text-gray-600\">Accedete all&#8217;archivio completo 24\/7. Tutte le pratiche e i documenti sono pronti per il download immediato, organizzati in un unico posto sicuro e protetto.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div id=\"upload-content\" class=\"content-pane w-full flex-col md:flex-row items-center gap-6\">\n                            <div class=\"text-5xl md:text-6xl text-center md:text-left p-4 text-logo-light-blue\">\ud83d\udce4<\/div>\n                            <div class=\"text-center md:text-left\">\n                                <h3 class=\"text-xl font-bold text-logo-dark mb-2\">Caricate file senza sforzo<\/h3>\n                                <p class=\"text-gray-600\">Trascinate i vostri file per avviare o integrare una pratica. Il nostro nuovo sistema gestisce tutto in modo rapido e tracciato, dicendo addio a complicate catene di email.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div id=\"support-content\" class=\"content-pane w-full flex-col md:flex-row items-center gap-6\">\n                            <div class=\"text-5xl md:text-6xl text-center md:text-left p-4 text-logo-light-blue\">\ud83c\udfab<\/div>\n                            <div class=\"text-center md:text-left\">\n                                <h3 class=\"text-xl font-bold text-logo-dark mb-2\">Assistenza dedicata, a un click di distanza<\/h3>\n                                <p class=\"text-gray-600\">Aprite un ticket per qualsiasi esigenza, tecnica o informatica. Il nostro team dedicato prender\u00e0 in carico la vostra richiesta con la massima priorit\u00e0.<\/p>\n                            <\/div>\n                        <\/div>\n                         <div id=\"database-content\" class=\"content-pane w-full flex-col md:flex-row items-center gap-6\">\n                            <div class=\"text-5xl md:text-6xl text-center md:text-left p-4 text-logo-light-blue\">\ud83d\udcda<\/div>\n                            <div class=\"text-center md:text-left\">\n                                <h3 class=\"text-xl font-bold text-logo-dark mb-2\">La Conoscenza a Portata di Mano<\/h3>\n                                <p class=\"text-gray-600\">Esplorate la nostra banca dati esclusiva con le sintesi dei principali CCNL. Trovate le risposte che cercate in modo rapido e chiaro, senza perdere tempo in complesse ricerche.<\/p>\n                            <\/div>\n                        <\/div>\n                         <div id=\"magazine-content\" class=\"content-pane w-full flex-col md:flex-row items-center gap-6\">\n                            <div class=\"text-5xl md:text-6xl text-center md:text-left p-4 text-logo-light-blue\">\ud83d\udcf0<\/div>\n                            <div class=\"text-center md:text-left\">\n                                <h3 class=\"text-xl font-bold text-logo-dark mb-2\">Il Vostro Aggiornamento Mensile Esclusivo<\/h3>\n                                <p class=\"text-gray-600\">Rimanete sempre un passo avanti con il nostro magazine. Ogni mese, approfondimenti e novit\u00e0 su lavoro, previdenza, pensioni e gestione del patrimonio, curati dai nostri migliori esperti.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n                \n                <section id=\"security\" class=\"text-center bg-logo-light-50 border-l-4 border-logo-dark p-4 rounded-r-lg mb-12\">\n                     <p class=\"text-logo-dark\"><span class=\"font-bold\">Sicurezza di Livello Superiore:<\/span> Tutti i documenti sono protetti con i pi\u00f9 alti standard, in formato **PDF** e **P7M con firma digitale** per garantire massimo valore legale e integrit\u00e0 assoluta.<\/p>\n                <\/section>\n\n                <section id=\"cta\" class=\"text-center\">\n                    <h3 class=\"text-2xl sm:text-3xl font-bold text-gray-800 mb-4\">Siete pronti a cambiare marcia?<\/h3>\n                    <p class=\"text-gray-600 mb-6 text-lg\">Entrate ora nella nuova era della consulenza. L&#8217;efficienza \u00e8 a portata di click.<\/p>\n                    <a href=\"https:\/\/www.studioperraconsulenze.it\/nuke99\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"main-cta-button inline-block text-white font-bold text-lg py-4 px-12 rounded-lg hover:text-white\">\n                        Entra nella Nuova Area Riservata\n                    <\/a>\n                <\/section>\n\n            <\/main>\n\n            <footer class=\"text-center my-8\">\n                <p class=\"text-sm text-gray-500\">&copy; 2025 Conteggi Lavoro .com. Tutti i diritti riservati.<\/p>\n            <\/footer>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const tabsContainer = document.getElementById('tabs-container');\n            const contentContainer = document.getElementById('content-container');\n            const tabButtons = tabsContainer.querySelectorAll('.tab-button');\n            const contentPanes = contentContainer.querySelectorAll('.content-pane');\n\n            tabsContainer.addEventListener('click', function(event) {\n                const clickedButton = event.target.closest('.tab-button');\n                if (!clickedButton) return;\n\n                const tabId = clickedButton.dataset.tab;\n                \n                tabButtons.forEach(button => {\n                    button.classList.remove('active');\n                });\n                \n                contentPanes.forEach(pane => {\n                    pane.classList.remove('active');\n                });\n                \n                clickedButton.classList.add('active');\n                document.getElementById(tabId + '-content').classList.add('active');\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>La Rivoluzione dell&#8217;Area Clienti &#8211; Conteggi Lavoro .com Una Rivoluzione Totale: La Vostra Area Riservata \u00e8 Stata Reinventata! Dimenticate tutto quello che sapevate. Abbiamo completamente&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":96,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":6,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/123\/revisions\/239"}],"up":[{"embeddable":true,"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/pages\/96"}],"wp:attachment":[{"href":"https:\/\/www.studioperraconsulenze.it\/wp99\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}