{"id":192,"date":"2025-06-06T07:24:49","date_gmt":"2025-06-06T07:24:49","guid":{"rendered":"https:\/\/futuresite.it\/?page_id=192"},"modified":"2026-03-12T17:24:11","modified_gmt":"2026-03-12T17:24:11","slug":"software-development","status":"publish","type":"page","link":"https:\/\/futuresite.it\/it\/software-development\/","title":{"rendered":"Sviluppo software"},"content":{"rendered":"<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap');\n\n    .sd-wrapper {\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        background: #0b0f19;\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    .sd-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .sd-wrapper .sd-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(37, 99, 235, 0.1) 0%, transparent 40%),\n            radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 40%);\n    }\n\n    .sd-wrapper .sd-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    .sd-wrapper .sd-hero-content {\n        flex: 1;\n        max-width: 600px;\n        z-index: 2;\n        animation: sdFadeInUp 1s ease-out;\n    }\n\n    .sd-wrapper .sd-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    .sd-wrapper .sd-title .sd-highlight {\n        background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: inline-block;\n    }\n\n    .sd-wrapper .sd-description {\n        font-size: 1.125rem;\n        line-height: 1.7;\n        color: #94a3b8;\n        margin-bottom: 2.5rem;\n    }\n\n    .sd-wrapper .sd-cta-group {\n        display: flex;\n        gap: 1rem;\n    }\n\n    .sd-wrapper .sd-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    .sd-wrapper .sd-btn-primary {\n        background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\n        color: #ffffff;\n        box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);\n    }\n\n    .sd-wrapper .sd-btn-primary:hover {\n        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);\n        transform: translateY(-2px);\n    }\n\n    .sd-wrapper .sd-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    .sd-wrapper .sd-btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-2px);\n    }\n\n    .sd-wrapper .sd-hero-image {\n        flex: 1;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 2;\n        animation: sdFadeIn 1.5s ease-out;\n        padding-left: 4rem;\n    }\n\n    .sd-wrapper .sd-hero-image img {\n        max-width: 100%;\n        height: auto;\n        border-radius: 20px;\n        box-shadow: 0 0 50px rgba(59, 130, 246, 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    .sd-wrapper .sd-hero-image img:hover {\n        transform: perspective(1000px) rotateY(0deg) translateY(-10px);\n    }\n\n    .sd-wrapper .sd-tech-section {\n        padding: 5rem 5%;\n        background: #0f131f;\n        position: relative;\n        z-index: 2;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .sd-wrapper .sd-subtitle {\n        text-align: center;\n        font-size: 2.5rem;\n        font-weight: 700;\n        margin-bottom: 4rem;\n        color: #ffffff;\n    }\n\n    .sd-wrapper .sd-tech-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    .sd-wrapper .sd-tech-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    .sd-wrapper .sd-tech-card:hover {\n        transform: translateY(-10px);\n        background: rgba(255, 255, 255, 0.05);\n        border-color: rgba(139, 92, 246, 0.4);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(139, 92, 246, 0.1);\n    }\n\n    .sd-wrapper .sd-tech-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 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    .sd-wrapper .sd-tech-name {\n        font-size: 1.25rem;\n        font-weight: 600;\n        margin-bottom: 0.75rem;\n        color: #ffffff;\n    }\n\n    .sd-wrapper .sd-tech-desc {\n        color: #94a3b8;\n        line-height: 1.6;\n        font-size: 0.95rem;\n    }\n\n    \/* Animations *\/\n    @keyframes sdFadeInUp {\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 sdFadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    \/* Responsive constraints *\/\n    @media (max-width: 900px) {\n        .sd-wrapper .sd-hero {\n            flex-direction: column;\n            text-align: center;\n            padding-top: 4rem;\n        }\n\n        .sd-wrapper .sd-hero-content {\n            margin-bottom: 4rem;\n        }\n\n        .sd-wrapper .sd-cta-group {\n            justify-content: center;\n        }\n\n        .sd-wrapper .sd-title {\n            font-size: 3rem;\n        }\n\n        .sd-wrapper .sd-hero-image {\n            padding-left: 0;\n        }\n    }\n<\/style>\n\n<div class=\"sd-wrapper\">\n    <!-- Hero Section -->\n    <div class=\"sd-hero\">\n        <div class=\"sd-hero-content\">\n            <h1 class=\"sd-title\">Software <span class=\"sd-highlight\">Development<\/span><\/h1>\n            <p class=\"sd-description\">Discover how software development can transform your business with powerful,\n                custom-built solutions. From concept to deployment, we craft scalable and reliable software tailored to\n                your needs\u2014driving efficiency, innovation, and long-term growth.<\/p>\n            <div class=\"sd-cta-group\">\n                <a href=\"#contact\" class=\"sd-btn sd-btn-primary\">Transform Your Business<\/a>\n                <a href=\"#technologies\" class=\"sd-btn sd-btn-secondary\">Explore Tech<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"sd-hero-image\">\n            <img decoding=\"async\" src=\"https:\/\/futuresite.it\/wp-content\/uploads\/2026\/03\/software_dev_hero_1773335094658.png\"\n                alt=\"Futuristic abstract software development visualization\" \/>\n        <\/div>\n    <\/div>\n\n    <!-- Technologies Section -->\n    <div class=\"sd-tech-section\" id=\"technologies\">\n        <h2 class=\"sd-subtitle\">Powered by Modern Technologies<\/h2>\n        <div class=\"sd-tech-grid\">\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\ud83d\udc18<\/div>\n                <h3 class=\"sd-tech-name\">PHP<\/h3>\n                <p class=\"sd-tech-desc\">Robust backend scripting for dynamic web applications and seamless content\n                    management integration.<\/p>\n            <\/div>\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\u2699\ufe0f<\/div>\n                <h3 class=\"sd-tech-name\">Symfony<\/h3>\n                <p class=\"sd-tech-desc\">High-performance PHP framework for building complex, scalable enterprise\n                    projects.<\/p>\n            <\/div>\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\ud83d\udc0d<\/div>\n                <h3 class=\"sd-tech-name\">Python<\/h3>\n                <p class=\"sd-tech-desc\">Versatile, powerful programming language empowering data-driven functionality\n                    and rapid development.<\/p>\n            <\/div>\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\ud83d\udd17<\/div>\n                <h3 class=\"sd-tech-name\">n8n<\/h3>\n                <p class=\"sd-tech-desc\">Fair-code workflow automation tool allowing you to connect any app or API\n                    seamlessly.<\/p>\n            <\/div>\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\ud83e\udde0<\/div>\n                <h3 class=\"sd-tech-name\">AI Solutions<\/h3>\n                <p class=\"sd-tech-desc\">Cutting-edge artificial intelligence integrations to optimize processes and\n                    innovate your business operations.<\/p>\n            <\/div>\n            <div class=\"sd-tech-card\">\n                <div class=\"sd-tech-icon\">\ud83d\ude80<\/div>\n                <h3 class=\"sd-tech-name\">Custom Architecture<\/h3>\n                <p class=\"sd-tech-desc\">Tailored frameworks and architecture designed specifically for maximum\n                    scalability, security, and performance.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Software Development Discover how software development can transform your business with powerful, custom-built solutions. From concept to deployment, we craft scalable and reliable software tailored to your needs\u2014driving efficiency, innovation, and long-term growth. Transform Your Business Explore Tech Powered by Modern Technologies \ud83d\udc18 PHP Robust backend scripting for dynamic web applications and seamless content management [&hellip;]<\/p>\n","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-192","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/192","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=192"}],"version-history":[{"count":32,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/pages\/192\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/futuresite.it\/it\/wp-json\/wp\/v2\/media?parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}