{"id":657,"date":"2026-06-08T08:45:43","date_gmt":"2026-06-08T08:45:43","guid":{"rendered":"https:\/\/test.okite.com\/?page_id=657"},"modified":"2026-06-08T10:52:27","modified_gmt":"2026-06-08T10:52:27","slug":"realizzazioni","status":"publish","type":"page","link":"https:\/\/test.okite.com\/?page_id=657","title":{"rendered":"Realizzazioni"},"content":{"rendered":"<style>.kb-row-layout-id657_25d56f-60 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id657_25d56f-60 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id657_25d56f-60 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id657_25d56f-60 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id657_25d56f-60 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id657_25d56f-60 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id657_25d56f-60 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column657_465e9d-dc > .kt-inside-inner-col,.kadence-column657_465e9d-dc > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column657_465e9d-dc > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column657_465e9d-dc > .kt-inside-inner-col{flex-direction:column;}.kadence-column657_465e9d-dc > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column657_465e9d-dc > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column657_465e9d-dc{position:relative;}@media all and (max-width: 1024px){.kadence-column657_465e9d-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column657_465e9d-dc > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column657_465e9d-dc\"><div class=\"kt-inside-inner-col\">\n<style data-wp-block-html=\"css\">\n.realizzazioni-stats{\n\n    display:flex;\n\n    justify-content:center;\n\n    gap:120px;\n\n    margin-top:60px;\n\n    flex-wrap:wrap;\n\n    position:relative;\n\n    z-index:50;\n}\n\n.realizzazioni-stat{\n\n    text-align:center;\n}\n\n.realizzazioni-numero{\n\n    color:#d90429 !important;\n\n    font-size:90px !important;\n\n    line-height:1 !important;\n\n    font-weight:900 !important;\n\n    font-family:Arial, sans-serif !important;\n\n    display:block !important;\n\n    opacity:1 !important;\n\n    visibility:visible !important;\n\n    position:relative !important;\n\n    z-index:100 !important;\n}\n\n.realizzazioni-testo{\n\n    margin-top:10px;\n\n    color:#111 !important;\n\n    font-size:14px !important;\n\n    letter-spacing:2px;\n\n    font-weight:700;\n}\n\n@media(max-width:768px){\n\n    .realizzazioni-stats{\n\n        gap:50px;\n    }\n\n    .realizzazioni-numero{\n\n        font-size:55px !important;\n    }\n\n}\n<\/style>\n\n<section class=\"hero-realizzazioni\">\n\n    <div class=\"background-word\">\n        REALIZZAZIONI\n    <\/div>\n\n    <div class=\"hero-content\">\n\n        <span class=\"hero-label\">\n            PORTFOLIO AZIENDALE\n        <\/span>\n\n        <h1>\n            LE NOSTRE REALIZZAZIONI\n        <\/h1>\n\n        <div class=\"hero-divider\"><\/div>\n\n        <p>\n            Ogni progetto rappresenta il nostro impegno nel trasformare idee,\n            esigenze e obiettivi in soluzioni concrete. Scopri alcune delle\n            realizzazioni sviluppate dal nostro team in diversi contesti e territori.\n        <\/p>\n\n        <!-- CONTATORI -->\n\n<div class=\"realizzazioni-stats\">\n\n    <div class=\"realizzazioni-stat\">\n        <div class=\"realizzazioni-numero\" data-target=\"19\">0<\/div>\n        <div class=\"realizzazioni-testo\">REALIZZAZIONI<\/div>\n    <\/div>\n\n    <div class=\"realizzazioni-stat\">\n        <div class=\"realizzazioni-numero\" data-target=\"15\">0<\/div>\n        <div class=\"realizzazioni-testo\">ANNI DI ESPERIENZA<\/div>\n    <\/div>\n\n    <div class=\"realizzazioni-stat\">\n        <div class=\"realizzazioni-numero\" data-target=\"100\">0<\/div>\n        <div class=\"realizzazioni-testo\">CLIENTI SODDISFATTI<\/div>\n    <\/div>\n\n<\/div>\n\n        <!-- SCROLL -->\n\n        <div class=\"scroll-indicator\">\n\n            <span>SCORRI PER ESPLORARE<\/span>\n\n            <div class=\"scroll-arrow\">\n                \u2193\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\n\/* HERO *\/\n\n.hero-realizzazioni{\n\n    position:relative;\n\n    min-height:100vh;\n\n    background:#f2f2f2;\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    overflow:hidden;\n\n    padding:120px 40px 80px;\n}\n\n\/* SCRITTA GIGANTE SFONDO *\/\n\n.background-word{\n\n    position:absolute;\n\n    top:50%;\n\n    left:50%;\n\n    transform:translate(-50%,-50%);\n\n    font-size:clamp(10rem,22vw,24rem);\n\n    font-weight:900;\n\n    color:rgba(0,0,0,0.025);\n\n    text-transform:uppercase;\n\n    white-space:nowrap;\n\n    pointer-events:none;\n\n    user-select:none;\n\n    letter-spacing:10px;\n}\n\n\/* CONTENUTO *\/\n\n.hero-content{\n\n    position:relative;\n\n    z-index:5;\n\n    max-width:1400px;\n\n    width:100%;\n\n    text-align:center;\n}\n\n\/* ETICHETTA *\/\n\n.hero-label{\n\n    display:block;\n\n    color:#d90429;\n\n    font-size:.85rem;\n\n    font-weight:700;\n\n    letter-spacing:5px;\n\n    margin-bottom:25px;\n}\n\n\/* TITOLO *\/\n\n.hero-content h1{\n\n    margin:0;\n\n    color:#000;\n\n    font-weight:900;\n\n    text-transform:uppercase;\n\n    line-height:.9;\n\n    letter-spacing:2px;\n\n    font-size:clamp(4rem,6vw,6rem);\n\n    white-space:nowrap;\n\n    text-shadow:\n    0 10px 30px rgba(0,0,0,.15);\n}\n\n\/* LINEA ROSSA *\/\n\n.hero-divider{\n\n    width:180px;\n\n    height:6px;\n\n    background:#d90429;\n\n    border-radius:50px;\n\n    margin:40px auto;\n}\n\n\/* TESTO *\/\n\n.hero-content p{\n\n    max-width:700px;\n\n    margin:auto;\n\n    color:#2b2b2b;\n\n    font-size:1.4rem;\n\n    line-height:1.9;\n}\n\n\/* CONTATORI *\/\n\n.hero-stats{\n\n    margin-top:60px;\n\n    display:flex;\n\n    justify-content:center;\n\n    gap:120px;\n\n    flex-wrap:wrap;\n}\n\n.stat-box{\n\n    text-align:center;\n}\n\n.counter{\n\n    font-size:5.5rem;\n\n    font-weight:900;\n\n    line-height:1;\n\n    color:#d90429;\n\n    text-shadow:\n    0 10px 20px rgba(217,4,41,.15);\n}\n\n.stat-title{\n\n    margin-top:10px;\n\n    color:#111;\n\n    font-size:.9rem;\n\n    font-weight:700;\n\n    letter-spacing:2px;\n}\n\n\/* SCROLL *\/\n\n.scroll-indicator{\n\n    margin-top:60px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n}\n\n.scroll-indicator span{\n\n    color:#d90429;\n\n    font-size:.8rem;\n\n    font-weight:700;\n\n    letter-spacing:4px;\n}\n\n.scroll-arrow{\n\n    margin-top:15px;\n\n    color:#d90429;\n\n    font-size:3rem;\n\n    animation:bounce 2s infinite;\n}\n\n\/* ANIMAZIONI *\/\n\n@keyframes bounce{\n\n    0%{\n        transform:translateY(0);\n    }\n\n    50%{\n        transform:translateY(12px);\n    }\n\n    100%{\n        transform:translateY(0);\n    }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:991px){\n\n    .hero-content h1{\n\n        font-size:4rem;\n\n        line-height:1;\n    }\n\n    .hero-stats{\n\n        gap:50px;\n    }\n\n    .counter{\n\n        font-size:4rem;\n    }\n\n    .background-word{\n\n        font-size:7rem;\n    }\n\n}\n\n@media(max-width:768px){\n\n    .hero-realizzazioni{\n\n        padding:80px 25px;\n    }\n\n    .hero-content h1{\n\n        font-size:3rem;\n    }\n\n    .hero-content p{\n\n        font-size:1rem;\n    }\n\n    .counter{\n\n        font-size:3rem;\n    }\n\n}\n\n<\/style>\n\n<script>\n\nwindow.addEventListener('load', function() {\n\n    const counters = document.querySelectorAll('.realizzazioni-numero');\n\n    counters.forEach(counter => {\n\n        const target = parseInt(counter.getAttribute('data-target'));\n\n        let current = 0;\n\n        const increment = target \/ 80;\n\n        const timer = setInterval(() => {\n\n            current += increment;\n\n            if(current >= target){\n\n                clearInterval(timer);\n\n                if(target === 19){\n                    counter.innerHTML = '19+';\n                }\n                else if(target === 100){\n                    counter.innerHTML = '100%';\n                }\n                else{\n                    counter.innerHTML = target;\n                }\n\n            } else {\n\n                counter.innerHTML = Math.floor(current);\n\n            }\n\n        }, 20);\n\n    });\n\n});\n\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id657_d74ef5-55 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id657_d74ef5-55 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id657_d74ef5-55 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id657_d74ef5-55 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id657_d74ef5-55 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id657_d74ef5-55 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id657_d74ef5-55 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column657_92f8ce-0d > .kt-inside-inner-col,.kadence-column657_92f8ce-0d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column657_92f8ce-0d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column657_92f8ce-0d > .kt-inside-inner-col{flex-direction:column;}.kadence-column657_92f8ce-0d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column657_92f8ce-0d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column657_92f8ce-0d{position:relative;}@media all and (max-width: 1024px){.kadence-column657_92f8ce-0d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column657_92f8ce-0d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column657_92f8ce-0d\"><div class=\"kt-inside-inner-col\">\n<!-- GSAP -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n\n\/* RESET *\/\n\nhtml,body{\n    margin:0;\n    padding:0;\n    overflow-x:hidden;\n    font-family:Arial, Helvetica, sans-serif;\n}\n\n.portfolio-story{\n    position:relative;\n    width:100%;\n}\n\n\/* PANEL *\/\n\n.panel{\n    position:relative;\n    height:100vh;\n    width:100%;\n    overflow:hidden;\n}\n\n\/* FOTO *\/\n\n.panel-image{\n    position:absolute;\n    inset:0;\n    z-index:1;\n}\n\n.panel-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transform:scale(1.2);\n}\n\n\/* OVERLAY *\/\n\n.panel-overlay{\n    position:absolute;\n    inset:0;\n    z-index:2;\n\n    background:\n    linear-gradient(\n        to top,\n        rgba(0,0,0,.75),\n        rgba(0,0,0,.20),\n        rgba(0,0,0,.10)\n    );\n}\n\n\/* TESTI *\/\n\n.panel-content{\n\n    position:absolute;\n\n    left:8%;\n\n    bottom:10%;\n\n    z-index:10;\n\n    color:#fff;\n\n    max-width:900px;\n}\n\n.panel-location{\n\n    display:block;\n\n    margin-bottom:15px;\n\n    font-size:.9rem;\n\n    letter-spacing:4px;\n\n    text-transform:uppercase;\n\n    color:#d9d9d9;\n}\n\n.panel-title{\n\n    margin:0 0 30px;\n\n    font-size:clamp(3rem,6vw,6rem);\n\n    line-height:1;\n\n    font-weight:900;\n\n    text-transform:uppercase;\n}\n\n\/* PULSANTE *\/\n\n.project-btn{\n\n    display:inline-block;\n\n    background:#d90429;\n\n    color:#fff;\n\n    text-decoration:none;\n\n    padding:16px 36px;\n\n    border-radius:50px;\n\n    font-weight:700;\n\n    letter-spacing:1px;\n\n    transition:.3s;\n}\n\n.project-btn:hover{\n\n    background:#111;\n\n    transform:translateY(-3px);\n}\n\n\/* CONTATORE *\/\n\n.counter{\n\n    position:absolute;\n\n    top:40px;\n\n    right:50px;\n\n    z-index:20;\n\n    color:white;\n\n    font-size:1rem;\n\n    letter-spacing:2px;\n\n    font-weight:700;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n    .panel-content{\n\n        left:25px;\n\n        right:25px;\n\n        bottom:50px;\n    }\n\n    .panel-title{\n\n        font-size:2.4rem;\n    }\n\n    .counter{\n\n        top:20px;\n        right:20px;\n    }\n\n}\n\n<\/style>\n\n<div class=\"portfolio-story\">\n\n    <!-- 01 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">01 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/tessival.jpg\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                LUOGO 01\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                TESSIVAL SUD\n            <\/h2>\n\n            <a href=\"\/realizzazione-01\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- 02 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">02 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/clinica.jpg\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                OTTAVIANO (NA)\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                Clinica Neapolisanit\n            <\/h2>\n\n            <a href=\"\/realizzazione-02\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- 03 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">03 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/salerno_1.jpg\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                FISCIANO\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                UNIVERSITA&#8217; DI SALERNO\n            <\/h2>\n\n            <a href=\"\/realizzazione-03\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 04 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">04 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/roma_2.jpg\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                ROMA\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                PIAZZA S.PIETRO\n            <\/h2>\n\n            <a href=\"\/realizzazione-04\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n\n<!-- 05 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">05 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"https:\/\/test.okite.com\/wp-content\/uploads\/2026\/06\/hote_poseidon.jpg\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                TORRE DEL GRECO\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                HOTEL POSEIDON\n            <\/h2>\n\n            <a href=\"\/realizzazione-05\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 06 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">06 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"IMAGE_06\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                MONTESARCHIO\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                CENTRO COMMERCIALE LIZ GALLERY\n            <\/h2>\n\n            <a href=\"\/realizzazione-06\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 07 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">07 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"IMAGE_07\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                TORRE SANTA SUSANNA\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                MASSERIA ALTEMURA\n            <\/h2>\n\n            <a href=\"\/realizzazione-07\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 08 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">08 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"IMAGE_08\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                BENEVENTO\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                CONCESSIONARIA FINAUTO\n            <\/h2>\n\n            <a href=\"\/realizzazione-08\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 09 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">09 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"IMAGE_09\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                NOLA\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                CONCESSIONARIA A&#038;C MOTORS \n            <\/h2>\n\n            <a href=\"\/realizzazione-09\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<!-- 10 -->\n    <section class=\"panel\">\n\n        <div class=\"counter\">10 \/ 19<\/div>\n\n        <div class=\"panel-image\">\n            <img decoding=\"async\" src=\"IMAGE_10\">\n        <\/div>\n\n        <div class=\"panel-overlay\"><\/div>\n\n        <div class=\"panel-content\">\n\n            <span class=\"panel-location\">\n                SCISCIANO\n            <\/span>\n\n            <h2 class=\"panel-title\">\n                ITALIANA CONFETTI S.R.L.\n            <\/h2>\n\n            <a href=\"\/realizzazione-10\/\" class=\"project-btn\">\n                Scopri il progetto \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- DUPLICA LO STESSO SCHEMA FINO A 19 -->\n\n    <!-- 04 -->\n    <!-- IMAGE_04 -->\n    <!-- LUOGO 04 -->\n    <!-- TITOLO REALIZZAZIONE 04 -->\n\n    <!-- 05 -->\n    <!-- IMAGE_05 -->\n    <!-- LUOGO 05 -->\n    <!-- TITOLO REALIZZAZIONE 05 -->\n\n    <!-- 06 -->\n    <!-- IMAGE_06 -->\n    <!-- LUOGO 06 -->\n    <!-- TITOLO REALIZZAZIONE 06 -->\n\n    <!-- 07 -->\n    <!-- IMAGE_07 -->\n    <!-- LUOGO 07 -->\n    <!-- TITOLO REALIZZAZIONE 07 -->\n\n    <!-- 08 -->\n    <!-- IMAGE_08 -->\n    <!-- LUOGO 08 -->\n    <!-- TITOLO REALIZZAZIONE 08 -->\n\n    <!-- 09 -->\n    <!-- IMAGE_09 -->\n    <!-- LUOGO 09 -->\n    <!-- TITOLO REALIZZAZIONE 09 -->\n\n    <!-- 10 -->\n    <!-- IMAGE_10 -->\n    <!-- LUOGO 10 -->\n    <!-- TITOLO REALIZZAZIONE 10 -->\n\n    <!-- 11 -->\n    <!-- IMAGE_11 -->\n    <!-- LUOGO 11 -->\n    <!-- TITOLO REALIZZAZIONE 11 -->\n\n    <!-- 12 -->\n    <!-- IMAGE_12 -->\n    <!-- LUOGO 12 -->\n    <!-- TITOLO REALIZZAZIONE 12 -->\n\n    <!-- 13 -->\n    <!-- IMAGE_13 -->\n    <!-- LUOGO 13 -->\n    <!-- TITOLO REALIZZAZIONE 13 -->\n\n    <!-- 14 -->\n    <!-- IMAGE_14 -->\n    <!-- LUOGO 14 -->\n    <!-- TITOLO REALIZZAZIONE 14 -->\n\n    <!-- 15 -->\n    <!-- IMAGE_15 -->\n    <!-- LUOGO 15 -->\n    <!-- TITOLO REALIZZAZIONE 15 -->\n\n    <!-- 16 -->\n    <!-- IMAGE_16 -->\n    <!-- LUOGO 16 -->\n    <!-- TITOLO REALIZZAZIONE 16 -->\n\n    <!-- 17 -->\n    <!-- IMAGE_17 -->\n    <!-- LUOGO 17 -->\n    <!-- TITOLO REALIZZAZIONE 17 -->\n\n    <!-- 18 -->\n    <!-- IMAGE_18 -->\n    <!-- LUOGO 18 -->\n    <!-- TITOLO REALIZZAZIONE 18 -->\n\n    <!-- 19 -->\n    <!-- IMAGE_19 -->\n    <!-- LUOGO 19 -->\n    <!-- TITOLO REALIZZAZIONE 19 -->\n\n<\/div>\n\n<script>\n\ngsap.registerPlugin(ScrollTrigger);\n\nconst panels = gsap.utils.toArray(\".panel\");\n\npanels.forEach((panel) => {\n\n    const image = panel.querySelector(\"img\");\n    const content = panel.querySelector(\".panel-content\");\n\n    gsap.set(content,{\n        opacity:0,\n        y:80\n    });\n\n    const tl = gsap.timeline({\n\n        scrollTrigger:{\n            trigger:panel,\n            start:\"top top\",\n            end:\"+=100%\",\n            scrub:true,\n            pin:true,\n            anticipatePin:1\n        }\n\n    });\n\n    tl.to(image,{\n        scale:1,\n        ease:\"none\"\n    },0);\n\n    tl.to(content,{\n        opacity:1,\n        y:0,\n        ease:\"none\"\n    },0.15);\n\n});\n\n<\/script>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>REALIZZAZIONI PORTFOLIO AZIENDALE LE NOSTRE REALIZZAZIONI Ogni progetto rappresenta il nostro impegno nel trasformare idee, esigenze e obiettivi in soluzioni concrete. Scopri alcune delle realizzazioni sviluppate dal nostro team in diversi contesti e territori. 0 REALIZZAZIONI 0 ANNI DI ESPERIENZA 0 CLIENTI SODDISFATTI SCORRI PER ESPLORARE \u2193 01 \/ 19 LUOGO 01 TESSIVAL SUD Scopri [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/align-wide-fix-trasparent.php","meta":{"footnotes":""},"class_list":["post-657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=657"}],"version-history":[{"count":34,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/657\/revisions"}],"predecessor-version":[{"id":705,"href":"https:\/\/test.okite.com\/index.php?rest_route=\/wp\/v2\/pages\/657\/revisions\/705"}],"wp:attachment":[{"href":"https:\/\/test.okite.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}