Knowledge Center - Heart Academy<\/title>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography,container-queries\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E40AF\", \/\/ Royal blue as requested\r\n \"primary-dark\": \"#1e3a8a\",\r\n \"secondary\": \"#db2777\", \/\/ Pinkish\/Purple for banners\/accents\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-light\": \"#374151\",\r\n \"text-dark\": \"#D1D5DB\",\r\n },\r\n fontFamily: {\r\n display: [\"Montserrat\", \"sans-serif\"],\r\n sans: [\"Montserrat\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark font-display text-text-light dark:text-text-dark transition-colors duration-300 antialiased\">\r\n<div class=\"container mx-auto px-4 py-12 max-w-7xl\">\r\n<div class=\"mb-12\">\r\n<h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 dark:text-white mb-4 tracking-tight\">Ki\u1ebfn th\u1ee9c<\/h1>\r\n<p class=\"text-gray-600 dark:text-gray-300 text-lg mb-10 max-w-4xl font-normal leading-relaxed\">\r\n Li\u00ean t\u1ee5c c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c chuy\u00ean m\u00f4n, th\u00f4ng tin chuy\u00ean ng\u00e0nh c\u00f9ng event\/webinar v\u00e0 ebook m\u1edbi nh\u1ea5t t\u1eeb Heart Academy.\r\n <\/p>\r\n<div class=\"flex flex-wrap items-center gap-x-8 gap-y-4 border-b border-gray-200 dark:border-gray-700 mb-10 text-sm md:text-base font-semibold\">\r\n<button class=\"pb-3 border-b-2 border-primary text-primary transition-colors tab-button active\" data-category=\"all\">T\u1ea5t c\u1ea3<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"marketing-bds\">Marketing B\u0110S<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"phap-ly-bds\">Ph\u00e1p l\u00fd B\u0110S<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"ky-nang-chot-deal\">K\u1ef9 n\u0103ng Ch\u1ed1t deal<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"cong-nghe-ai\">C\u00f4ng ngh\u1ec7 & AI<\/button>\r\n<\/div>\r\n<div id=\"heroBanner\" class=\"relative w-full aspect-[21\/9] rounded-2xl overflow-hidden shadow-xl group cursor-pointer bg-gray-200 dark:bg-gray-800\">\r\n<img decoding=\"async\" alt=\"Featured Hero Banner\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC9F3Xo6Zp-7kOUN82i4_G_wwWcDqBl71ji77Uu2rcT2n0ddIUy4SMBMEuXEVzYWrawHNcQKcGHRciyHtJsKnI7ICXIunYgvBoAI5m1fMvm3ml9WT2q6sXM8sGs5dPnHKNTq3ULQkJy1PV7dk3t1NGFHADZ35dwMH3F9NUcoSC2DAiHuD36RfoIE2H5c6dfjMcD6uPBW7S6seGFSk5cyEed0rl4mrwp7TrLCof8aDaGkS5J95om9bpfG2gA3ldIMlQT5WrSFKfJOQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent flex items-end p-6 md:p-10\">\r\n<div class=\"max-w-3xl text-white\">\r\n<div class=\"inline-flex items-center space-x-2 mb-3\">\r\n<span class=\"px-2 py-1 bg-secondary text-white text-xs font-bold rounded uppercase tracking-wider\">M\u1edbi nh\u1ea5t<\/span>\r\n<span class=\"text-xs font-medium text-gray-200\">22 Th\u00e1ng 3, 2024<\/span>\r\n<\/div>\r\n<h2 class=\"text-2xl md:text-4xl font-bold mb-3 leading-tight text-white drop-shadow-sm\">To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n t\u1ea1i \u0110\u00f4ng Nam \u00c1 2024<\/h2>\r\n<p class=\"text-gray-200 line-clamp-2 text-sm md:text-base font-light\">Heart Academy - B\u00f9ng n\u1ed5 v\u00e0o giai \u0111o\u1ea1n d\u1ecbch COVID-19, c\u00e1c \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n d\u1ea7n tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong cu\u1ed9c s\u1ed1ng hi\u1ec7n \u0111\u1ea1i.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n<div class=\"lg:col-span-8\">\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\" id=\"articlesGrid\">\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC9F3Xo6Zp-7kOUN82i4_G_wwWcDqBl71ji77Uu2rcT2n0ddIUy4SMBMEuXEVzYWrawHNcQKcGHRciyHtJsKnI7ICXIunYgvBoAI5m1fMvm3ml9WT2q6sXM8sGs5dPnHKNTq3ULQkJy1PV7dk3t1NGFHADZ35dwMH3F9NUcoSC2DAiHuD36RfoIE2H5c6dfjMcD6uPBW7S6seGFSk5cyEed0rl4mrwp7TrLCof8aDaGkS5J95om9bpfG2gA3ldIMlQT5WrSFKfJOQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4\">\r\n<span class=\"text-white text-sm font-medium\">Xem chi ti\u1ebft<\/span>\r\n<\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n t\u1ea1i \u0110\u00f4ng Nam \u00c1 2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng Ba 22, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 7,505<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - B\u00f9ng n\u1ed5 v\u00e0o giai \u0111o\u1ea1n d\u1ecbch COVID-19, c\u00e1c \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n d\u1ea7n tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong cu\u1ed9c s\u1ed1ng hi\u1ec7n \u0111\u1ea1i.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng FMCG t\u1ea1i Vi\u1ec7t Nam\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCTZDwHhb14xkr8uil1oQ68K1ONqdGwJbKCmxZe75wwse6Fqk0AZPhsrZ3WgNq3oHwQrfusDkiL9WwjWxNSHe-_Ivw2nAyPV2X3ijG8eu94-GeEvobcDo2V-VOBniBKnaHTlIEEOD7bbXndZO4aH86LtjcuPwV74dmsM-XeWpKaefdT6ohZDInwphByEPPqnQAa4pjrXQUFkhbAawg2N_B_dtupF6kReGhf_PI7mMdObC1wQq0-TDwWiK-cWpejVnGn103HU2GT8w\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4\">\r\n<span class=\"text-white text-sm font-medium\">Xem chi ti\u1ebft<\/span>\r\n<\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng FMCG t\u1ea1i Vi\u1ec7t Nam 2023-2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng Hai 21, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 49,188<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - Nh\u1eefng bi\u1ebfn \u0111\u1ed9ng c\u1ee7a kinh t\u1ebf v\u0129 m\u00f4 khi\u1ebfn ng\u01b0\u1eddi ti\u00eau d\u00f9ng d\u1ea7n thay \u0111\u1ed5i th\u00f3i quen mua s\u1eafm, t\u00e1c \u0111\u1ed9ng m\u1ea1nh m\u1ebd \u0111\u1ebfn ng\u00e0nh FMCG.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"\u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing n\u1ed5i b\u1eadt\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAi70257O4E8cDZ8SG5Ytth7L7yMiSjv949gcFpP2QIaK3nELEz94iJs1XTrDbfc4SVQZ1UIYTErnPXvMTGcKgojGQVi4BCRetMh-_VCo0Cu-yCHGDvglITLnQt_ioGo2oBdmI4Eby4zwrwaGs45pk9DWwhVf_8upknl51sSGd5uQNKzgztgYFnyMaZ69RBMR2wQT4C9iWDM3H-fTzNElBEhgDJ-ANL8ODIP3hmQESUqKV2P3GWy-oNVf5E1DHLGm-tkzdPVVg2Iw\"\/>\r\n<div class=\"absolute top-4 left-4 bg-black\/70 px-2 py-1 text-xs text-white rounded\">\r\n \u0110i\u1ec3m l\u1ea1i Top 6\r\n <\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n \u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing n\u1ed5i b\u1eadt t\u1ea1i Vi\u1ec7t Nam 2023\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u1ed9t 23, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 54,335<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - Trong b\u1ed1i c\u1ea3nh ng\u01b0\u1eddi ti\u00eau d\u00f9ng ng\u00e0y c\u00e0ng kh\u00f3 t\u00ednh, c\u00e1c nh\u00e3n h\u00e0ng \u0111\u00e3 tung ra nh\u1eefng chi\u1ebfn d\u1ecbch s\u00e1ng t\u1ea1o n\u00e0o?\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"ky-nang-chot-deal\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng ti\u00eau d\u00f9ng\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDew91J-AzIRTTbzKecIn0g6OGXR3Ks7ySORlc-ow71v3yY9LEfVGStZWkxDsS3zgJFxuV6YfU5LjpV2oebygSGEu_VJr7tlI1VnMt3CbcoRQTIMu6cQJplJspuMlQEbuxTizynXkwsYw_tNXAVb10uDuFSizh2B0DQ9pqcPQqw9mwg9LqarTqJ_af_6sPyu9VGoAcZXatcJBj4daxlNfAr1Hl_LgjS6owh1CCNFUW6hhQ60CSELKD69XcWBTYuDMHbRLsux3Ai7w\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng ti\u00eau d\u00f9ng n\u1ed5i b\u1eadt n\u0103m 2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi Hai 26, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 18,703<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - \u0110\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 m\u1ed9t n\u0103m c\u00f3 nhi\u1ec1u th\u00e1ch th\u1ee9c, xu h\u01b0\u1edbng ti\u00eau d\u00f9ng 2024 s\u1ebd xoay tr\u1ee5c v\u1ec1 h\u01b0\u1edbng b\u1ec1n v\u1eefng v\u00e0 ti\u1ebft ki\u1ec7m.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"Chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung ng\u1eafn\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBx2kd07eJFx5KcKmo1vRWfbcga_lpcgw7xKeE8JZLxUji2ott14zFxmqfOJO7sKcjoKXUQ-hv9Y9AO_cfCQKVqNwyiBFqvBjXfP0qXIKs_ved2QufNa3Fzz2Wjevg-ZNpfPTuk6JEgcqwoy4-W_DuRNpKywCOA10RY7gvgB0ojnSoH6kR8NEslmUBc2CJZ7qSdzKBm8-7kg8_xO8VCagNPzspYkSResXPOqpjd9XtIteIUsSKux_LcrcEJD-ZQKqa5HkGgW6DRFg\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n S\u1ef1 tr\u1ed7i d\u1eady c\u1ee7a Video ng\u1eafn v\u00e0 chi\u1ebfn l\u01b0\u1ee3c cho 2025\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi M\u1ed9t 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 12,450<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n TikTok v\u00e0 Reels \u0111ang th\u1ed1ng tr\u1ecb m\u1ea1ng x\u00e3 h\u1ed9i. L\u00e0m sao \u0111\u1ec3 th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a b\u1ea1n b\u1eaft k\u1ecbp xu h\u01b0\u1edbng n\u00e0y m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3?\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"cong-nghe-ai\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"AI trong Marketing\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDNWrl_mBYCCronGOHMz0JfWFSWTu4DkQMBNNz4zIRWGC2oYyffcXwgHTYmTwsgFV4mLu1TCedDTZ1rxKaVjyGQSW1zcaS134E_PBsxfG_2eZ-050HiSbgN0oyKk16fHI7kvDbTNE9P-7z2KQtGN5Z-EjirURGZWET0oFk2xYUQlgSRz4H22_mZyfW-Y9wxY9pasLU18HzVF_-Kkw1qZ4mM8Isbkni2vY-jtas8wbSBjjXP6JO89745fyLGgVrbkV2MV1vUa5Sp7g\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n \u1ee8ng d\u1ee5ng AI v\u00e0o quy tr\u00ecnh s\u00e1ng t\u1ea1o n\u1ed9i dung\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi 02, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 22,105<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n ChatGPT v\u00e0 Midjourney \u0111ang thay \u0111\u1ed5i cu\u1ed9c ch\u01a1i. T\u00ecm hi\u1ec3u c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c v\u1edbi c\u00e1c c\u00f4ng c\u1ee5 AI m\u1edbi nh\u1ea5t.\r\n <\/p>\r\n<\/article>\r\n<\/div>\r\n<div class=\"mt-12 flex justify-center space-x-2\" id=\"paginationContainer\">\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-primary text-white font-bold page-button active\" data-page=\"1\">1<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors page-button\" data-page=\"2\">2<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors\" id=\"nextPageButton\"><span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span><\/button>\r\n<\/div>\r\n<\/div>\r\n<div class=\"lg:col-span-4 space-y-12\">\r\n<div class=\"bg-card-light dark:bg-card-dark rounded-xl shadow-lg overflow-hidden border border-gray-100 dark:border-gray-700 group cursor-pointer relative\">\r\n<div class=\"relative h-64 bg-gradient-to-br from-purple-800 to-secondary flex flex-col items-center justify-between text-center overflow-hidden\">\r\n<img decoding=\"async\" alt=\"Kh\u00f3a h\u1ecdc banner\" class=\"absolute inset-0 w-full h-full object-cover opacity-40 mix-blend-overlay\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCSErPLsSchMaDwIFbuqgBWkYQuiqIa5V1_wYL_PpXsBO_9bAbOdO4eVGgaklA2fVxfvkvtwCM_ZI1u09OSLUDTqulT9KjgOIFsgPLngHA3ffOzDBn_bkw7j4bfQabG6PHUAhpjbrWJZkdLI2GhpZDoyLakSVRGkZSn24PNbXwiQD5WIZcu9DQPEx8OE8obOiJktpgwofIZo9r3MNdsfYWKrNmzGgROqI2uNrKchXAFvl3bc62jBvzV1iq60_0CnKSzCPSl6CXhTw\"\/>\r\n<div class=\"relative z-10 w-full p-4 pt-8\">\r\n<div class=\"inline-block bg-white text-secondary text-xs font-bold px-2 py-1 rounded mb-2 uppercase\">Heart Academy<\/div>\r\n<h3 class=\"text-white text-2xl font-bold uppercase leading-tight mb-1\">Kh\u00f3a h\u1ecdc<\/h3>\r\n<h2 class=\"text-white text-3xl font-extrabold uppercase mb-2\">T\u01b0 duy Marketing<\/h2>\r\n<p class=\"text-white\/90 text-sm italic font-light\">d\u00e0nh cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/p>\r\n<\/div>\r\n<div class=\"relative z-10 w-full bg-secondary\/90 p-4 flex items-center justify-between\">\r\n<div class=\"text-white text-left\">\r\n<p class=\"text-xs font-medium\">H\u1ecdc Marketing chu\u1ea9n<\/p>\r\n<p class=\"text-xs font-bold\">t\u1eeb Marketing Manager.<\/p>\r\n<\/div>\r\n<button class=\"bg-white text-secondary text-xs font-bold py-2 px-4 rounded shadow hover:bg-gray-100 transition-colors\">\u0110\u0102NG K\u00dd NGAY<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"pl-0 md:pl-4\">\r\n<h3 class=\"text-xl uppercase font-medium text-gray-500 dark:text-gray-400 mb-6 tracking-wider border-b border-gray-200 dark:border-gray-700 pb-2 inline-block\">\r\n B\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t\r\n <\/h3>\r\n<div class=\"space-y-6\">\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n \u0110\u1ed9ng c\u01a1 t\u0103ng tr\u01b0\u1edfng \u0111\u1eb1ng sau chi\u1ebfn l\u01b0\u1ee3c doanh nghi\u1ec7p \u2013 The Executive Talks 03: What is more important than Strategy?\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n C\u1eadp nh\u1eadt thu\u1eadt to\u00e1n Youtube 2026 v\u00e0 chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung trong b\u1ed1i c\u1ea3nh m\u1edbi\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n C\u00e1ch ch\u1ecdn \u0111\u00fang chuy\u00ean ng\u00e0nh Marketing: L\u1ed9 tr\u00ecnh r\u00f5 r\u00e0ng cho sinh vi\u00ean & ng\u01b0\u1eddi m\u1edbi\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n 5 xu h\u01b0\u1edbng Marketing m\u1edbi nh\u1ea5t trong n\u0103m 2026\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n L\u00e0m ch\u1ee7 k\u1ef9 n\u0103ng \"Case Math\": b\u00ed quy\u1ebft t\u00ednh to\u00e1n nhanh, ch\u00ednh x\u00e1c & tr\u00ecnh b\u00e0y s\u1ed1 li\u1ec7u logic trong Case Interview\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Tab filtering and pagination functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const pageButtons = document.querySelectorAll('.page-button');\r\n const nextPageButton = document.getElementById('nextPageButton');\r\n const heroBanner = document.getElementById('heroBanner');\r\n const allArticles = document.querySelectorAll('.article-item');\r\n const articlesPerPage = 4;\r\n let currentCategory = 'all';\r\n let currentPage = 1;\r\n \r\n function getFilteredArticles() {\r\n if (currentCategory === 'all') {\r\n return Array.from(allArticles);\r\n }\r\n return Array.from(allArticles).filter(article => \r\n article.getAttribute('data-category') === currentCategory\r\n );\r\n }\r\n \r\n function updatePagination() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n \r\n \/\/ Show\/hide hero banner based on category\r\n if (currentCategory === 'all') {\r\n heroBanner.style.display = 'block';\r\n } else {\r\n heroBanner.style.display = 'none';\r\n }\r\n \r\n \/\/ Hide all articles first\r\n allArticles.forEach(article => article.style.display = 'none');\r\n \r\n \/\/ Show articles for current page\r\n const startIndex = (currentPage - 1) * articlesPerPage;\r\n const endIndex = startIndex + articlesPerPage;\r\n filteredArticles.slice(startIndex, endIndex).forEach(article => {\r\n article.style.display = 'flex';\r\n });\r\n \r\n \/\/ Update page button states\r\n pageButtons.forEach(btn => {\r\n const page = parseInt(btn.getAttribute('data-page'));\r\n if (page <= totalPages) {\r\n btn.style.display = 'flex';\r\n if (page === currentPage) {\r\n btn.classList.remove('bg-gray-200', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');\r\n btn.classList.add('bg-primary', 'text-white', 'active');\r\n } else {\r\n btn.classList.remove('bg-primary', 'text-white', 'active');\r\n btn.classList.add('bg-gray-200', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');\r\n }\r\n } else {\r\n btn.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Show\/hide next button\r\n nextPageButton.style.display = currentPage < totalPages ? 'flex' : 'none';\r\n }\r\n \r\n \/\/ Tab click handlers\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentCategory = this.getAttribute('data-category');\r\n currentPage = 1; \/\/ Reset to first page when changing tabs\r\n \r\n \/\/ Update active tab styling\r\n tabButtons.forEach(btn => {\r\n btn.classList.remove('border-primary', 'text-primary', 'active');\r\n btn.classList.add('border-transparent', 'text-gray-500', 'dark:text-gray-400');\r\n });\r\n \r\n this.classList.remove('border-transparent', 'text-gray-500', 'dark:text-gray-400');\r\n this.classList.add('border-primary', 'text-primary', 'active');\r\n \r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Page button click handlers\r\n pageButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentPage = parseInt(this.getAttribute('data-page'));\r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Next button click handler\r\n nextPageButton.addEventListener('click', function() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n if (currentPage < totalPages) {\r\n currentPage++;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Initial pagination\r\n updatePagination();\r\n });\r\n<\/script>\r\n\r\n<\/body><\/html>\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>Knowledge Center – Heart Academy Ki\u1ebfn th\u1ee9c Li\u00ean t\u1ee5c c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c chuy\u00ean m\u00f4n, th\u00f4ng tin chuy\u00ean ng\u00e0nh c\u00f9ng event\/webinar v\u00e0 ebook m\u1edbi nh\u1ea5t t\u1eeb Heart Academy. T\u1ea5t c\u1ea3 Marketing B\u0110S Ph\u00e1p l\u00fd B\u0110S K\u1ef9 n\u0103ng Ch\u1ed1t deal C\u00f4ng ngh\u1ec7 & AI M\u1edbi nh\u1ea5t 22 Th\u00e1ng 3, 2024 To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-415","page","type-page","status-publish","hentry"],"acf":{"hero_image":"https:\/\/heartacademy.edu.vn\/wp-content\/uploads\/2026\/02\/Picture16.png","hero_title_1":"Ki\u1ebfn t\u1ea1o t\u01b0\u01a1ng lai c\u00f9ng","hero_title_2":"Heart Academy","hero_description":"Gia nh\u1eadp \u0111\u1ed9i ng\u0169 nh\u1eefng chuy\u00ean gia \u0111am m\u00ea, n\u01a1i b\u1ea1n \u0111\u01b0\u1ee3c th\u1eed th\u00e1ch, ph\u00e1t tri\u1ec3n v\u00e0 \u0111\u1ecbnh h\u00ecnh t\u01b0\u01a1ng lai c\u1ee7a ng\u00e0nh marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n.","benefits_title":"T\u1ea1i sao ch\u1ecdn Heart Academy?","benefits_subtitle":"Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 x\u00e2y d\u1ef1ng s\u1ef1 nghi\u1ec7p, ch\u00fang t\u00f4i x\u00e2y d\u1ef1ng con ng\u01b0\u1eddi.","gallery_title":"Kho\u1ea3nh kh\u1eafc Heart Academy","cta_text":"Kh\u00f4ng t\u00ecm th\u1ea5y v\u1ecb tr\u00ed ph\u00f9 h\u1ee3p? H\u00e3y g\u1eedi CV c\u1ee7a b\u1ea1n v\u00e0o ng\u00e2n h\u00e0ng nh\u00e2n s\u1ef1."},"_links":{"self":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":36,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415\/revisions"}],"predecessor-version":[{"id":853,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415\/revisions\/853"}],"wp:attachment":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/media?parent=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\nKnowledge Center - Heart Academy<\/title>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography,container-queries\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#1E40AF\", \/\/ Royal blue as requested\r\n \"primary-dark\": \"#1e3a8a\",\r\n \"secondary\": \"#db2777\", \/\/ Pinkish\/Purple for banners\/accents\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-light\": \"#374151\",\r\n \"text-dark\": \"#D1D5DB\",\r\n },\r\n fontFamily: {\r\n display: [\"Montserrat\", \"sans-serif\"],\r\n sans: [\"Montserrat\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark font-display text-text-light dark:text-text-dark transition-colors duration-300 antialiased\">\r\n<div class=\"container mx-auto px-4 py-12 max-w-7xl\">\r\n<div class=\"mb-12\">\r\n<h1 class=\"text-5xl md:text-6xl font-extrabold text-gray-900 dark:text-white mb-4 tracking-tight\">Ki\u1ebfn th\u1ee9c<\/h1>\r\n<p class=\"text-gray-600 dark:text-gray-300 text-lg mb-10 max-w-4xl font-normal leading-relaxed\">\r\n Li\u00ean t\u1ee5c c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c chuy\u00ean m\u00f4n, th\u00f4ng tin chuy\u00ean ng\u00e0nh c\u00f9ng event\/webinar v\u00e0 ebook m\u1edbi nh\u1ea5t t\u1eeb Heart Academy.\r\n <\/p>\r\n<div class=\"flex flex-wrap items-center gap-x-8 gap-y-4 border-b border-gray-200 dark:border-gray-700 mb-10 text-sm md:text-base font-semibold\">\r\n<button class=\"pb-3 border-b-2 border-primary text-primary transition-colors tab-button active\" data-category=\"all\">T\u1ea5t c\u1ea3<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"marketing-bds\">Marketing B\u0110S<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"phap-ly-bds\">Ph\u00e1p l\u00fd B\u0110S<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"ky-nang-chot-deal\">K\u1ef9 n\u0103ng Ch\u1ed1t deal<\/button>\r\n<button class=\"pb-3 border-b-2 border-transparent hover:border-gray-300 text-gray-500 dark:text-gray-400 hover:text-primary dark:hover:text-primary transition-colors tab-button\" data-category=\"cong-nghe-ai\">C\u00f4ng ngh\u1ec7 & AI<\/button>\r\n<\/div>\r\n<div id=\"heroBanner\" class=\"relative w-full aspect-[21\/9] rounded-2xl overflow-hidden shadow-xl group cursor-pointer bg-gray-200 dark:bg-gray-800\">\r\n<img decoding=\"async\" alt=\"Featured Hero Banner\" class=\"absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC9F3Xo6Zp-7kOUN82i4_G_wwWcDqBl71ji77Uu2rcT2n0ddIUy4SMBMEuXEVzYWrawHNcQKcGHRciyHtJsKnI7ICXIunYgvBoAI5m1fMvm3ml9WT2q6sXM8sGs5dPnHKNTq3ULQkJy1PV7dk3t1NGFHADZ35dwMH3F9NUcoSC2DAiHuD36RfoIE2H5c6dfjMcD6uPBW7S6seGFSk5cyEed0rl4mrwp7TrLCof8aDaGkS5J95om9bpfG2gA3ldIMlQT5WrSFKfJOQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/20 to-transparent flex items-end p-6 md:p-10\">\r\n<div class=\"max-w-3xl text-white\">\r\n<div class=\"inline-flex items-center space-x-2 mb-3\">\r\n<span class=\"px-2 py-1 bg-secondary text-white text-xs font-bold rounded uppercase tracking-wider\">M\u1edbi nh\u1ea5t<\/span>\r\n<span class=\"text-xs font-medium text-gray-200\">22 Th\u00e1ng 3, 2024<\/span>\r\n<\/div>\r\n<h2 class=\"text-2xl md:text-4xl font-bold mb-3 leading-tight text-white drop-shadow-sm\">To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n t\u1ea1i \u0110\u00f4ng Nam \u00c1 2024<\/h2>\r\n<p class=\"text-gray-200 line-clamp-2 text-sm md:text-base font-light\">Heart Academy - B\u00f9ng n\u1ed5 v\u00e0o giai \u0111o\u1ea1n d\u1ecbch COVID-19, c\u00e1c \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n d\u1ea7n tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong cu\u1ed9c s\u1ed1ng hi\u1ec7n \u0111\u1ea1i.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n<div class=\"lg:col-span-8\">\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\" id=\"articlesGrid\">\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC9F3Xo6Zp-7kOUN82i4_G_wwWcDqBl71ji77Uu2rcT2n0ddIUy4SMBMEuXEVzYWrawHNcQKcGHRciyHtJsKnI7ICXIunYgvBoAI5m1fMvm3ml9WT2q6sXM8sGs5dPnHKNTq3ULQkJy1PV7dk3t1NGFHADZ35dwMH3F9NUcoSC2DAiHuD36RfoIE2H5c6dfjMcD6uPBW7S6seGFSk5cyEed0rl4mrwp7TrLCof8aDaGkS5J95om9bpfG2gA3ldIMlQT5WrSFKfJOQ\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4\">\r\n<span class=\"text-white text-sm font-medium\">Xem chi ti\u1ebft<\/span>\r\n<\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n t\u1ea1i \u0110\u00f4ng Nam \u00c1 2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng Ba 22, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 7,505<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - B\u00f9ng n\u1ed5 v\u00e0o giai \u0111o\u1ea1n d\u1ecbch COVID-19, c\u00e1c \u1ee9ng d\u1ee5ng giao \u0111\u1ed3 \u0103n d\u1ea7n tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n kh\u00f4ng th\u1ec3 thi\u1ebfu trong cu\u1ed9c s\u1ed1ng hi\u1ec7n \u0111\u1ea1i.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng FMCG t\u1ea1i Vi\u1ec7t Nam\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCTZDwHhb14xkr8uil1oQ68K1ONqdGwJbKCmxZe75wwse6Fqk0AZPhsrZ3WgNq3oHwQrfusDkiL9WwjWxNSHe-_Ivw2nAyPV2X3ijG8eu94-GeEvobcDo2V-VOBniBKnaHTlIEEOD7bbXndZO4aH86LtjcuPwV74dmsM-XeWpKaefdT6ohZDInwphByEPPqnQAa4pjrXQUFkhbAawg2N_B_dtupF6kReGhf_PI7mMdObC1wQq0-TDwWiK-cWpejVnGn103HU2GT8w\"\/>\r\n<div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4\">\r\n<span class=\"text-white text-sm font-medium\">Xem chi ti\u1ebft<\/span>\r\n<\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng FMCG t\u1ea1i Vi\u1ec7t Nam 2023-2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng Hai 21, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 49,188<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - Nh\u1eefng bi\u1ebfn \u0111\u1ed9ng c\u1ee7a kinh t\u1ebf v\u0129 m\u00f4 khi\u1ebfn ng\u01b0\u1eddi ti\u00eau d\u00f9ng d\u1ea7n thay \u0111\u1ed5i th\u00f3i quen mua s\u1eafm, t\u00e1c \u0111\u1ed9ng m\u1ea1nh m\u1ebd \u0111\u1ebfn ng\u00e0nh FMCG.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"\u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing n\u1ed5i b\u1eadt\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAi70257O4E8cDZ8SG5Ytth7L7yMiSjv949gcFpP2QIaK3nELEz94iJs1XTrDbfc4SVQZ1UIYTErnPXvMTGcKgojGQVi4BCRetMh-_VCo0Cu-yCHGDvglITLnQt_ioGo2oBdmI4Eby4zwrwaGs45pk9DWwhVf_8upknl51sSGd5uQNKzgztgYFnyMaZ69RBMR2wQT4C9iWDM3H-fTzNElBEhgDJ-ANL8ODIP3hmQESUqKV2P3GWy-oNVf5E1DHLGm-tkzdPVVg2Iw\"\/>\r\n<div class=\"absolute top-4 left-4 bg-black\/70 px-2 py-1 text-xs text-white rounded\">\r\n \u0110i\u1ec3m l\u1ea1i Top 6\r\n <\/div>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n \u0110i\u1ec3m l\u1ea1i 6 chi\u1ebfn d\u1ecbch Marketing n\u1ed5i b\u1eadt t\u1ea1i Vi\u1ec7t Nam 2023\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u1ed9t 23, 2024<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 54,335<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - Trong b\u1ed1i c\u1ea3nh ng\u01b0\u1eddi ti\u00eau d\u00f9ng ng\u00e0y c\u00e0ng kh\u00f3 t\u00ednh, c\u00e1c nh\u00e3n h\u00e0ng \u0111\u00e3 tung ra nh\u1eefng chi\u1ebfn d\u1ecbch s\u00e1ng t\u1ea1o n\u00e0o?\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"ky-nang-chot-deal\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng ti\u00eau d\u00f9ng\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDew91J-AzIRTTbzKecIn0g6OGXR3Ks7ySORlc-ow71v3yY9LEfVGStZWkxDsS3zgJFxuV6YfU5LjpV2oebygSGEu_VJr7tlI1VnMt3CbcoRQTIMu6cQJplJspuMlQEbuxTizynXkwsYw_tNXAVb10uDuFSizh2B0DQ9pqcPQqw9mwg9LqarTqJ_af_6sPyu9VGoAcZXatcJBj4daxlNfAr1Hl_LgjS6owh1CCNFUW6hhQ60CSELKD69XcWBTYuDMHbRLsux3Ai7w\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n T\u1ed5ng h\u1ee3p 04 xu h\u01b0\u1edbng ti\u00eau d\u00f9ng n\u1ed5i b\u1eadt n\u0103m 2024\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi Hai 26, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 18,703<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n Heart Academy - \u0110\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 m\u1ed9t n\u0103m c\u00f3 nhi\u1ec1u th\u00e1ch th\u1ee9c, xu h\u01b0\u1edbng ti\u00eau d\u00f9ng 2024 s\u1ebd xoay tr\u1ee5c v\u1ec1 h\u01b0\u1edbng b\u1ec1n v\u1eefng v\u00e0 ti\u1ebft ki\u1ec7m.\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"marketing-bds\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"Chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung ng\u1eafn\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBx2kd07eJFx5KcKmo1vRWfbcga_lpcgw7xKeE8JZLxUji2ott14zFxmqfOJO7sKcjoKXUQ-hv9Y9AO_cfCQKVqNwyiBFqvBjXfP0qXIKs_ved2QufNa3Fzz2Wjevg-ZNpfPTuk6JEgcqwoy4-W_DuRNpKywCOA10RY7gvgB0ojnSoH6kR8NEslmUBc2CJZ7qSdzKBm8-7kg8_xO8VCagNPzspYkSResXPOqpjd9XtIteIUsSKux_LcrcEJD-ZQKqa5HkGgW6DRFg\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n S\u1ef1 tr\u1ed7i d\u1eady c\u1ee7a Video ng\u1eafn v\u00e0 chi\u1ebfn l\u01b0\u1ee3c cho 2025\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi M\u1ed9t 15, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 12,450<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n TikTok v\u00e0 Reels \u0111ang th\u1ed1ng tr\u1ecb m\u1ea1ng x\u00e3 h\u1ed9i. L\u00e0m sao \u0111\u1ec3 th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a b\u1ea1n b\u1eaft k\u1ecbp xu h\u01b0\u1edbng n\u00e0y m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3?\r\n <\/p>\r\n<\/article>\r\n<article class=\"flex flex-col group cursor-pointer article-item\" data-category=\"cong-nghe-ai\">\r\n<div class=\"relative overflow-hidden rounded-lg mb-4 aspect-video shadow-md bg-gray-200 dark:bg-gray-700\">\r\n<img decoding=\"async\" alt=\"AI trong Marketing\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDNWrl_mBYCCronGOHMz0JfWFSWTu4DkQMBNNz4zIRWGC2oYyffcXwgHTYmTwsgFV4mLu1TCedDTZ1rxKaVjyGQSW1zcaS134E_PBsxfG_2eZ-050HiSbgN0oyKk16fHI7kvDbTNE9P-7z2KQtGN5Z-EjirURGZWET0oFk2xYUQlgSRz4H22_mZyfW-Y9wxY9pasLU18HzVF_-Kkw1qZ4mM8Isbkni2vY-jtas8wbSBjjXP6JO89745fyLGgVrbkV2MV1vUa5Sp7g\"\/>\r\n<\/div>\r\n<h2 class=\"text-xl font-bold text-gray-900 dark:text-white mb-2 leading-tight group-hover:text-primary transition-colors\">\r\n \u1ee8ng d\u1ee5ng AI v\u00e0o quy tr\u00ecnh s\u00e1ng t\u1ea1o n\u1ed9i dung\r\n <\/h2>\r\n<div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 mb-3 uppercase tracking-wide\">\r\n<span class=\"mr-4\">Th\u00e1ng M\u01b0\u1eddi 02, 2023<\/span>\r\n<span class=\"flex items-center\"><span class=\"material-symbols-outlined text-sm mr-1\">visibility<\/span> 22,105<\/span>\r\n<\/div>\r\n<p class=\"text-sm text-gray-600 dark:text-gray-300 line-clamp-3 leading-relaxed\">\r\n ChatGPT v\u00e0 Midjourney \u0111ang thay \u0111\u1ed5i cu\u1ed9c ch\u01a1i. T\u00ecm hi\u1ec3u c\u00e1ch t\u1ed1i \u01b0u h\u00f3a c\u00f4ng vi\u1ec7c v\u1edbi c\u00e1c c\u00f4ng c\u1ee5 AI m\u1edbi nh\u1ea5t.\r\n <\/p>\r\n<\/article>\r\n<\/div>\r\n<div class=\"mt-12 flex justify-center space-x-2\" id=\"paginationContainer\">\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-primary text-white font-bold page-button active\" data-page=\"1\">1<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors page-button\" data-page=\"2\">2<\/button>\r\n<button class=\"w-10 h-10 flex items-center justify-center rounded-full bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600 transition-colors\" id=\"nextPageButton\"><span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span><\/button>\r\n<\/div>\r\n<\/div>\r\n<div class=\"lg:col-span-4 space-y-12\">\r\n<div class=\"bg-card-light dark:bg-card-dark rounded-xl shadow-lg overflow-hidden border border-gray-100 dark:border-gray-700 group cursor-pointer relative\">\r\n<div class=\"relative h-64 bg-gradient-to-br from-purple-800 to-secondary flex flex-col items-center justify-between text-center overflow-hidden\">\r\n<img decoding=\"async\" alt=\"Kh\u00f3a h\u1ecdc banner\" class=\"absolute inset-0 w-full h-full object-cover opacity-40 mix-blend-overlay\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCSErPLsSchMaDwIFbuqgBWkYQuiqIa5V1_wYL_PpXsBO_9bAbOdO4eVGgaklA2fVxfvkvtwCM_ZI1u09OSLUDTqulT9KjgOIFsgPLngHA3ffOzDBn_bkw7j4bfQabG6PHUAhpjbrWJZkdLI2GhpZDoyLakSVRGkZSn24PNbXwiQD5WIZcu9DQPEx8OE8obOiJktpgwofIZo9r3MNdsfYWKrNmzGgROqI2uNrKchXAFvl3bc62jBvzV1iq60_0CnKSzCPSl6CXhTw\"\/>\r\n<div class=\"relative z-10 w-full p-4 pt-8\">\r\n<div class=\"inline-block bg-white text-secondary text-xs font-bold px-2 py-1 rounded mb-2 uppercase\">Heart Academy<\/div>\r\n<h3 class=\"text-white text-2xl font-bold uppercase leading-tight mb-1\">Kh\u00f3a h\u1ecdc<\/h3>\r\n<h2 class=\"text-white text-3xl font-extrabold uppercase mb-2\">T\u01b0 duy Marketing<\/h2>\r\n<p class=\"text-white\/90 text-sm italic font-light\">d\u00e0nh cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/p>\r\n<\/div>\r\n<div class=\"relative z-10 w-full bg-secondary\/90 p-4 flex items-center justify-between\">\r\n<div class=\"text-white text-left\">\r\n<p class=\"text-xs font-medium\">H\u1ecdc Marketing chu\u1ea9n<\/p>\r\n<p class=\"text-xs font-bold\">t\u1eeb Marketing Manager.<\/p>\r\n<\/div>\r\n<button class=\"bg-white text-secondary text-xs font-bold py-2 px-4 rounded shadow hover:bg-gray-100 transition-colors\">\u0110\u0102NG K\u00dd NGAY<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"pl-0 md:pl-4\">\r\n<h3 class=\"text-xl uppercase font-medium text-gray-500 dark:text-gray-400 mb-6 tracking-wider border-b border-gray-200 dark:border-gray-700 pb-2 inline-block\">\r\n B\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t\r\n <\/h3>\r\n<div class=\"space-y-6\">\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n \u0110\u1ed9ng c\u01a1 t\u0103ng tr\u01b0\u1edfng \u0111\u1eb1ng sau chi\u1ebfn l\u01b0\u1ee3c doanh nghi\u1ec7p \u2013 The Executive Talks 03: What is more important than Strategy?\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n C\u1eadp nh\u1eadt thu\u1eadt to\u00e1n Youtube 2026 v\u00e0 chi\u1ebfn l\u01b0\u1ee3c n\u1ed9i dung trong b\u1ed1i c\u1ea3nh m\u1edbi\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n C\u00e1ch ch\u1ecdn \u0111\u00fang chuy\u00ean ng\u00e0nh Marketing: L\u1ed9 tr\u00ecnh r\u00f5 r\u00e0ng cho sinh vi\u00ean & ng\u01b0\u1eddi m\u1edbi\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n 5 xu h\u01b0\u1edbng Marketing m\u1edbi nh\u1ea5t trong n\u0103m 2026\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<div class=\"group cursor-pointer\">\r\n<h4 class=\"text-base text-gray-600 dark:text-gray-300 font-normal leading-snug group-hover:text-primary transition-colors\">\r\n L\u00e0m ch\u1ee7 k\u1ef9 n\u0103ng \"Case Math\": b\u00ed quy\u1ebft t\u00ednh to\u00e1n nhanh, ch\u00ednh x\u00e1c & tr\u00ecnh b\u00e0y s\u1ed1 li\u1ec7u logic trong Case Interview\r\n <\/h4>\r\n<div class=\"h-px w-full bg-gray-100 dark:bg-gray-800 mt-4 group-hover:bg-primary\/20 transition-colors\"><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Tab filtering and pagination functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const pageButtons = document.querySelectorAll('.page-button');\r\n const nextPageButton = document.getElementById('nextPageButton');\r\n const heroBanner = document.getElementById('heroBanner');\r\n const allArticles = document.querySelectorAll('.article-item');\r\n const articlesPerPage = 4;\r\n let currentCategory = 'all';\r\n let currentPage = 1;\r\n \r\n function getFilteredArticles() {\r\n if (currentCategory === 'all') {\r\n return Array.from(allArticles);\r\n }\r\n return Array.from(allArticles).filter(article => \r\n article.getAttribute('data-category') === currentCategory\r\n );\r\n }\r\n \r\n function updatePagination() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n \r\n \/\/ Show\/hide hero banner based on category\r\n if (currentCategory === 'all') {\r\n heroBanner.style.display = 'block';\r\n } else {\r\n heroBanner.style.display = 'none';\r\n }\r\n \r\n \/\/ Hide all articles first\r\n allArticles.forEach(article => article.style.display = 'none');\r\n \r\n \/\/ Show articles for current page\r\n const startIndex = (currentPage - 1) * articlesPerPage;\r\n const endIndex = startIndex + articlesPerPage;\r\n filteredArticles.slice(startIndex, endIndex).forEach(article => {\r\n article.style.display = 'flex';\r\n });\r\n \r\n \/\/ Update page button states\r\n pageButtons.forEach(btn => {\r\n const page = parseInt(btn.getAttribute('data-page'));\r\n if (page <= totalPages) {\r\n btn.style.display = 'flex';\r\n if (page === currentPage) {\r\n btn.classList.remove('bg-gray-200', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');\r\n btn.classList.add('bg-primary', 'text-white', 'active');\r\n } else {\r\n btn.classList.remove('bg-primary', 'text-white', 'active');\r\n btn.classList.add('bg-gray-200', 'dark:bg-gray-700', 'text-gray-600', 'dark:text-gray-300');\r\n }\r\n } else {\r\n btn.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Show\/hide next button\r\n nextPageButton.style.display = currentPage < totalPages ? 'flex' : 'none';\r\n }\r\n \r\n \/\/ Tab click handlers\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentCategory = this.getAttribute('data-category');\r\n currentPage = 1; \/\/ Reset to first page when changing tabs\r\n \r\n \/\/ Update active tab styling\r\n tabButtons.forEach(btn => {\r\n btn.classList.remove('border-primary', 'text-primary', 'active');\r\n btn.classList.add('border-transparent', 'text-gray-500', 'dark:text-gray-400');\r\n });\r\n \r\n this.classList.remove('border-transparent', 'text-gray-500', 'dark:text-gray-400');\r\n this.classList.add('border-primary', 'text-primary', 'active');\r\n \r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Page button click handlers\r\n pageButtons.forEach(button => {\r\n button.addEventListener('click', function() {\r\n currentPage = parseInt(this.getAttribute('data-page'));\r\n updatePagination();\r\n });\r\n });\r\n \r\n \/\/ Next button click handler\r\n nextPageButton.addEventListener('click', function() {\r\n const filteredArticles = getFilteredArticles();\r\n const totalPages = Math.ceil(filteredArticles.length \/ articlesPerPage);\r\n if (currentPage < totalPages) {\r\n currentPage++;\r\n updatePagination();\r\n }\r\n });\r\n \r\n \/\/ Initial pagination\r\n updatePagination();\r\n });\r\n<\/script>\r\n\r\n<\/body><\/html>\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>Knowledge Center – Heart Academy Ki\u1ebfn th\u1ee9c Li\u00ean t\u1ee5c c\u1eadp nh\u1eadt ki\u1ebfn th\u1ee9c chuy\u00ean m\u00f4n, th\u00f4ng tin chuy\u00ean ng\u00e0nh c\u00f9ng event\/webinar v\u00e0 ebook m\u1edbi nh\u1ea5t t\u1eeb Heart Academy. T\u1ea5t c\u1ea3 Marketing B\u0110S Ph\u00e1p l\u00fd B\u0110S K\u1ef9 n\u0103ng Ch\u1ed1t deal C\u00f4ng ngh\u1ec7 & AI M\u1edbi nh\u1ea5t 22 Th\u00e1ng 3, 2024 To\u00e0n c\u1ea3nh th\u1ecb tr\u01b0\u1eddng \u1ee9ng d\u1ee5ng […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-415","page","type-page","status-publish","hentry"],"acf":{"hero_image":"https:\/\/heartacademy.edu.vn\/wp-content\/uploads\/2026\/02\/Picture16.png","hero_title_1":"Ki\u1ebfn t\u1ea1o t\u01b0\u01a1ng lai c\u00f9ng","hero_title_2":"Heart Academy","hero_description":"Gia nh\u1eadp \u0111\u1ed9i ng\u0169 nh\u1eefng chuy\u00ean gia \u0111am m\u00ea, n\u01a1i b\u1ea1n \u0111\u01b0\u1ee3c th\u1eed th\u00e1ch, ph\u00e1t tri\u1ec3n v\u00e0 \u0111\u1ecbnh h\u00ecnh t\u01b0\u01a1ng lai c\u1ee7a ng\u00e0nh marketing b\u1ea5t \u0111\u1ed9ng s\u1ea3n.","benefits_title":"T\u1ea1i sao ch\u1ecdn Heart Academy?","benefits_subtitle":"Ch\u00fang t\u00f4i kh\u00f4ng ch\u1ec9 x\u00e2y d\u1ef1ng s\u1ef1 nghi\u1ec7p, ch\u00fang t\u00f4i x\u00e2y d\u1ef1ng con ng\u01b0\u1eddi.","gallery_title":"Kho\u1ea3nh kh\u1eafc Heart Academy","cta_text":"Kh\u00f4ng t\u00ecm th\u1ea5y v\u1ecb tr\u00ed ph\u00f9 h\u1ee3p? H\u00e3y g\u1eedi CV c\u1ee7a b\u1ea1n v\u00e0o ng\u00e2n h\u00e0ng nh\u00e2n s\u1ef1."},"_links":{"self":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":36,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415\/revisions"}],"predecessor-version":[{"id":853,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/415\/revisions\/853"}],"wp:attachment":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/media?parent=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}