{"id":11778,"date":"2024-02-22T11:31:13","date_gmt":"2024-02-22T04:31:13","guid":{"rendered":"https:\/\/malangutd.com\/?page_id=11778"},"modified":"2026-03-13T15:15:25","modified_gmt":"2026-03-13T08:15:25","slug":"partner","status":"publish","type":"page","link":"https:\/\/malangutd.com\/en\/partner\/","title":{"rendered":"Partner"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Malang United Digital Sport Ecosystem<\/title>\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@300;400;600;800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Scoped CSS for Malang United Page *\/\n        #mu-partner-page {\n            --gold: #FFD700;\n            --dark-bg: #050505;\n            --card-bg: rgba(255, 255, 255, 0.05);\n            --card-border: rgba(255, 215, 0, 0.2);\n            --text-main: #ffffff;\n            --text-muted: #d1d1d1;\n            \n            background-color: var(--dark-bg);\n            color: var(--text-main);\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n            overflow-x: hidden;\n            scroll-behavior: smooth;\n        }\n\n        #mu-partner-page * {\n            box-sizing: border-box;\n            transition: all 0.3s ease;\n        }\n\n        \/* Hero Section *\/\n        #mu-partner-page .hero {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 20px;\n            \/* Mempergelap center gradient agar teks putih lebih kontras *\/\n            background: radial-gradient(circle at center, #111111 0%, #050505 100%);\n            position: relative;\n        }\n\n        #mu-partner-page .hero h1 {\n            font-size: clamp(2.5rem, 8vw, 4.5rem);\n            font-weight: 800;\n            margin-bottom: 20px;\n            line-height: 1.1;\n            max-width: 900px;\n            text-transform: uppercase;\n            letter-spacing: -1px;\n            color: #ffffff; \/* Memastikan warna putih murni *\/\n            text-shadow: 0 4px 15px rgba(0,0,0,0.8); \/* Memberi kedalaman agar kontras maksimal *\/\n        }\n\n        #mu-partner-page .hero h1 span {\n            color: var(--gold);\n            display: block;\n            text-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n        }\n\n        #mu-partner-page .hero p {\n            font-size: clamp(1rem, 4vw, 1.25rem);\n            color: var(--text-muted);\n            max-width: 700px;\n            margin-bottom: 40px;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n        }\n\n        #mu-partner-page .btn-main {\n            display: inline-block;\n            padding: 16px 32px;\n            background-color: var(--gold);\n            color: #000000;\n            text-decoration: none;\n            font-weight: 800;\n            border-radius: 50px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n        }\n\n        #mu-partner-page .btn-main:hover {\n            transform: scale(1.05);\n            box-shadow: 0 0 30px rgba(255, 215, 0, 0.5);\n        }\n\n        \/* Container & Section Defaults *\/\n        #mu-partner-page section {\n            padding: 100px 20px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        #mu-partner-page .section-title {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        #mu-partner-page .section-title h2 {\n            font-size: 2.5rem;\n            color: var(--gold);\n            margin-bottom: 15px;\n        }\n\n        #mu-partner-page .section-title p {\n            color: var(--text-muted);\n        }\n\n        \/* Flywheel Section *\/\n        #mu-partner-page .flywheel-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n        }\n\n        #mu-partner-page .flywheel-card {\n            background: var(--card-bg);\n            border: 1px solid var(--card-border);\n            padding: 40px 30px;\n            border-radius: 20px;\n            backdrop-filter: blur(10px);\n            text-align: center;\n            position: relative;\n        }\n\n        #mu-partner-page .flywheel-card:hover {\n            border-color: var(--gold);\n            transform: translateY(-10px);\n            background: rgba(255, 215, 0, 0.08);\n        }\n\n        #mu-partner-page .flywheel-card h3 {\n            color: var(--gold);\n            margin-bottom: 15px;\n            font-size: 1.4rem;\n        }\n\n        #mu-partner-page .flywheel-card p {\n            color: var(--text-muted);\n        }\n\n        \/* Tiers Section *\/\n        #mu-partner-page .tiers-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px;\n        }\n\n        #mu-partner-page .tier-card {\n            background: var(--card-bg);\n            border: 1px solid var(--card-border);\n            border-radius: 24px;\n            padding: 40px;\n            display: flex;\n            flex-direction: column;\n            position: relative;\n        }\n\n        #mu-partner-page .tier-card.featured {\n            border: 2px solid var(--gold);\n            transform: scale(1.05);\n            z-index: 2;\n            background: rgba(255, 215, 0, 0.05);\n        }\n\n        #mu-partner-page .badge {\n            position: absolute;\n            top: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--gold);\n            color: #000000;\n            padding: 5px 20px;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 800;\n        }\n\n        #mu-partner-page .tier-card h3 {\n            font-size: 1.8rem;\n            margin-bottom: 10px;\n            color: #ffffff; \/* Memperjelas judul paket dengan putih bersih *\/\n            text-shadow: 0 2px 10px rgba(0,0,0,0.5); \/* Menambah kontras *\/\n            letter-spacing: 0.5px;\n        }\n\n        #mu-partner-page .price {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--gold);\n            margin-bottom: 25px;\n        }\n\n        #mu-partner-page .price small {\n            color: var(--text-muted);\n            font-size: 1rem;\n            font-weight: 400;\n        }\n\n        #mu-partner-page .tier-features {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 30px 0;\n            flex-grow: 1;\n        }\n\n        #mu-partner-page .tier-features li {\n            margin-bottom: 12px;\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            display: flex;\n            align-items: center;\n        }\n\n        #mu-partner-page .tier-features li::before {\n            content: \"\u2713\";\n            color: var(--gold);\n            margin-right: 10px;\n            font-weight: bold;\n        }\n\n        #mu-partner-page .btn-group {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 10px;\n        }\n\n        #mu-partner-page .btn-ghost {\n            padding: 12px;\n            border: 1px solid var(--gold);\n            color: var(--gold);\n            text-decoration: none;\n            text-align: center;\n            border-radius: 10px;\n            font-weight: 700;\n            font-size: 0.9rem;\n        }\n\n        #mu-partner-page .btn-ghost:hover {\n            background: rgba(255, 215, 0, 0.1);\n        }\n\n        #mu-partner-page .btn-solid {\n            padding: 12px;\n            background: var(--gold);\n            color: #000000;\n            text-decoration: none;\n            text-align: center;\n            border-radius: 10px;\n            font-weight: 800;\n            font-size: 0.9rem;\n        }\n\n        \/* A La Carte Section *\/\n        #mu-partner-page .alacarte-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n        }\n\n        #mu-partner-page .alacarte-card {\n            background: var(--card-bg);\n            border: 1px solid var(--card-border);\n            padding: 30px 20px;\n            border-radius: 15px;\n            text-align: left;\n        }\n\n        #mu-partner-page .alacarte-card h4 {\n            margin-bottom: 10px;\n            color: var(--gold);\n        }\n\n        #mu-partner-page .alacarte-card p {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n            margin-bottom: 20px;\n        }\n\n        #mu-partner-page .btn-small {\n            color: var(--gold);\n            text-decoration: none;\n            font-size: 0.85rem;\n            font-weight: 800;\n            display: inline-block;\n        }\n\n        #mu-partner-page .btn-small:hover {\n            letter-spacing: 1px;\n            text-decoration: underline;\n        }\n\n        \/* Fan Support Section *\/\n        #mu-partner-page .fan-support-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        #mu-partner-page .support-card {\n            background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(0,0,0,1) 100%);\n            border: 1px solid var(--card-border);\n            padding: 50px;\n            border-radius: 30px;\n            text-align: center;\n        }\n\n        #mu-partner-page .support-card h3 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            color: var(--text-main);\n        }\n\n        #mu-partner-page .support-card p {\n            color: var(--text-muted);\n            font-size: 1.1rem;\n        }\n\n        \/* Footer *\/\n        #mu-partner-page footer {\n            padding: 60px 20px;\n            border-top: 1px solid var(--card-border);\n            text-align: center;\n            background: #000;\n        }\n\n        #mu-partner-page .contact-info {\n            margin: 30px 0;\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        #mu-partner-page .contact-link {\n            color: var(--text-muted);\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-weight: 600;\n        }\n\n        #mu-partner-page .contact-link:hover {\n            color: var(--gold);\n        }\n\n        #mu-partner-page .copyright {\n            font-size: 0.85rem;\n            color: #999999;\n            margin-top: 20px;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #mu-partner-page .animate {\n            animation: fadeIn 0.8s ease forwards;\n        }\n\n        \/* Mobile Adjustments *\/\n        @media (max-width: 768px) {\n            #mu-partner-page .tier-card.featured {\n                transform: scale(1);\n            }\n            #mu-partner-page section {\n                padding: 60px 20px;\n            }\n            #mu-partner-page .btn-group {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div id=\"mu-partner-page\">\n        <!-- Hero Section -->\n        <div class=\"hero\">\n            <h1 class=\"animate\">Selamat Datang di <span>Malang United Digital Sport Ecosystem<\/span><\/h1>\n            <p class=\"animate\">Kami membangun arsitektur olahraga masa depan yang kohesif. Setiap dukungan, kemitraan, dan kontribusi saling memperkuat satu sama lain menciptakan <strong>Flywheel Effect<\/strong> yang berkelanjutan bagi kemajuan ekosistem.<\/p>\n            <a href=\"#ekosistem\" class=\"btn-main animate\">Jelajahi Ekosistem<\/a>\n        <\/div>\n\n        <!-- Flywheel Section -->\n        <section id=\"ekosistem\">\n            <div class=\"section-title\">\n                <h2>The Flywheel Effect<\/h2>\n                <p>Empat pilar utama yang saling terintegrasi memperkuat pertumbuhan Malang United.<\/p>\n            <\/div>\n            <div class=\"flywheel-grid\">\n                <div class=\"flywheel-card\">\n                    <h3>Sponsorship &#038; Partnership<\/h3>\n                    <p>Kolaborasi strategis B2B yang memberikan eksposur brand maksimal melalui aset digital dan fisik kami.<\/p>\n                <\/div>\n                <div class=\"flywheel-card\">\n                    <h3>Crowdfunding<\/h3>\n                    <p>Urun dana kolaboratif dari mitra dan pendukung untuk proyek strategis pembangunan infrastruktur klub.<\/p>\n                <\/div>\n                <div class=\"flywheel-card\">\n                    <h3>Donasi<\/h3>\n                    <p>Dukungan langsung dari suporter dan komunitas yang didedikasikan untuk operasional dan pengembangan tim.<\/p>\n                <\/div>\n                <div class=\"flywheel-card\">\n                    <h3>Membership &#038; Merchandise<\/h3>\n                    <p>Rasa memiliki yang nyata bagi fans melalui keanggotaan eksklusif dan produk ofisial berkualitas.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Sponsorship Tiers -->\n        <section id=\"sponsorship\">\n            <div class=\"section-title\">\n                <h2>Paket Bundling Sponsorship<\/h2>\n                <p>Pilih paket yang paling sesuai dengan visi pertumbuhan brand Anda.<\/p>\n            <\/div>\n            <div class=\"tiers-grid\">\n                <!-- Tier 1 -->\n                <div class=\"tier-card\">\n                    <h3>Starter \/ Community<\/h3>\n                    <div class=\"price\">Rp TBD <small>\/bln<\/small><\/div>\n                    <ul class=\"tier-features\">\n                        <li>Fokus UMKM &#038; Brand Lokal<\/li>\n                        <li>Social Media Mention<\/li>\n                        <li>Logo di Website Resmi<\/li>\n                        <li>2 Tiket VIP Pertandingan<\/li>\n                    <\/ul>\n                    <div class=\"btn-group\">\n                        <a href=\"https:\/\/example.com\/proposal-starter.pdf\" class=\"btn-ghost\" target=\"_blank\" rel=\"noopener\">\ud83d\udcc4 Proposal<\/a>\n                        <a href=\"https:\/\/example.com\/pilih-starter\" class=\"btn-solid\" target=\"_blank\" rel=\"noopener\">\ud83d\udcb3 Pilih Paket<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Tier 2 -->\n                <div class=\"tier-card featured\">\n                    <div class=\"badge\">MOST POPULAR<\/div>\n                    <h3>Official Partner<\/h3>\n                    <div class=\"price\">Rp TBD <small>\/bln<\/small><\/div>\n                    <ul class=\"tier-features\">\n                        <li>Digital &#038; On-Ground Exposure<\/li>\n                        <li>Branding di Press Backdrop<\/li>\n                        <li>Product Placement di Konten<\/li>\n                        <li>Logo di Jersey Latihan<\/li>\n                    <\/ul>\n                    <div class=\"btn-group\">\n                        <a href=\"https:\/\/example.com\/proposal-official.pdf\" class=\"btn-ghost\" target=\"_blank\" rel=\"noopener\">\ud83d\udcc4 Proposal<\/a>\n                        <a href=\"https:\/\/example.com\/pilih-official\" class=\"btn-solid\" target=\"_blank\" rel=\"noopener\">\ud83d\udcb3 Pilih Paket<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Tier 3 -->\n                <div class=\"tier-card\">\n                    <div class=\"badge\">PREMIUM<\/div>\n                    <h3>Title Sponsor<\/h3>\n                    <div class=\"price\">Custom<\/div>\n                    <ul class=\"tier-features\">\n                        <li>Logo di Jersey Utama (Front)<\/li>\n                        <li>Eksklusivitas Kategori Industri<\/li>\n                        <li>Nama Stadion \/ Pusat Latihan<\/li>\n                        <li>Akses Data Fans &#038; CRM<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/wa.me\/628123456789\" class=\"btn-solid\" style=\"width: 100%;\" target=\"_blank\" rel=\"noopener\">Konsultasi Custom<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- A La Carte Section -->\n        <section id=\"alacarte\">\n            <div class=\"section-title\">\n                <h2>Opsi Non-Bundling<\/h2>\n                <p>Dukung unit spesifik dalam ekosistem kami secara terpisah.<\/p>\n            <\/div>\n            <div class=\"alacarte-grid\">\n                <div class=\"alacarte-card\">\n                    <h4>Sepakbola<\/h4>\n                    <p>Dukungan langsung untuk tim utama, aset jersey, dan hari pertandingan.<\/p>\n                    <a href=\"https:\/\/example.com\/football\" class=\"btn-small\" target=\"_blank\" rel=\"noopener\">Selengkapnya &rarr;<\/a>\n                <\/div>\n                <div class=\"alacarte-card\">\n                    <h4>Football Academy<\/h4>\n                    <p>Investasi pada pembinaan usia dini untuk masa depan sepakbola.<\/p>\n                    <a href=\"https:\/\/example.com\/academy\" class=\"btn-small\" target=\"_blank\" rel=\"noopener\">Selengkapnya &rarr;<\/a>\n                <\/div>\n                <div class=\"alacarte-card\">\n                    <h4>Futsal Academy<\/h4>\n                    <p>Pengembangan talenta futsal dan penyelenggaraan kompetisi rutin.<\/p>\n                    <a href=\"https:\/\/example.com\/futsal\" class=\"btn-small\" target=\"_blank\" rel=\"noopener\">Selengkapnya &rarr;<\/a>\n                <\/div>\n                <div class=\"alacarte-card\">\n                    <h4>Layar Laga Creative<\/h4>\n                    <p>Kolaborasi produksi media, dokumentasi olahraga, dan konten kreatif.<\/p>\n                    <a href=\"https:\/\/malangutd.com\/layar-laga-creative\/\" class=\"btn-small\">Selengkapnya &rarr;<\/a>\n                <\/div>\n                <div class=\"alacarte-card\">\n                    <h4>Malang Junior League<\/h4>\n                    <p>Menjadi bagian dari liga kompetisi usia dini terbesar di wilayah ini.<\/p>\n                    <a href=\"https:\/\/example.com\/mjl\" class=\"btn-small\" target=\"_blank\" rel=\"noopener\">Selengkapnya &rarr;<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Fan Support Section -->\n        <section id=\"dukungan\">\n            <div class=\"fan-support-grid\">\n                <div class=\"support-card\">\n                    <h3>Crowdfunding &#038; Donasi<\/h3>\n                    <p>Jadilah bagian dari sejarah. Dukung pembangunan infrastruktur atau program pembinaan atlet secara langsung.<\/p>\n                    <br>\n                    <a href=\"https:\/\/malangutd.com\/donasi-crouwdfunding\/\" class=\"btn-main\">Dukung Sekarang<\/a>\n                <\/div>\n                <div class=\"support-card\">\n                    <h3>Membership &#038; Merchandise<\/h3>\n                    <p>Dapatkan akses eksklusif, konten di balik layar, dan produk ofisial terbaru dari Malang United.<\/p>\n                    <br>\n                    <a href=\"https:\/\/example.com\/merchandise\" class=\"btn-main\" target=\"_blank\" rel=\"noopener\">Kunjungi Toko<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Footer -->\n        <footer>\n            <p>Mari Berkolaborasi untuk Membesarkan Ekosistem Digital Sport Malang United.<\/p>\n            <\/div>\n            \n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ Smooth scroll implementation\n        document.querySelectorAll('#mu-partner-page a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\n                    behavior: 'smooth'\n                });\n            });\n        });\n\n        \/\/ Simple Fade-in Observer\n        const observerOptions = {\n            threshold: 0.1\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate');\n                }\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('#mu-partner-page section, #mu-partner-page .flywheel-card, #mu-partner-page .tier-card').forEach(el => {\n            el.style.opacity = '0'; \/\/ Initial state for JS animation\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Malang United Digital Sport Ecosystem Selamat Datang di Malang United Digital Sport Ecosystem Kami membangun arsitektur olahraga masa depan yang kohesif. Setiap dukungan, kemitraan, dan kontribusi saling memperkuat satu sama lain menciptakan Flywheel Effect yang berkelanjutan bagi kemajuan ekosistem. Jelajahi Ekosistem The Flywheel Effect Empat pilar utama yang saling terintegrasi memperkuat pertumbuhan Malang United. Sponsorship [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11778","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/11778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/comments?post=11778"}],"version-history":[{"count":0,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/11778\/revisions"}],"wp:attachment":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/media?parent=11778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}