{"id":19438,"date":"2025-12-17T10:29:03","date_gmt":"2025-12-17T04:59:03","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=19438"},"modified":"2025-12-17T10:58:40","modified_gmt":"2025-12-17T05:28:40","slug":"benefits","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/benefits\/","title":{"rendered":"Benefits"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19438\" class=\"elementor elementor-19438\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69d5895 e-con-full e-flex e-con e-parent \" data-id=\"69d5895\" data-element_type=\"container\">\t\t<div class=\"elementor-element elementor-element-55220fd elementor-widget elementor-widget-pxl_heading\" data-id=\"55220fd\" 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-55220fd-6950\" 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-style-1 wow fadeInUp\" data-wow-delay=\"300ms\">\n\n\n\tBenefits\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-5b3b9f1 elementor-widget elementor-widget-html\" data-id=\"5b3b9f1\" 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\r\n        .benefits-category-container {\r\n            max-width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .benefits-category-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n\r\n        .benefits-category-subtitle {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .benefits-category-tabs {\r\n            display: flex;\r\n            gap: 15px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 50px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .benefits-category-tab {\r\n            padding: 15px 35px;\r\n            background: rgba(138, 43, 226, 0.2);\r\n            border: 2px solid rgba(138, 43, 226, 0.4);\r\n            border-radius: 50px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .benefits-category-tab:hover {\r\n            background: rgba(138, 43, 226, 0.3);\r\n            border-color: #ff1493;\r\n            color: #fff;\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .benefits-category-tab.benefits-category-active {\r\n            background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n            border-color: #ff1493;\r\n            color: #fff;\r\n            box-shadow: 0 8px 20px rgba(138, 43, 226, 0.5);\r\n        }\r\n\r\n        .benefits-category-content {\r\n            display: none;\r\n            animation: benefits-category-fadeIn 0.5s ease-in;\r\n        }\r\n\r\n        .benefits-category-content.benefits-category-active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes benefits-category-fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .benefits-category-section-title {\r\n            color: #fff;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            \r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .benefits-category-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n            gap: 25px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .benefits-category-item {\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: 15px;\r\n            padding: 25px;\r\n            transition: all 0.3s;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .benefits-category-item::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.05), transparent);\r\n            transition: left 0.5s;\r\n        }\r\n\r\n        .benefits-category-item:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .benefits-category-item:hover {\r\n            transform: translateY(-5px);\r\n            border-color: #ff1493;\r\n            background: linear-gradient(145deg, rgba(138, 43, 226, 0.25), rgba(75, 0, 130, 0.25));\r\n            box-shadow: 0 10px 30px rgba(138, 43, 226, 0.3);\r\n        }\r\n\r\n        .benefits-category-item-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .benefits-category-number {\r\n            min-width: 45px;\r\n            height: 45px;\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            color: #fff;\r\n            font-weight: 700;\r\n            font-size: 1.1rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .benefits-category-text {\r\n            color: #fff;\r\n            font-size: 1.05rem;\r\n            line-height: 1.6;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .benefits-category-back-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 15px 35px;\r\n            background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n            border: none;\r\n            border-radius: 50px;\r\n            color: #fff;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            margin: 50px auto 0;\r\n            display: flex;\r\n            width: fit-content;\r\n        }\r\n\r\n        .benefits-category-back-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 25px rgba(138, 43, 226, 0.5);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .benefits-category-main-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .benefits-category-section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .benefits-category-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .benefits-category-tabs {\r\n                gap: 10px;\r\n            }\r\n\r\n            .benefits-category-tab {\r\n                padding: 12px 25px;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        \/* Floating particles *\/\r\n        @keyframes benefits-category-float {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(180deg); }\r\n        }\r\n\r\n        .benefits-category-particle {\r\n            position: fixed;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(138, 43, 226, 0.4);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: benefits-category-float 6s infinite ease-in-out;\r\n            z-index: 1;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"benefits-category-container\">\r\n        \r\n\r\n        <div class=\"benefits-category-tabs\">\r\n            <button class=\"benefits-category-tab benefits-category-active\" data-category=\"sponsor\" id=\"sponsors\">\r\n                Sponsor Benefits\r\n            <\/button>\r\n            <button class=\"benefits-category-tab\" data-category=\"exhibitor\" id=\"exhibitors\">\r\n                Exhibitor Benefits\r\n            <\/button>\r\n            <button class=\"benefits-category-tab\" data-category=\"association\" id=\"association\">\r\n                Association Benefits\r\n            <\/button>\r\n            <button class=\"benefits-category-tab\" data-category=\"visitor\" id=\"visitors\">\r\n                Visitor Benefits\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"benefits-category-sponsor\" class=\"benefits-category-content benefits-category-active\">\r\n            <h2 class=\"benefits-category-section-title\">Sponsor Benefits<\/h2>\r\n            <div class=\"benefits-category-grid\" id=\"sponsor-grid\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"benefits-category-exhibitor\" class=\"benefits-category-content\">\r\n            <h2 class=\"benefits-category-section-title\">Exhibitor Benefits<\/h2>\r\n            <div class=\"benefits-category-grid\" id=\"exhibitor-grid\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"benefits-category-association\" class=\"benefits-category-content\">\r\n            <h2 class=\"benefits-category-section-title\">Association Benefits<\/h2>\r\n            <div class=\"benefits-category-grid\" id=\"association-grid\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"benefits-category-visitor\" class=\"benefits-category-content\">\r\n            <h2 class=\"benefits-category-section-title\">Visitor Benefits<\/h2>\r\n            <div class=\"benefits-category-grid\" id=\"visitor-grid\"><\/div>\r\n        <\/div>\r\n\r\n        \r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Benefits data - easily editable JSON structure\r\n        const benefitsData = {\r\n            sponsor: [\r\n                \"Brand Visibility and Exposure\",\r\n                \"Targeted Marketing Opportunities\",\r\n                \"Exclusive Networking Opportunities\",\r\n                \"Customizable Branding and Activations\",\r\n                \"Increased Sales Opportunities\",\r\n                \"Engagement Through Digital Platforms\",\r\n                \"Innovative Product Launch Opportunities\",\r\n                \"Strategic Partnerships and Collaborations\",\r\n                \"Increased Booth Engagement\",\r\n                \"Personalized Interaction with Key Decision-Makers\"\r\n            ],\r\n            exhibitor: [\r\n                \"Networking Opportunities\",\r\n                \"Connecting with Industry Professionals\",\r\n                \"Building Business Relationships\",\r\n                \"Brand Visibility and Awareness\",\r\n                \"Increased Brand Exposure\",\r\n                \"Lead Generation and Sales Opportunities\",\r\n                \"Insights into Industry Trends\",\r\n                \"Showcase New Products\",\r\n                \"Interactive Product Demonstrations\",\r\n                \"Learning from Experts\"\r\n            ],\r\n            association: [\r\n                \"Networking with Industry Leaders\",\r\n                \"Promote Industry Standards and Best Practices\",\r\n                \"Market Research and Industry Insights\",\r\n                \"Strengthen Industry Relationships\",\r\n                \"Sponsorship and Partnership Opportunities\",\r\n                \"Building a Stronger Community\",\r\n                \"Enhance Association's Credibility\",\r\n                \"Brand Visibility and Recognition\",\r\n                \"Collaborative Research and Development\",\r\n                \"Support for Member Businesses\"\r\n            ],\r\n            visitor: [\r\n                \"Discover New Products and Trends\",\r\n                \"Networking Opportunities\",\r\n                \"Learn About New Technologies\",\r\n                \"Product Sampling and Demonstrations\",\r\n                \"Meet Industry Influencers and Experts\",\r\n                \"Business Growth Opportunities\",\r\n                \"Stay Ahead of Competitors\",\r\n                \"Inspiration and Creative Ideas\",\r\n                \"Discover Sustainable Practices\",\r\n                \"Exclusive Deals and Discounts\"\r\n            ]\r\n        };\r\n\r\n        \/\/ Function to render benefits\r\n        function renderBenefits(category, containerId) {\r\n            const container = document.getElementById(containerId);\r\n            const benefits = benefitsData[category];\r\n            \r\n            container.innerHTML = '';\r\n            \r\n            benefits.forEach((benefit, index) => {\r\n                const item = document.createElement('div');\r\n                item.className = 'benefits-category-item';\r\n                item.innerHTML = `\r\n                    <div class=\"benefits-category-item-header\">\r\n                        <div class=\"benefits-category-number\">${String(index + 1).padStart(2, '0')}<\/div>\r\n                        <div class=\"benefits-category-text\">${benefit}<\/div>\r\n                    <\/div>\r\n                `;\r\n                container.appendChild(item);\r\n            });\r\n        }\r\n\r\n        \/\/ Initialize all benefits\r\n        renderBenefits('sponsor', 'sponsor-grid');\r\n        renderBenefits('exhibitor', 'exhibitor-grid');\r\n        renderBenefits('association', 'association-grid');\r\n        renderBenefits('visitor', 'visitor-grid');\r\n\r\n        \/\/ Tab switching\r\n        const tabs = document.querySelectorAll('.benefits-category-tab');\r\n        const contents = document.querySelectorAll('.benefits-category-content');\r\n\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener('click', () => {\r\n                const category = tab.dataset.category;\r\n                \r\n                \/\/ Remove active class from all tabs and contents\r\n                tabs.forEach(t => t.classList.remove('benefits-category-active'));\r\n                contents.forEach(c => c.classList.remove('benefits-category-active'));\r\n                \r\n                \/\/ Add active class to clicked tab and corresponding content\r\n                tab.classList.add('benefits-category-active');\r\n                document.getElementById(`benefits-category-${category}`).classList.add('benefits-category-active');\r\n            });\r\n        });\r\n\r\n        \/\/ Create floating particles\r\n        function createParticles() {\r\n            for (let i = 0; i < 20; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.className = 'benefits-category-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        createParticles();\r\n        \r\n        \r\n        function activateTab(category) {\r\n    const tab = document.querySelector(\r\n        `.benefits-category-tab[data-category=\"${category}\"]`\r\n    );\r\n    const content = document.getElementById(`benefits-category-${category}`);\r\n\r\n    if (!tab || !content) return;\r\n\r\n    \/\/ Remove active classes\r\n    document.querySelectorAll('.benefits-category-tab')\r\n        .forEach(t => t.classList.remove('benefits-category-active'));\r\n    document.querySelectorAll('.benefits-category-content')\r\n        .forEach(c => c.classList.remove('benefits-category-active'));\r\n\r\n    \/\/ Activate selected tab\r\n    tab.classList.add('benefits-category-active');\r\n    content.classList.add('benefits-category-active');\r\n}\r\n\r\n\/\/ On page load \u2013 check hash\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n    const hash = window.location.hash.replace('#', '');\r\n\r\n    if (hash) {\r\n        activateTab(hash);\r\n    }\r\n});\r\n        \r\n        \r\n        \r\n        \r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Benefits Sponsor Benefits Exhibitor Benefits Association Benefits Visitor Benefits Sponsor Benefits Exhibitor Benefits Association Benefits Visitor Benefits<\/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-19438","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/19438","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=19438"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/19438\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=19438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}