{"id":20041,"date":"2025-12-20T15:49:48","date_gmt":"2025-12-20T10:19:48","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=20041"},"modified":"2025-12-29T02:57:50","modified_gmt":"2025-12-28T21:27:50","slug":"next-5-years-plan","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/next-5-years-plan\/","title":{"rendered":"Next 5 Years Plan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20041\" class=\"elementor elementor-20041\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6b443d e-flex e-con-boxed e-con e-parent \" data-id=\"e6b443d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-5fddde5 elementor-invisible elementor-widget elementor-widget-pxl_heading\" data-id=\"5fddde5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" 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-5fddde5-7626\" 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 \" data-wow-delay=\"ms\">\n\n\n\tNext 5 Years Plan\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-20ff741 elementor-widget elementor-widget-html\" data-id=\"20ff741\" 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<style>\r\n.plan-container {\r\n    max-width: 95%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.plan-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.plan-subtitle {\r\n    color: #fff;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n.plan-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 40px;\r\n    padding: 0 20px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.year-card {\r\n    display: flex;\r\n    background: linear-gradient(145deg, rgba(26, 11, 46, 0.8), rgba(10, 10, 26, 0.8));\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    transition: all 0.3s;\r\n    border: 2px solid rgba(138, 43, 226, 0.2);\r\n}\r\n\r\n.year-card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: #ff1493;\r\n    box-shadow: 0 20px 40px rgba(138, 43, 226, 0.4);\r\n}\r\n\r\n.year-card-image {\r\n    width: 25%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n}\r\n\r\n.year-vertical {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: #fff;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.year-card-content {\r\n    width: 75%;\r\n    padding: 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.year-date {\r\n    color: #fff;\r\n    font-size: 1.25rem;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.events-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.event-item {\r\n    color: rgba(255, 255, 255, 0.85);\r\n    font-size: 0.95rem;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 8px 0;\r\n}\r\n\r\n.event-item::before {\r\n    content: '';\r\n    width: 6px;\r\n    height: 6px;\r\n    background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* Floating particles *\/\r\n@keyframes plan-float {\r\n    0%, 100% { transform: translateY(0) rotate(0deg); }\r\n    50% { transform: translateY(-20px) rotate(180deg); }\r\n}\r\n\r\n.plan-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: plan-float 6s infinite ease-in-out;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .plan-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .year-card {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .year-card-image {\r\n        width: 100%;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .year-vertical {\r\n        writing-mode: horizontal-tb;\r\n        transform: none;\r\n        font-size: 2.5rem;\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .year-card-content {\r\n        width: 100%;\r\n        padding: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"plan-container\">\r\n    <div class=\"plan-header\">\r\n        <p class=\"plan-subtitle\">Strategic Roadmap for 2026\u20132030<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"plan-grid\" id=\"planGrid\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst planData = [\r\n    {\r\n        year: 2026,\r\n        date: \"Jan 1, 2026 - Dec 31, 2026\",\r\n        events: [\r\n            \"IMPA Investor Meet\",\r\n            \"IMPA Family Meet\",\r\n            \"IMPA Matrimony\",\r\n            \"IMPA Pongal Vizha\",\r\n            \"IMPA International Conclave\"\r\n        ]\r\n    },\r\n    {\r\n        year: 2027,\r\n        date: \"Jan 1, 2027 - Dec 31, 2027\",\r\n        events: [\r\n            \"IMPA International Technology Submit\",\r\n            \"IMPA Automobile Expo\",\r\n            \"IMPA Food Festival\",\r\n            \"IMPA Manufacturer\u2019s Meet\",\r\n            \"IMPA Inter District Meet\"\r\n        ]\r\n    },\r\n    {\r\n        year: 2028,\r\n        date: \"Jan 1, 2028 - Dec 31, 2028\",\r\n        events: [\r\n            \"IMPA Educational Expo\",\r\n            \"IMPA Family Meet\",\r\n            \"IMPA Food Industry Meet\",\r\n            \"IMPA Women Entrepreneur Meet\",\r\n            \"IMPA Awards\"\r\n        ]\r\n    },\r\n    {\r\n        year: 2029,\r\n        date: \"Jan 1, 2029 - Dec 31, 2029\",\r\n        events: [\r\n            \"IMPA Family Tour\",\r\n            \"IMPA Business Tour\",\r\n            \"IMPA Medical Expo\",\r\n            \"IMPA Marathon\",\r\n            \"IMPA Finance Industry Meet\"\r\n        ]\r\n    },\r\n    {\r\n        year: 2030,\r\n        date: \"Jan 1, 2030 - Dec 31, 2030\",\r\n        events: [\r\n            \"IMPA AI Conclave\",\r\n            \"IMPA Children\u2019s Day\",\r\n            \"IMPA Agricultural Submit\",\r\n            \"IMPA Retail Connect\",\r\n            \"IMPA E-Commerce\"\r\n        ]\r\n    }\r\n];\r\n\r\n\r\nfunction renderPlan() {\r\n    const grid = document.getElementById(\"planGrid\");\r\n\r\n    planData.forEach(item => {\r\n        const card = document.createElement(\"div\");\r\n        card.className = \"year-card\";\r\n\r\n        let eventsHTML = \"\";\r\n        item.events.forEach(event => {\r\n            eventsHTML += `<div class=\"event-item\">${event}<\/div>`;\r\n        });\r\n\r\n        card.innerHTML = `\r\n            <div class=\"year-card-image\">\r\n                <div class=\"year-vertical\">${item.year.toString().split('').map(d => `<span>${d}<\/span>`).join('')}<\/div>\r\n            <\/div>\r\n            <div class=\"year-card-content\">\r\n                <div class=\"year-date\">${item.date}<\/div>\r\n                <div class=\"events-list\">${eventsHTML}<\/div>\r\n            <\/div>\r\n        `;\r\n\r\n        grid.appendChild(card);\r\n    });\r\n}\r\n\r\nfunction createParticles() {\r\n    for (let i = 0; i < 20; i++) {\r\n        const p = document.createElement(\"div\");\r\n        p.className = \"plan-particle\";\r\n        p.style.left = Math.random() * 100 + \"%\";\r\n        p.style.top = Math.random() * 100 + \"%\";\r\n        p.style.animationDelay = Math.random() * 6 + \"s\";\r\n        p.style.animationDuration = Math.random() * 4 + 4 + \"s\";\r\n        document.body.appendChild(p);\r\n    }\r\n}\r\n\r\nrenderPlan();\r\ncreateParticles();\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>Next 5 Years Plan Strategic Roadmap for 2026\u20132030<\/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-20041","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/20041","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=20041"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/20041\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=20041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}