{"id":14596,"date":"2026-06-21T08:29:04","date_gmt":"2026-06-21T08:29:04","guid":{"rendered":"https:\/\/a2z.media\/qa\/?page_id=14596"},"modified":"2026-06-23T19:48:31","modified_gmt":"2026-06-23T19:48:31","slug":"blogs","status":"publish","type":"page","link":"https:\/\/a2z.media\/qa\/blogs\/","title":{"rendered":"Insights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14596\" class=\"elementor elementor-14596\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd8353 e-con-full e-flex e-con e-parent\" data-id=\"4fd8353\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-842527a e-flex e-con-boxed e-con e-child\" data-id=\"842527a\" data-element_type=\"container\" data-e-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-03492b9 e-con-full e-flex e-con e-child\" data-id=\"03492b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f90c330 elementor-widget elementor-widget-heading\" data-id=\"f90c330\" data-element_type=\"widget\" data-e-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\/?page_id=7070\">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-63e9d2e elementor-widget elementor-widget-heading\" data-id=\"63e9d2e\" data-element_type=\"widget\" data-e-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-7b54f1d elementor-widget elementor-widget-heading\" data-id=\"7b54f1d\" data-element_type=\"widget\" data-e-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\">Insights<\/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-91672ef e-con-full e-flex e-con e-child\" data-id=\"91672ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f58f2cf elementor-widget elementor-widget-heading\" data-id=\"f58f2cf\" data-element_type=\"widget\" data-e-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\/insights\">Insights<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5bee68 elementor-widget elementor-widget-heading\" data-id=\"e5bee68\" data-element_type=\"widget\" data-e-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\/latest-news\/\">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-edabd1f elementor-widget elementor-widget-heading\" data-id=\"edabd1f\" data-element_type=\"widget\" data-e-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\/press-release\/\">Press Releases<\/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-9023b52 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9023b52\" data-element_type=\"widget\" data-e-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\">For insights on industry trends, expert opinions, and valuable tips. Stay ahead with content designed to inform and inspire, covering a wide range of topics relevant to your interests.<\/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-dab63ce e-flex e-con-boxed e-con e-parent\" data-id=\"dab63ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0203f3f elementor-widget elementor-widget-html\" data-id=\"0203f3f\" data-element_type=\"widget\" data-e-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    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: #F5F5F5;\r\n  \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\r\n        padding: 15px;\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     aspect-ratio: 1080\/1440;\r\n       \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   \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: #141414;\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: #141414;\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:#262626;\r\n        opacity: 0.45;\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    \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    }\r\n    .pagination-btn-wrapper{\r\n            border-radius: 24px;\r\n        background: #F5F5F5;\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\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=blogs&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        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\" style=\"color: ${post.type === 'Blogs' ? '#93278F' : '#2FE9FF'}\">${post.type === 'Blogs' ? 'Insights' : post.type}<\/span>\r\n\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    \/\/ 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 \/ Insights Insights Latest News Press Releases For insights on industry trends, expert opinions, and valuable tips. Stay ahead with content designed to inform and inspire, covering a wide range of topics relevant to your interests.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","_joinchat":[],"footnotes":""},"class_list":["post-14596","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/14596","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/comments?post=14596"}],"version-history":[{"count":13,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/14596\/revisions"}],"predecessor-version":[{"id":14997,"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/pages\/14596\/revisions\/14997"}],"wp:attachment":[{"href":"https:\/\/a2z.media\/qa\/wp-json\/wp\/v2\/media?parent=14596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}