{"id":11,"date":"2024-12-21T16:34:08","date_gmt":"2024-12-21T16:34:08","guid":{"rendered":"https:\/\/www.michelegandolfostudio.it\/?page_id=11"},"modified":"2025-04-01T13:25:07","modified_gmt":"2025-04-01T13:25:07","slug":"landing","status":"publish","type":"page","link":"https:\/\/www.michelegandolfostudio.it\/","title":{"rendered":"landing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7bf19c e-con-full e-flex e-con e-parent\" data-id=\"d7bf19c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-600799f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"600799f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n\n<style>\n\/* Reset WordPress\/GeneratePress\/Elementor containers *\/\n.elementor-section.elementor-section-boxed > .elementor-container,\n.elementor-container,\n.elementor-section.elementor-section-boxed,\n.site-content,\n.entry-content,\n#page,\n.separate-containers .site-main,\n.separate-containers .inside-article,\n.inside-article {\n    max-width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n    width: 100% !important;\n}\n\n\/* Remove any potential margins and paddings *\/\nbody {\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow-x: hidden !important;\n}\n\n\/* Force full width on GeneratePress *\/\n.generate-container {\n    max-width: none !important;\n    padding: 0 !important;\n}\n\n\/* Reset Elementor section *\/\n.elementor-section-wrap {\n    max-width: 100% !important;\n    width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\n\n\n\/* Reset e Variabili *\/\n.elementor-section.elementor-section-boxed > .elementor-container {\n    max-width: 100% !important;\n    padding: 0 !important;\n}\n\n.elementor-container {\n    max-width: 100% !important;\n}\n\n.elementor-section.elementor-section-boxed {\n    padding: 0 !important;\n}\n\n\/* Se stai usando GeneratePress, aggiungi anche: *\/\n.site-content {\n    max-width: 100% !important;\n    padding: 0 !important;\n}\n\n.entry-content {\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\n\n:root {\n    --primary-color: #2CAFC6;\n    --secondary-color: #000000;\n    --accent-color: #FFD700;\n    --white: #FFFFFF;\n    --primary-light: rgba(44, 175, 198, 0.2);\n    --gradient: linear-gradient(135deg, #2CAFC6 0%, rgba(44, 175, 198, 0.9) 100%);\n    --text-shadow: 2px 2px 4px rgba(0,0,0,0.1);\n    --spacing-unit: clamp(0.8rem, 2vw, 2rem);\n    --title-size: clamp(2rem, 4vw, 5rem);\n    --subtitle-size: clamp(1rem, 1.5vw, 1.6rem);\n    --button-size: clamp(0.9rem, 1.2vw, 1.2rem);\n    --benefit-font-size: clamp(0.9rem, 1.1vw, 1.1rem);\n}\n\n.mg-hero {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 100vh;\n    width: 100%;\n    background: var(--gradient);\n    padding: var(--spacing-unit);\n    position: relative;\n    text-align: center;\n    overflow: hidden;\n    font-family: 'Montserrat', sans-serif;\n}\n\n.mg-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: \n        radial-gradient(circle at 0% 0%, rgba(44, 175, 198, 0.1) 0%, transparent 50%),\n        radial-gradient(circle at 100% 100%, rgba(44, 175, 198, 0.1) 0%, transparent 50%);\n    opacity: 0.4;\n}\n\n.mesh-gradient {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), \n                              rgba(255, 215, 0, 0.1) 0%, \n                              transparent 50%);\n    pointer-events: none;\n    opacity: 0.8;\n    transition: all 0.3s ease;\n}\n\n.mg-hero-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 90%;\n    margin: 0 auto;\n    padding: var(--spacing-unit);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.mg-hero h1 {\n    font-family: 'Montserrat', sans-serif;\n    font-size: var(--title-size);\n    font-weight: 900;\n    line-height: 1.1;\n    margin-bottom: calc(var(--spacing-unit) * 1.5);\n    letter-spacing: -1px;\n    color: var(--white);\n    text-shadow: var(--text-shadow);\n    animation: slideIn 1s ease-out;\n    position: relative;\n}\n\n.mg-hero h1::after {\n    content: '';\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: var(--accent-color);\n    border-radius: 2px;\n}\n\n.mg-subtitle {\n    font-family: 'Montserrat', sans-serif;\n    font-size: var(--subtitle-size);\n    line-height: 1.4;\n    margin-bottom: calc(var(--spacing-unit) * 2);\n    color: var(--white);\n    opacity: 0.9;\n    text-shadow: var(--text-shadow);\n    animation: fadeIn 1s ease-out 0.5s both;\n}\n\n\/* Benefits Grid *\/\n.benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin: 30px auto; \/* Auto margins per centrare la grid *\/\n    width: 100%;\n    max-width: 600px;\n}\n\n.benefit-item {\n    display: flex;\n    align-items: center;\n    color: var(--white);\n    font-family: 'Montserrat', sans-serif;\n    font-size: var(--benefit-font-size);\n    gap: 10px;\n    background: rgba(44, 175, 198, 0.1);\n    padding: 15px;\n    border-radius: 12px;\n    backdrop-filter: blur(5px);\n    transition: transform 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.benefit-item:hover {\n    transform: translateY(-3px);\n    background: rgba(44, 175, 198, 0.2);\n    border-color: var(--accent-color);\n}\n\n.benefit-item i {\n    font-size: 1.5rem;\n    color: var(--accent-color);\n}\n\n\/* CTA Styles *\/\n.cta-wrapper {\n    position: relative;\n    margin: 40px auto 20px; \/* Auto margins per centrare *\/\n    width: 100%;\n    max-width: 400px;\n    display: flex; \/* Aggiunto flex *\/\n    justify-content: center; \/* Centra orizzontalmente *\/\n    align-items: center; \/* Centra verticalmente *\/\n}\n\n.pulse-effect {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background: rgba(255, 215, 0, 0.4);\n    border-radius: 40px;\n    animation: pulse 2s infinite;\n}\n\n.mg-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);\n    background: var(--accent-color);\n    color: #000000;\n    text-decoration: none;\n    border-radius: 40px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 1.3rem;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3),\n                0 0 0 3px rgba(255, 215, 0, 0.3);\n    border: none;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    min-height: 64px;\n    touch-action: manipulation;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.mg-cta-button:hover,\n.mg-cta-button:focus {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 40px rgba(255, 215, 0, 0.4),\n                0 0 0 4px rgba(255, 215, 0, 0.4);\n    background: #FFE144;\n    color: #000000; \/* Mantenuto nero anche in hover *\/\n}\n\n.mg-cta-button .arrow {\n    margin-left: 15px;\n    transition: transform 0.3s ease;\n    fill: #000000; \/* Icona nera *\/\n    width: clamp(20px, 1.5vw, 28px); \/* Icona pi\u00f9 grande *\/\n    height: auto;\n}\n\n\n\/* Image Styles *\/\n.mg-hero-image {\n    position: relative;\n    max-width: min(250px, 70vw);\n    max-height: min(250px, 70vw);\n    aspect-ratio: 1;\n    margin: calc(var(--spacing-unit) * 2) auto 0;\n    animation: imageFloat 6s ease-in-out infinite;\n    background: var(--white);\n    border-radius: 50%;\n    box-shadow: 0 20px 50px rgba(44, 175, 198, 0.3);\n    overflow: hidden;\n    border: 12px solid rgba(255, 255, 255, 0.9);\n}\n\n\n.mg-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 10%;\n    border-radius: 50%;\n    transition: opacity 0.3s ease;\n    background-color: var(--white);\n}\n\n\n\/*\n.mg-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center 50%;\n    border-radius: 50%;\n    transition: opacity 0.3s ease;\n    background-color: var(--white);\n}\n*\/\n\n\/* Animations *\/\n@keyframes pulse {\n    0% {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 0.8;\n        background: rgba(255, 215, 0, 0.4);\n    }\n    70% {\n        transform: translate(-50%, -50%) scale(1.1);\n        opacity: 0;\n        background: rgba(255, 215, 0, 0.2);\n    }\n    100% {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 0;\n        background: rgba(255, 215, 0, 0.4);\n    }\n}\n\n@keyframes slideIn {\n    from { transform: translateY(30px); opacity: 0; }\n    to { transform: translateY(0); opacity: 1; }\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n@keyframes imageFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-10px); }\n}\n\n\/* Media Queries *\/\n@media (min-width: 768px) {\n    .mg-hero {\n        flex-direction: row;\n        text-align: left;\n        padding: calc(var(--spacing-unit) * 2);\n    }\n    \n    .mg-hero-content {\n        align-items: flex-start;\n        max-width: 50%;\n        padding-right: calc(var(--spacing-unit) * 2);\n    }\n    \n    .mg-hero h1::after {\n        left: 0;\n        transform: none;\n    }\n    \n    .mg-hero-right {\n        flex: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n    }\n    \n    .mg-hero-image {\n        margin: 0;\n        max-width: min(400px, 40vw);\n        max-height: min(400px, 40vw);\n    }\n}\n\n@media (max-width: 767px) {\n    .benefits-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n    }\n    \n    .mg-hero-content {\n        padding: 1rem;\n    }\n}\n\n@media (max-height: 600px) and (orientation: landscape) {\n    .mg-hero {\n        height: auto;\n        min-height: 100vh;\n        padding: 2rem;\n    }\n    \n    .mg-hero-image {\n        max-width: min(200px, 30vh);\n        max-height: min(200px, 30vh);\n    }\n}\n\n@media (min-width: 1440px) {\n    .mg-hero-content {\n        max-width: 700px;\n    }\n    \n    .mg-hero-image {\n        max-width: min(600px, 40vw);\n        max-height: min(600px, 40vw);\n    }\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .mg-hero-image img {\n        image-rendering: -webkit-optimize-contrast;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    * {\n        animation: none !important;\n        transition: none !important;\n    }\n}\n<\/style>\n\n\n<div class=\"mg-hero\">\n\n    <div class=\"mg-hero-content\">\n        <h1>TRASFORMA<br>IL TUO CORPO<\/h1>\n        <p class=\"mg-subtitle\">Programmi di allenamento personalizzati<br>per raggiungere i tuoi obiettivi<\/p>\n        \n        <div class=\"benefits-grid\">\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-dumbbell\"><\/i>\n                <span>Allenamenti su misura<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-bolt\"><\/i>\n                <span>Pi\u00f9 energia<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-fire\"><\/i>\n                <span>Brucia grassi<\/span>\n            <\/div>\n            <div class=\"benefit-item\">\n                <i class=\"fas fa-heart\"><\/i>\n                <span>Stile di vita sano<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"cta-wrapper\">\n            <div class=\"pulse-effect\"><\/div>\n            <a href=\"https:\/\/www.michelegandolfostudio.it\/index.php\/registrati-gratis\/\" class=\"mg-cta-button\">\n                <span>INIZIA LA TRASFORMAZIONE<\/span>\n                <svg class=\"arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                    <path d=\"M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z\"\/>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n    \n    <div class=\"mg-hero-right\">\n        <div class=\"mg-hero-image\">\n           <img fetchpriority=\"high\" decoding=\"async\" \n                src=\"https:\/\/www.michelegandolfostudio.it\/wp-content\/uploads\/2025\/04\/michele_gandolfo.jpg\" \n                alt=\"Michele Gandolfo Personal Trainer\"\n                width=\"500\"\n                height=\"500\"\n            >\n           \n        <\/div>\n    <\/div>\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TRASFORMAIL TUO CORPO Programmi di allenamento personalizzatiper raggiungere i tuoi obiettivi Allenamenti su misura Pi\u00f9 energia Brucia grassi Stile di vita sano INIZIA LA TRASFORMAZIONE<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":52,"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":2350,"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/2350"}],"wp:attachment":[{"href":"https:\/\/www.michelegandolfostudio.it\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}