{"id":21029,"date":"2026-01-03T08:28:25","date_gmt":"2026-01-03T02:58:25","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=21029"},"modified":"2026-01-03T08:46:11","modified_gmt":"2026-01-03T03:16:11","slug":"tagline-partners","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/tagline-partners\/","title":{"rendered":"Tagline Partners"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21029\" class=\"elementor elementor-21029\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ca653b e-con-full e-flex e-con e-parent \" data-id=\"4ca653b\" data-element_type=\"container\">\t\t<div class=\"elementor-element elementor-element-8117991 elementor-widget elementor-widget-pxl_heading\" data-id=\"8117991\" data-element_type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_heading-8117991-4177\" class=\"pxl-heading pxl-heading--tcustom\">\n\t<div class=\"pxl-heading--inner\">\n\n\t\t\n\t<h3 class=\"pxl-item--title   pxl-color-custom wow fadeInUp\" data-wow-delay=\"300ms\">\n\n\n\tTagline Partners\t\t\t\n\t<\/h3>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c261001 elementor-widget elementor-widget-image\" data-id=\"c261001\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"218\" height=\"80\" src=\"https:\/\/demo.vleafy.com\/ibc2\/wp-content\/uploads\/2024\/06\/home-1-light.png\" class=\"attachment-large size-large wp-image-7236\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-fa6ded3 e-flex e-con-boxed e-con e-parent \" data-id=\"fa6ded3\" data-element_type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-dba469a elementor-widget elementor-widget-html\" data-id=\"dba469a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <style>\r\n        \r\n        .partnership-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .header-section {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .main-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .main-title .highlight {\r\n            background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .subtitle {\r\n            color: #fff;\r\n            font-size: 1.1rem;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .categories-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .category-card {\r\n            background: linear-gradient(145deg, rgba(138, 43, 226, 0.15), rgba(75, 0, 130, 0.15));\r\n            border: 2px solid rgba(138, 43, 226, 0.3);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            cursor: pointer;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .category-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .category-card:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .category-card:hover {\r\n            transform: translateY(-10px) scale(1.02);\r\n            background: linear-gradient(145deg, rgba(138, 43, 226, 0.3), rgba(75, 0, 130, 0.3));\r\n            border-color: #ff1493;\r\n            box-shadow: 0 20px 40px rgba(138, 43, 226, 0.4);\r\n        }\r\n\r\n        .card-number {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 20px;\r\n            font-size: 2.5rem;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            z-index: 1;\r\n        }\r\n\r\n        .icon-wrapper {\r\n            width: 70px;\r\n            height: 70px;\r\n            margin: 0 auto 25px;\r\n            background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: transform 0.4s;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .category-card:hover .icon-wrapper {\r\n            transform: rotate(360deg) scale(1.1);\r\n        }\r\n\r\n        .icon-wrapper svg {\r\n            width: 35px;\r\n            height: 35px;\r\n            fill: #fff;\r\n        }\r\n\r\n        .category-name {\r\n            color: #fff;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            margin-top: 15px;\r\n            position: relative;\r\n            z-index: 2;\r\n            letter-spacing: 0.5px;\r\n            font-family: Helvetica;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .categories-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 25px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .main-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .categories-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 20px;\r\n                padding: 10px;\r\n            }\r\n\r\n            .category-card {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .icon-wrapper {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n\r\n            .icon-wrapper svg {\r\n                width: 30px;\r\n                height: 30px;\r\n            }\r\n\r\n            .category-name {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .categories-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Animated background particles *\/\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(180deg); }\r\n        }\r\n\r\n        .floating-particle {\r\n            position: fixed;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(138, 43, 226, 0.5);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: float 6s infinite ease-in-out;\r\n            z-index: 0;\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"partnership-container\">\r\n        <div class=\"header-section\">\r\n            \r\n            <p class=\"subtitle\">Explore diverse partnership opportunities across various industries<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"categories-grid\" id=\"categoriesGrid\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Dynamic JSON data for partnership categories\r\n        const partnershipData = [\r\n            {\r\n                name: \"Water Bottle Partner\",\r\n                icon: `<path d=\"M12,3 L12,5 L10,5 L10,7 L8,7 L8,21 C8,21.5304 8.21071,22.0391 8.58579,22.4142 C8.96086,22.7893 9.46957,23 10,23 L14,23 C14.5304,23 15.0391,22.7893 15.4142,22.4142 C15.7893,22.0391 16,21.5304 16,21 L16,7 L14,7 L14,5 L12,5 L12,3 Z M10,9 L14,9 L14,21 L10,21 L10,9 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Technology Partner\",\r\n                icon: `<path d=\"M20,18 C20.5523,18 21,18.4477 21,19 L21,21 C21,21.5523 20.5523,22 20,22 L4,22 C3.44772,22 3,21.5523 3,21 L3,19 C3,18.4477 3.44772,18 4,18 L20,18 Z M20,2 C20.5523,2 21,2.44772 21,3 L21,15 C21,15.5523 20.5523,16 20,16 L4,16 C3.44772,16 3,15.5523 3,15 L3,3 C3,2.44772 3.44772,2 4,2 L20,2 Z M19,4 L5,4 L5,14 L19,14 L19,4 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Marketing Partner\",\r\n                icon: `<path d=\"M21,3 L3,10.5 L3,11.5 L9.84,14.16 L12.5,21 L13.5,21 L21,3 Z M13.5,18.94 L11.47,13.76 L18.76,6.47 L13.5,18.94 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"YouTube Partner\",\r\n                icon: `<path d=\"M10,15 L15.19,12 L10,9 L10,15 Z M21.56,7.17 C21.69,7.64 21.78,8.27 21.84,9.07 C21.91,9.87 21.94,10.56 21.94,11.16 L22,12 C22,14.19 21.84,15.8 21.56,16.83 C21.31,17.73 20.73,18.31 19.83,18.56 C19.36,18.69 18.5,18.78 17.18,18.84 C15.88,18.91 14.69,18.94 13.59,18.94 L12,19 C7.81,19 5.2,18.84 4.17,18.56 C3.27,18.31 2.69,17.73 2.44,16.83 C2.31,16.36 2.22,15.73 2.16,14.93 C2.09,14.13 2.06,13.44 2.06,12.84 L2,12 C2,9.81 2.16,8.2 2.44,7.17 C2.69,6.27 3.27,5.69 4.17,5.44 C4.64,5.31 5.5,5.22 6.82,5.16 C8.12,5.09 9.31,5.06 10.41,5.06 L12,5 C16.19,5 18.8,5.16 19.83,5.44 C20.73,5.69 21.31,6.27 21.56,7.17 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Beverages Partner\",\r\n                icon: `<path d=\"M3,2 L21,2 L21,8 C21,9.1 20.1,10 19,10 L19,20 C19,21.1 18.1,22 17,22 L7,22 C5.9,22 5,21.1 5,20 L5,10 C3.9,10 3,9.1 3,8 L3,2 Z M5,4 L5,8 L19,8 L19,4 L5,4 Z M7,10 L7,20 L17,20 L17,10 L7,10 Z M9,12 L15,12 L15,14 L9,14 L9,12 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Billing Solutions Partner\",\r\n                icon: `<path d=\"M19,3 L5,3 C3.89,3 3,3.9 3,5 L3,19 C3,20.1 3.89,21 5,21 L19,21 C20.11,21 21,20.1 21,19 L21,5 C21,3.9 20.11,3 19,3 Z M19,19 L5,19 L5,5 L19,5 L19,19 Z M7,10 L17,10 L17,12 L7,12 L7,10 Z M7,14 L12,14 L12,16 L7,16 L7,14 Z M7,6 L17,6 L17,8 L7,8 L7,6 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Media Partner\",\r\n                icon: `<path d=\"M4,6 L20,6 C21.1,6 22,6.9 22,8 L22,16 C22,17.1 21.1,18 20,18 L4,18 C2.9,18 2,17.1 2,16 L2,8 C2,6.9 2.9,6 4,6 Z M4,8 L4,16 L20,16 L20,8 L4,8 Z M10,9 L16,12 L10,15 L10,9 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Television Partner\",\r\n                icon: `<path d=\"M21,3 L3,3 C1.9,3 1,3.9 1,5 L1,17 C1,18.1 1.9,19 3,19 L8,19 L8,21 L16,21 L16,19 L21,19 C22.1,19 23,18.1 23,17 L23,5 C23,3.9 22.1,3 21,3 Z M21,17 L3,17 L3,5 L21,5 L21,17 Z M9,8 L15,12 L9,16 L9,8 Z\"\/>`\r\n            },\r\n            {\r\n                name: \"Automation Technology Partner\",\r\n                icon: `<path d=\"M12,2 L12,4.67 C14.98,5.35 17.24,7.61 17.92,10.59 L20.59,10.59 C19.86,6.05 16.2,2.39 11.66,1.66 L12,2 Z M11.66,22.34 C7.12,21.61 3.46,17.95 2.73,13.41 L5.4,13.41 C6.08,16.39 8.34,18.65 11.32,19.33 L11.66,22.34 Z M20.59,13.41 L17.92,13.41 C17.24,16.39 14.98,18.65 12,19.33 L12,22 L11.66,22.34 C16.2,21.61 19.86,17.95 20.59,13.41 Z M5.4,10.59 C6.08,7.61 8.34,5.35 11.32,4.67 L11.66,1.66 C7.12,2.39 3.46,6.05 2.73,10.59 L5.4,10.59 Z M12,8 C9.79,8 8,9.79 8,12 C8,14.21 9.79,16 12,16 C14.21,16 16,14.21 16,12 C16,9.79 14.21,8 12,8 Z M12,14 C10.9,14 10,13.1 10,12 C10,10.9 10.9,10 12,10 C13.1,10 14,10.9 14,12 C14,13.1 13.1,14 12,14 Z\"\/>`\r\n            }\r\n        ];\r\n\r\n        \/\/ Function to render categories\r\n        function renderCategories() {\r\n            const grid = document.getElementById('categoriesGrid');\r\n            \r\n            partnershipData.forEach((partner, index) => {\r\n                const card = document.createElement('div');\r\n                card.className = 'category-card';\r\n                \r\n                card.innerHTML = `\r\n                    <div class=\"card-number\">${String(index + 1).padStart(2, '0')}<\/div>\r\n                    <div class=\"icon-wrapper\">\r\n                        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            ${partner.icon}\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3 class=\"category-name\">${partner.name}<\/h3>\r\n                `;\r\n                \r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        \/\/ Create floating particles\r\n        function createParticles() {\r\n            for (let i = 0; i < 15; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.className = 'floating-particle';\r\n                particle.style.left = Math.random() * 100 + '%';\r\n                particle.style.top = Math.random() * 100 + '%';\r\n                particle.style.animationDelay = Math.random() * 6 + 's';\r\n                particle.style.animationDuration = (Math.random() * 4 + 4) + 's';\r\n                document.body.appendChild(particle);\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize\r\n        renderCategories();\r\n        createParticles();\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tagline Partners Explore diverse partnership opportunities across various industries<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21029","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/21029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/comments?post=21029"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/21029\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=21029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}