{"id":188,"date":"2025-06-06T07:15:01","date_gmt":"2025-06-06T07:15:01","guid":{"rendered":"https:\/\/futuresite.it\/?page_id=188"},"modified":"2026-03-12T18:15:10","modified_gmt":"2026-03-12T18:15:10","slug":"web-marketing","status":"publish","type":"page","link":"https:\/\/futuresite.it\/it\/web-marketing\/","title":{"rendered":"Web Marketing"},"content":{"rendered":"<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap');\n\n    .wm-wrapper {\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        background: #140d16;\n        color: #e2e8f0;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        overflow-x: hidden;\n        padding-bottom: 200px;\n    }\n\n    .wm-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .wm-wrapper .wm-hero {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 6rem 5%;\n        min-height: 80vh;\n        position: relative;\n        background: radial-gradient(circle at 10% 20%, rgba(249, 115, 22, 0.1) 0%, transparent 40%),\n            radial-gradient(circle at 90% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 40%);\n    }\n\n    .wm-wrapper .wm-hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+CjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIvPgo8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUpIi8+Cjwvc3ZnPg==') repeat;\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .wm-wrapper .wm-hero-content {\n        flex: 1;\n        max-width: 600px;\n        z-index: 2;\n        animation: wmFadeInUp 1s ease-out;\n    }\n\n    .wm-wrapper .wm-title {\n        font-size: 4rem;\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 1.5rem;\n        color: #ffffff;\n    }\n\n    .wm-wrapper .wm-title .wm-highlight {\n        background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: inline-block;\n    }\n\n    .wm-wrapper .wm-description {\n        font-size: 1.125rem;\n        line-height: 1.7;\n        color: #94a3b8;\n        margin-bottom: 2.5rem;\n    }\n\n    .wm-wrapper .wm-cta-group {\n        display: flex;\n        gap: 1rem;\n    }\n\n    .wm-wrapper .wm-btn {\n        padding: 0.875rem 2rem;\n        border-radius: 9999px;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .wm-wrapper .wm-btn-primary {\n        background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);\n        color: #ffffff;\n        box-shadow: 0 4px 15px rgba(249, 115, 22, 0.4);\n    }\n\n    .wm-wrapper .wm-btn-primary:hover {\n        box-shadow: 0 6px 20px rgba(236, 72, 153, 0.6);\n        transform: translateY(-2px);\n    }\n\n    .wm-wrapper .wm-btn-secondary {\n        background: rgba(255, 255, 255, 0.05);\n        color: #e2e8f0;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n    }\n\n    .wm-wrapper .wm-btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-2px);\n    }\n\n    .wm-wrapper .wm-hero-image {\n        flex: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 2;\n        animation: wmFadeIn 1.5s ease-out;\n        padding-left: 4rem;\n    }\n\n    .wm-wrapper .wm-hero-image img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 20px;\n        box-shadow: 0 0 50px rgba(249, 115, 22, 0.25);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transform: perspective(1000px) rotateY(-5deg) translateY(0);\n        transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n\n    .wm-wrapper .wm-hero-image img:hover {\n        transform: perspective(1000px) rotateY(0deg) translateY(-10px);\n    }\n\n    .wm-wrapper .wm-services-section {\n        padding: 5rem 5%;\n        background: #19101c;\n        position: relative;\n        z-index: 2;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .wm-wrapper .wm-subtitle {\n        text-align: center;\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin-bottom: 4rem;\n        color: #ffffff;\n    }\n\n    .wm-wrapper .wm-services-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .wm-wrapper .wm-service-card {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 16px;\n        padding: 2.5rem 2rem;\n        backdrop-filter: blur(10px);\n        transition: all 0.4s ease;\n        cursor: pointer;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .wm-wrapper .wm-service-card:hover {\n        transform: translateY(-10px);\n        background: rgba(255, 255, 255, 0.05);\n        border-color: rgba(236, 72, 153, 0.4);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(249, 115, 22, 0.1);\n    }\n\n    .wm-wrapper .wm-service-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n        background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(236, 72, 153, 0.1));\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 12px;\n    }\n\n    .wm-wrapper .wm-service-name {\n        font-size: 1.25rem;\n        font-weight: 600;\n        margin-bottom: 0.75rem;\n        color: #ffffff;\n    }\n\n    .wm-wrapper .wm-service-desc {\n        color: #94a3b8;\n        line-height: 1.6;\n        font-size: 0.95rem;\n    }\n\n    \/* Animations *\/\n    @keyframes wmFadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes wmFadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    \/* Responsive constraints *\/\n    @media (max-width: 900px) {\n        .wm-wrapper .wm-hero {\n            flex-direction: column;\n            text-align: center;\n            padding-top: 4rem;\n        }\n\n        .wm-wrapper .wm-hero-content {\n            margin-bottom: 4rem;\n        }\n\n        .wm-wrapper .wm-cta-group {\n            justify-content: center;\n        }\n\n        .wm-wrapper .wm-title {\n            font-size: 3rem;\n        }\n\n        .wm-wrapper .wm-hero-image {\n            padding-left: 0;\n        }\n    }\n<\/style>\n\n<div class=\"wm-wrapper\">\n    <!-- Hero Section -->\n    <div class=\"wm-hero\">\n        <div class=\"wm-hero-content\">\n            <h1 class=\"wm-title\">Web <span class=\"wm-highlight\">Marketing<\/span><\/h1>\n            <p class=\"wm-description\">Discover how web marketing can elevate your brand, attract new customers, and\n                drive measurable results. We create targeted strategies tailored to your goals\u2014combining SEO, social\n                media, content, and advertising to grow your online presence and maximise ROI.<\/p>\n            <div class=\"wm-cta-group\">\n                <a href=\"#contact\" class=\"wm-btn wm-btn-primary\">Elevate Your Brand<\/a>\n                <a href=\"#services\" class=\"wm-btn wm-btn-secondary\">View Strategies<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wm-hero-image\">\n            <img decoding=\"async\" src=\"https:\/\/futuresite.it\/wp-content\/uploads\/2026\/03\/web_marketing_hero_1773338919044.png\"\n                alt=\"Dynamic abstract representation of web marketing and SEO data\" \/>\n        <\/div>\n    <\/div>\n\n    <!-- Services Section -->\n    <div class=\"wm-services-section\" id=\"services\">\n        <h2 class=\"wm-subtitle\">Data-Driven Marketing Strategies<\/h2>\n        <div class=\"wm-services-grid\">\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\ud83d\udd0d<\/div>\n                <h3 class=\"wm-service-name\">SEO Optimization<\/h3>\n                <p class=\"wm-service-desc\">Dominate search rankings and drive high-intent organic traffic with technical\n                    and on-page SEO excellence.<\/p>\n            <\/div>\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\ud83d\udcf1<\/div>\n                <h3 class=\"wm-service-name\">Social Media<\/h3>\n                <p class=\"wm-service-desc\">Build engaged communities and brand loyalty through strategic multi-platform\n                    social media management.<\/p>\n            <\/div>\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\u270d\ufe0f<\/div>\n                <h3 class=\"wm-service-name\">Content Strategy<\/h3>\n                <p class=\"wm-service-desc\">Compelling, value-driven content creation that captures attention and\n                    naturally converts visitors.<\/p>\n            <\/div>\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\ud83c\udfaf<\/div>\n                <h3 class=\"wm-service-name\">Targeted Advertising<\/h3>\n                <p class=\"wm-service-desc\">Precision-targeted PPC and display campaigns designed to maximize your Return\n                    on Ad Spend (ROAS).<\/p>\n            <\/div>\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\u2709\ufe0f<\/div>\n                <h3 class=\"wm-service-name\">Email Marketing<\/h3>\n                <p class=\"wm-service-desc\">Automated, personalized email sequences that nurture leads and drive reliable\n                    repeat business.<\/p>\n            <\/div>\n            <div class=\"wm-service-card\">\n                <div class=\"wm-service-icon\">\ud83d\udcca<\/div>\n                <h3 class=\"wm-service-name\">Analytics &#038; CRO<\/h3>\n                <p class=\"wm-service-desc\">Deep data analysis and Conversion Rate Optimization to ensure your traffic\n                    turns into revenue.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Web Marketing Discover how web marketing can elevate your brand, attract new customers, and drive measurable results. We create targeted strategies tailored to your goals\u2014combining SEO, social media, content, and advertising to grow your online presence and maximise ROI. Elevate Your Brand View Strategies Data-Driven Marketing Strategies \ud83d\udd0d SEO Optimization Dominate search rankings and drive high-intent organic traffic with technical and on-page SEO excellence. \ud83d\udcf1 Social Media Build engaged communities and brand loyalty through strategic multi-platform social media management. \u270d\ufe0f Content Strategy Compelling, value-driven content creation that captures attention and naturally converts visitors. \ud83c\udfaf Targeted Advertising Precision-targeted PPC and display<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-basic","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":38,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/188\/revisions\/468"}],"wp:attachment":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}