{"id":8890,"date":"2025-05-17T18:41:31","date_gmt":"2025-05-17T18:41:31","guid":{"rendered":"https:\/\/a2z.media\/qa\/?page_id=8890"},"modified":"2025-11-25T13:07:51","modified_gmt":"2025-11-25T13:07:51","slug":"press-release","status":"publish","type":"page","link":"https:\/\/a2z.media\/qa\/press-release\/","title":{"rendered":"Press Release"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8890\" class=\"elementor elementor-8890\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f178cb5 e-con-full e-flex e-con e-parent\" data-id=\"f178cb5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ecbef9 e-flex e-con-boxed e-con e-child\" data-id=\"9ecbef9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13eb0c0 e-con-full e-flex e-con e-child\" data-id=\"13eb0c0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef8fc0c elementor-widget elementor-widget-heading\" data-id=\"ef8fc0c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/qa\/\">Home<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85d7b4f elementor-widget elementor-widget-heading\" data-id=\"85d7b4f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\/<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-120f56f elementor-widget elementor-widget-heading\" data-id=\"120f56f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Press Releases<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7f45ad e-con-full e-flex e-con e-child\" data-id=\"a7f45ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd0213 elementor-widget elementor-widget-heading\" data-id=\"9fd0213\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/qa\/press-release\/\">Press Releases<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4255754 elementor-widget elementor-widget-heading\" data-id=\"4255754\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/qa\/all-latest-news\/\">All Latest News<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87048ac elementor-widget elementor-widget-heading\" data-id=\"87048ac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/qa\/blogs\/\">Blogs<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e076dcc elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e076dcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><h2 style=\"color: #ffffff\">Stay informed with the latest news from A2Z Media.<\/h2>\n<p style=\"color: #ffffff\">\n  Our press releases provide updates on significant achievements, new initiatives, and upcoming events, keeping you connected with our journey.\n<\/p>\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8daf477 e-flex e-con-boxed e-con e-parent\" data-id=\"8daf477\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ba081 elementor-widget elementor-widget-html\" data-id=\"c0ba081\" 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<div id=\"custom-posts-container\" class=\"custom-posts-wrapper\"><\/div>\r\n<div id=\"pagination-controls\"><\/div>\r\n<div id=\"pagination-controls-mobile\"><\/div>\r\n\r\n<style>\r\n#pagination-controls{\r\n    margin-top: 20px;\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    justify-self: center;\r\n    justify-content: space-between;\r\n    max-width: 800px;\r\n    border-radius: 24px;\r\n    background: #1F1F1F;\r\n    padding: 12px 32px;\r\n}\r\n    .custom-posts-wrapper {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        column-gap:120px;\r\n        row-gap: 80px\r\n    }\r\n\r\n    .custom-post {\r\n        border-radius: 6px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;        \r\n        width: 305px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .custom-post img {\r\n        width: 304px;\r\n\r\n            aspect-ratio: 1080\/1440;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .custom-post-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        flex: 1;\r\n        gap: 20px;\r\n    }\r\n\r\n    .pagination-wrapper {\r\n        text-align: center;\r\n               display: flex;\r\n       gap: 4px;\r\n    }\r\n\r\n    .pagination-btn {\r\n\r\n        padding: 8px 12px;\r\n        background: transparent;\r\n        cursor: pointer;\r\n        color: #F5F5F5;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .pagination-btn:hover {\r\n        \/*background: #f0f0f0;*\/\r\n    }\r\n    \r\n    .custom-post-title , .custom-post-title a {\r\n        color: #FFF;\r\n        font-family: \"Public Sans\";\r\n        font-size: 20px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: 115%; \/* 23px *\/\r\n        margin: 0;\r\n\r\n    }\r\n        .custom-post-title:hover,.custom-post-title:visited,.custom-post-title:active{\r\n        color: #FFF;\r\n    }\r\n    .custom-posts-wrapper-inner{\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .pagination-btn.active {\r\n        background: #ED0B73;\r\n        border-radius: 8px;\r\n\r\n    }\r\n    .custon-post-date{\r\n        overflow: hidden;\r\n        color:#FCFCFC;\r\n        \r\n        white-space: nowrap;\r\n        font-family: \"Public Sans\";\r\n        font-size: 14px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: 140%; \/* 19.6px *\/\r\n    }\r\n       .custon-post-type{\r\n            overflow: hidden;\r\n            color:  #2FE9FF;\r\n            font-family: \"Public Sans\";\r\n            font-size: 16px;\r\n            font-style: normal;\r\n            font-weight: 700;\r\n            line-height: 140%; \/* 22.4px *\/\r\n    }\r\n         #pagination-controls-mobile{\r\n        display: none\r\n    }\r\n            .main-container-empty{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        min-height: 40dvh;\r\n    }\r\n    #custom-posts-container:has(.main-container-empty){\r\n        display: block;\r\n        \r\n    }\r\n    @media (max-width: 1024px) {\r\n        .custom-posts-wrapper {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            row-gap: 20px\r\n            \r\n            \r\n        }\r\n\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .custom-posts-wrapper {\r\n            grid-template-columns: 1fr;\r\n            row-gap: 20px;\r\n            justify-items: center;\r\n        }\r\n        \r\n    #pagination-controls{display:none!important;}\r\n        \r\n    #pagination-controls-mobile{\r\n    display: flex;\r\n        width: 100%;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n        margin-top: 20px;\r\n    }\r\n    .pagination-btn-wrapper{\r\n            border-radius: 24px;\r\n        background: #1F1F1F;\r\n        padding: 12px 24px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n    .pagination-btn-controls-mobile{\r\n        display: flex;\r\n        width: 100%;\r\n        justify-content: space-between;\r\n    }\r\n    .pagination-btn{font-size:12px;}\r\n    }\r\n<\/style>\r\n\r\n\r\n<script>\r\n    const container = document.getElementById('custom-posts-container');\r\n    const pagination = document.getElementById('pagination-controls');\r\n    const pagination2 = document.getElementById('pagination-controls-mobile');\r\n    const perPage =12;\r\n    let currentPage = 1;\r\n\r\n    function fetchPosts(page = 1) {\r\n        fetch(`https:\/\/a2z.media\/qa\/wp-json\/custom\/v1\/posts?type=press_release&per_page=${perPage}&page=${page}`)\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                renderPosts(data.data);\r\n                renderPagination(data.total_pages, data.page);\r\n            });\r\n    }\r\n\r\n    function renderPosts(posts) {\r\n        \r\n                \r\n             if (!posts || posts.length === 0) {\r\n        container.innerHTML = ` <div class=\"main-container-empty\"><p class=\"custom-post-title\">No posts available.<\/p><\/div>`;\r\n        pagination.style.display = 'none';\r\n        pagination2.style.display = 'none';\r\n        return;\r\n    }\r\n        \r\n        \r\n        container.innerHTML = posts.map(post => `\r\n            <div class=\"custom-post\">\r\n            <a  href=\"${post.link}\" target=\"_blank\">\r\n                <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\" \/><\/a>\r\n                <div class=\"custom-post-content\">\r\n                    <h3 class=\"custom-post-title\" ><a  href=\"${post.link}\" target=\"_blank\">${post.title}<\/a><\/h3>\r\n                  <div class=\"custom-posts-wrapper-inner\">\r\n                    <span class=\"custon-post-date\">${new Date(post.pubDate).toLocaleDateString()}<\/span>\r\n                      <span class=\"custon-post-type\">${post.type}<\/span>\r\n                <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `).join('');\r\n    }\r\nfunction renderPagination(totalPages, currentPage) {\r\n    if (totalPages <= 1) {\r\n        pagination.style.display = 'none';\r\n        return;\r\n    } else {\r\n        pagination.style.display = 'flex';\r\n    }\r\n\r\n    let prevBtn = '';\r\n    let nextBtn = '';\r\n    let pageButtons = '';\r\n\r\n    \/\/ Previous Button\r\n    if (currentPage > 1) {\r\n        prevBtn = `<span class=\"pagination-btn\" onclick=\"goToPage(${currentPage - 1})\"> \u2190 Previous<\/span>`;\r\n    } else {\r\n        prevBtn = `<span class=\"pagination-btn\" style=\"opacity: 0.5; cursor: default;\">\u2190 Previous<\/span>`;\r\n    }\r\n\r\n    const pageNumbers = [];\r\n\r\n    if (totalPages <= 8) {\r\n        \/\/ Show all pages\r\n        for (let i = 1; i <= totalPages; i++) {\r\n            pageNumbers.push(i);\r\n        }\r\n    } else {\r\n        if (currentPage <= 5) {\r\n            for (let i = 1; i <= 6; i++) {\r\n                pageNumbers.push(i);\r\n            }\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(totalPages - 1);\r\n            pageNumbers.push(totalPages);\r\n        } else if (currentPage >= totalPages - 4) {\r\n            pageNumbers.push(1);\r\n            pageNumbers.push(2);\r\n            pageNumbers.push('...');\r\n            for (let i = totalPages - 5; i <= totalPages; i++) {\r\n                pageNumbers.push(i);\r\n            }\r\n        } else {\r\n            pageNumbers.push(1);\r\n            pageNumbers.push(2);\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(currentPage - 1);\r\n            pageNumbers.push(currentPage);\r\n            pageNumbers.push(currentPage + 1);\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(totalPages - 1);\r\n            pageNumbers.push(totalPages);\r\n        }\r\n    }\r\n\r\n    \/\/ Render page number buttons\r\n    pageNumbers.forEach(page => {\r\n        if (page === '...') {\r\n            pageButtons += `<span class=\"pagination-btn\" style=\"cursor: default;\">...<\/span>`;\r\n        } else {\r\n            pageButtons += `<span class=\"pagination-btn ${page === currentPage ? 'active' : ''}\" onclick=\"goToPage(${page})\">${page}<\/span>`;\r\n        }\r\n    });\r\n\r\n    \/\/ Next Button\r\n    if (currentPage < totalPages) {\r\n        nextBtn = `<span class=\"pagination-btn\" onclick=\"goToPage(${currentPage + 1})\">Next \u2192<\/span>`;\r\n    } else {\r\n        nextBtn = `<span class=\"pagination-btn\" style=\"opacity: 0.5; cursor: default;\">Next \u2192<\/span>`;\r\n    }\r\n\r\n    \/\/ Combine with Previous and Next outside the wrapper\r\n    pagination.innerHTML = `\r\n        ${prevBtn}\r\n        <div class=\"pagination-btn-wrapper\">${pageButtons}<\/div>\r\n        ${nextBtn}\r\n    `;\r\n      pagination2.innerHTML = `\r\n        \r\n        <div class=\"pagination-btn-wrapper\">${pageButtons}<\/div>\r\n        <div class=\"pagination-btn-controls-mobile\" > ${prevBtn}  ${nextBtn}<\/div>\r\n       \r\n    `;\r\n}\r\n\r\n\r\n\r\n    window.goToPage = function (page) {\r\n        currentPage = page;\r\n        fetchPosts(currentPage);\r\n    };\r\n\r\n\r\n    fetchPosts();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \/ Press Releases Press Releases All Latest News Blogs Stay informed with the latest news from A2Z Media. Our press releases provide updates on significant achievements, new initiatives, and upcoming events, keeping you connected with our journey.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-8890","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/8890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/comments?post=8890"}],"version-history":[{"count":296,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/8890\/revisions"}],"predecessor-version":[{"id":13789,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/8890\/revisions\/13789"}],"wp:attachment":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/media?parent=8890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}