{"id":7605,"date":"2026-01-14T18:21:03","date_gmt":"2026-01-14T17:21:03","guid":{"rendered":"https:\/\/innovacore.group\/?post_type=portfolio&#038;p=7605"},"modified":"2026-03-17T10:43:30","modified_gmt":"2026-03-17T09:43:30","slug":"comave","status":"publish","type":"portfolio","link":"https:\/\/innovacore.group\/hu\/portfolio\/comave\/","title":{"rendered":"ComAve &#8211; V\u00e9gs\u0151 Szurkol\u00f3i \u00c9lm\u00e9ny \u00e9s Jutalmak"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">ComAve forradalmas\u00edtja a sports vil\u00e1g\u00e1t az\u00e1ltal, hogy hidat teremt a szenved\u00e9lyes t\u00e1mogat\u00f3k \u00e9s a vezet\u0151 eur\u00f3pai futballklubok k\u00f6z\u00f6tt. Egy glob\u00e1lis platformon kereszt\u00fcl, amely \u00f6tv\u00f6zi az e-kereskedelmet, a j\u00e1t\u00e9kalap\u00fa elemeket \u00e9s egy innovat\u00edv h\u0171s\u00e9gprogramot, a ComAve a rajong\u00f3k sz\u00e1m\u00e1ra t\u00f6bb mint egyszer\u0171 \u00e1rukat k\u00edn\u00e1l. Exkluz\u00edv jutalmakhoz, VIP b\u00e1n\u00e1sm\u00f3dhoz \u00e9s egyedi interakci\u00f3khoz ny\u00fajt hozz\u00e1f\u00e9r\u00e9st, \u00edgy transform\u00e1lja a rajong\u00f3k kapcsol\u00f3d\u00e1s\u00e1t kedvenc csapataikkal egy z\u00f6kken\u0151mentes digit\u00e1lis k\u00f6rnyezetben.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Csatlakozz a legjobb klubokhoz exkluz\u00edv jutalmak, j\u00e1t\u00e9kalap\u00fa elemek \u00e9s VIP \u00e9lm\u00e9nyek r\u00e9v\u00e9n.<\/p>\n","protected":false},"featured_media":2369,"parent":0,"template":"","meta":{"inline_featured_image":false,"company_name":"ComAve","summary":"V\u00e9gs\u0151<span class=\"ic-nycd\">Szurkol\u00f3i \u00c9lm\u00e9ny<\/span>& <span class=\"ic-nycd\">Jutalmak<\/span>","mission":"<p>ComAve k\u00fcldet\u00e9se a szurkol\u00f3i szenved\u00e9ly jutalmaz\u00e1sa. C\u00e9ljuk, hogy a szurkol\u00f3k \u00e9s a csapatok k\u00f6z\u00f6tti k\u00f6tel\u00e9ket egy egys\u00e9ges \u00f6kosziszt\u00e9ma megteremt\u00e9s\u00e9vel m\u00e9ly\u00edts\u00e9k el, ahol a mindennapi interakci\u00f3k felejthetetlen, p\u00e9nz\u00e9rt megv\u00e1s\u00e1rolhatatlan val\u00f3s \u00e9lm\u00e9nyeket \u00e9s hivatalos el\u0151ny\u00f6ket oldanak fel.<\/p>\n","impact":"<p>A ComAve \u00e1tform\u00e1lja a sportkedvel\u0151k elk\u00f6telez\u0151d\u00e9s\u00e9t az egyszer\u0171 tranzakci\u00f3kr\u00f3l a m\u00e9ly, h\u0171s\u00e9galap\u00fa kapcsolatok fel\u00e9. A szurkol\u00f3i \u00fat digitiz\u00e1l\u00e1s\u00e1val \u00e9s p\u00e1ratlan hozz\u00e1f\u00e9r\u00e9s biztos\u00edt\u00e1s\u00e1val n\u00f6veli a klubok megtart\u00e1s\u00e1t, \u00e9s k\u00e9zzelfoghat\u00f3 \u00e9rzelmi megt\u00e9r\u00fcl\u00e9st ny\u00fajt a t\u00e1mogat\u00f3ik sz\u00e1m\u00e1ra vil\u00e1gszerte.<\/p>\n","company_logo":"https:\/\/innovacore.group\/wp-content\/uploads\/comave-logo-innov-innovacore-optimized.jpg","website_url":"https:\/\/comave.com\/","linkedin_url":"https:\/\/www.linkedin.com\/company\/wherefanswin\/","location":"London, Egyes\u00fclt Kir\u00e1lys\u00e1g","founded_year":"2020","key_numbers":{"item-0":{"metric_label":"M\u00e9rk\u0151z\u00e9s-l\u00e1togat\u00f3k","metric_value":"1919"},"item-1":{"metric_label":"VIP \u00c9lm\u00e9nyek","metric_value":"1200"},"item-2":{"metric_label":"Egyedi \u00c9lm\u00e9nyek","metric_value":"212"}},"hiring_status":"felv\u00e9tel alatt","sector":"piact\u00e9r","company_type":"startup","audience":["b2b_a_b2c"],"geo_scope":["glob\u00e1lis"],"business_model":["piact\u00e9r"],"funding_stage":"n\u00f6veked\u00e9s","partnership_type":"felv\u00e1s\u00e1rl\u00e1s","logo_animation":"<div id=\"comave-particle-root\">\r\n    <canvas id=\"comaveCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<style>\r\n    #comave-particle-root {\r\n        width: 100%;\r\n        height: 300px; \/* Hauteur fixe respect\u00e9e *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: transparent;\r\n        overflow: hidden;\r\n        cursor: crosshair;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const canvas = document.getElementById('comaveCanvas');\r\n    const ctx = canvas.getContext('2d', { willReadFrequently: true });\r\n    const root = document.getElementById('comave-particle-root');\r\n    \r\n    let width, height;\r\n    let particles = [];\r\n    let mouse = { x: -1000, y: -1000 };\r\n    const particleColor = '#f5f5f5'; \/\/ Gris clair Innovacore\r\n    let time = 0;\r\n\r\n    function init() {\r\n        width = root.offsetWidth;\r\n        height = 300;\r\n        \r\n        const dpr = window.devicePixelRatio || 1;\r\n        canvas.width = width * dpr;\r\n        canvas.height = height * dpr;\r\n        canvas.style.width = width + 'px';\r\n        canvas.style.height = height + 'px';\r\n        ctx.scale(dpr, dpr);\r\n\r\n        createLogoParticles();\r\n    }\r\n\r\n    function createLogoParticles() {\r\n        particles = [];\r\n        const cx = width \/ 2;\r\n        const cy = height \/ 2;\r\n        const isMobile = width < 600;\r\n\r\n        \/\/ --- 1. CONFIGURATION DU DESSIN ---\r\n        \/\/ On va dessiner le logo en blanc pour le scanner\r\n        ctx.fillStyle = 'white';\r\n        ctx.textAlign = 'left'; \r\n        ctx.textBaseline = 'middle';\r\n\r\n        \/\/ Dimensions relatives\r\n        const iconSize = isMobile ? 40 : 60; \/\/ Rayon de l'hexagone\r\n        const fontSizeMain = isMobile ? 40 : 70;\r\n        const fontSizeSub = isMobile ? 12 : 20;\r\n        const gap = isMobile ? 15 : 25; \/\/ Espace entre ic\u00f4ne et texte\r\n\r\n        \/\/ Calcul de la largeur totale pour centrer le tout\r\n        \/\/ Estimation : (Icon * 2) + Gap + TextWidth\r\n        ctx.font = `italic 900 ${fontSizeMain}px Arial, Helvetica, sans-serif`;\r\n        const textMetrics = ctx.measureText('ComAve');\r\n        const textWidth = textMetrics.width;\r\n        \r\n        const totalWidth = (iconSize * 2) + gap + textWidth;\r\n        const startX = cx - (totalWidth \/ 2);\r\n\r\n        \/\/ --- 2. DESSIN DE L'IC\u00d4NE (HEXAGONE) ---\r\n        const hexX = startX + iconSize; \/\/ Centre de l'hexagone\r\n        \r\n        \/\/ A. L'Hexagone plein\r\n        ctx.beginPath();\r\n        for (let i = 0; i < 6; i++) {\r\n            const angle = 2 * Math.PI \/ 6 * i;\r\n            \/\/ On tourne un peu pour avoir la pointe sur le c\u00f4t\u00e9 comme le logo\r\n            const x_i = hexX + iconSize * Math.cos(angle);\r\n            const y_i = cy + iconSize * Math.sin(angle);\r\n            if (i === 0) ctx.moveTo(x_i, y_i);\r\n            else ctx.lineTo(x_i, y_i);\r\n        }\r\n        ctx.closePath();\r\n        ctx.fill();\r\n\r\n        \/\/ B. Le \"C\" (Espace n\u00e9gatif)\r\n        \/\/ On change le mode de fusion pour \"gommer\" l'int\u00e9rieur\r\n        ctx.globalCompositeOperation = 'destination-out';\r\n        \r\n        \/\/ Le trou du C\r\n        ctx.font = `900 ${iconSize * 1.2}px Arial, sans-serif`;\r\n        ctx.textAlign = 'center';\r\n        ctx.fillText('C', hexX, cy + (iconSize * 0.1)); \r\n        \r\n        \/\/ Retour au mode normal pour dessiner la suite\r\n        ctx.globalCompositeOperation = 'source-over';\r\n        \r\n        \/\/ C. Le point central (si n\u00e9cessaire, le logo a un axe central)\r\n        \/\/ On remet un petit point au centre pour styliser le C comme le logo ComAve\r\n        ctx.fillStyle = 'white';\r\n        ctx.beginPath();\r\n        ctx.arc(hexX, cy, iconSize * 0.15, 0, Math.PI*2);\r\n        ctx.fill();\r\n\r\n        \/\/ --- 3. DESSIN DU TEXTE ---\r\n        const textX = startX + (iconSize * 2) + gap;\r\n        \r\n        \/\/ \"ComAve\"\r\n        ctx.textAlign = 'left';\r\n        ctx.font = `italic 900 ${fontSizeMain}px Arial, Helvetica, sans-serif`;\r\n        ctx.fillText('ComAve', textX, cy - (fontSizeMain * 0.15));\r\n\r\n        \/\/ \"United to win\"\r\n        ctx.font = `italic normal ${fontSizeSub}px Arial, Helvetica, sans-serif`;\r\n        ctx.fillText('United to win', textX, cy + (fontSizeMain * 0.5));\r\n\r\n        \/\/ --- 4. SCAN DES PIXELS ---\r\n        const density = 4;\r\n        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;\r\n        const dataWidth = canvas.width; \r\n\r\n        for (let y = 0; y < canvas.height; y += density) {\r\n            for (let x = 0; x < canvas.width; x += density) {\r\n                if (imageData[(y * dataWidth + x) * 4 + 3] > 128) {\r\n                    const dpr = window.devicePixelRatio || 1;\r\n                    particles.push({\r\n                        x: x \/ dpr,\r\n                        y: y \/ dpr,\r\n                        originX: x \/ dpr,\r\n                        originY: y \/ dpr,\r\n                        vx: 0, \r\n                        vy: 0,\r\n                        size: Math.random() * 1.5 + 0.5,\r\n                        force: Math.random() \r\n                    });\r\n                }\r\n            }\r\n        }\r\n        \r\n        ctx.clearRect(0, 0, width, height);\r\n    }\r\n\r\n    function draw() {\r\n        ctx.clearRect(0, 0, width, height);\r\n        time += 0.05;\r\n\r\n        ctx.fillStyle = particleColor;\r\n        \r\n        particles.forEach(p => {\r\n            \/\/ 1. Respiration\r\n            const waveX = Math.sin(time * 0.5 + p.y * 0.05) * 2;\r\n            const waveY = Math.cos(time * 0.3 + p.x * 0.05) * 2;\r\n\r\n            \/\/ 2. Interaction\r\n            const dx = mouse.x - p.x;\r\n            const dy = mouse.y - p.y;\r\n            const dist = Math.sqrt(dx*dx + dy*dy);\r\n            const radius = 80;\r\n\r\n            let repelX = 0;\r\n            let repelY = 0;\r\n\r\n            if (dist < radius) {\r\n                const force = (radius - dist) \/ radius;\r\n                const angle = Math.atan2(dy, dx);\r\n                repelX = -Math.cos(angle) * force * 20;\r\n                repelY = -Math.sin(angle) * force * 20;\r\n            }\r\n\n            \/\/ 3. Physique\r\n            const targetX = p.originX + waveX;\r\n            const targetY = p.originY + waveY;\r\n\r\n            const ax = (targetX - p.x) * 0.08;\r\n            const ay = (targetY - p.y) * 0.08;\r\n\r\n            p.vx += ax;\r\n            p.vy += ay;\r\n            p.vx += repelX * 0.5;\r\n            p.vy += repelY * 0.5;\r\n            p.vx *= 0.85; \r\n\r\n            p.x += p.vx;\r\n            p.y += p.vy;\r\n\r\n            ctx.beginPath();\r\n            ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n            ctx.fill();\r\n        });\r\n\r\n        requestAnimationFrame(draw);\r\n    }\r\n\r\n    const updateMouse = (e) => {\r\n        const r = canvas.getBoundingClientRect();\r\n        const cx = e.touches ? e.touches[0].clientX : e.clientX;\r\n        const cy = e.touches ? e.touches[0].clientY : e.clientY;\r\n        mouse.x = cx - r.left;\r\n        mouse.y = cy - r.top;\r\n    };\r\n\r\n    window.addEventListener('resize', init);\r\n    canvas.addEventListener('mousemove', updateMouse);\r\n    canvas.addEventListener('touchmove', updateMouse, {passive: true});\r\n    canvas.addEventListener('mouseleave', () => { mouse.x = -1000; mouse.y = -1000; });\r\n    canvas.addEventListener('touchend', () => { mouse.x = -1000; mouse.y = -1000; });\r\n\r\n    setTimeout(init, 50);\r\n    draw();\r\n})();\r\n<\/script>"},"pt":[],"pipeline":[],"class_list":["post-7605","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/7605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":2,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/7605\/revisions"}],"predecessor-version":[{"id":7669,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/portfolio\/7605\/revisions\/7669"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/media\/2369"}],"wp:attachment":[{"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/media?parent=7605"}],"wp:term":[{"taxonomy":"pt","embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/pt?post=7605"},{"taxonomy":"pipeline","embeddable":true,"href":"https:\/\/innovacore.group\/hu\/wp-json\/wp\/v2\/pipeline?post=7605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}