{"id":461,"date":"2026-02-04T22:04:42","date_gmt":"2026-02-04T22:04:42","guid":{"rendered":"https:\/\/heartacademy.edu.vn\/?page_id=461"},"modified":"2026-02-05T13:18:14","modified_gmt":"2026-02-05T13:18:14","slug":"ebook","status":"publish","type":"page","link":"https:\/\/heartacademy.edu.vn\/index.php\/ebook\/","title":{"rendered":"Ebook"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"461\" class=\"elementor elementor-461\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b74f6 e-con-full e-flex e-con e-parent\" data-id=\"a4b74f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88ef6d7 elementor-widget elementor-widget-html\" data-id=\"88ef6d7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"vi\">\r\n<head>\r\n    <meta charset=\"utf-8\"\/>\r\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n    <title>Ebook - Heart Academy<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,typography\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" 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\",\r\n                        \"primary-dark\": \"#1e3a8a\",\r\n                        \"background-light\": \"#F8FAFC\",\r\n                        \"background-dark\": \"#0F172A\",\r\n                        \"card-light\": \"#FFFFFF\",\r\n                        \"card-dark\": \"#1E293B\",\r\n                        \"text-light\": \"#334155\",\r\n                        \"text-dark\": \"#E2E8F0\",\r\n                        \"border-light\": \"#E2E8F0\",\r\n                        \"border-dark\": \"#334155\",\r\n                        \"surface-light\": \"#FFFFFF\",\r\n                        \"surface-dark\": \"#1F2937\",\r\n                    },\r\n                    fontFamily: {\r\n                        display: [\"Montserrat\", \"sans-serif\"],\r\n                        body: [\"Montserrat\", \"sans-serif\"],\r\n                        sans: [\"Inter\", \"sans-serif\"],\r\n                    },\r\n                    borderRadius: {\r\n                        DEFAULT: \"0.375rem\",\r\n                    },\r\n                },\r\n            },\r\n        };\r\n    <\/script>\r\n    <style>\r\n        .custom-scrollbar::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        .custom-scrollbar::-webkit-scrollbar-track {\r\n            background: transparent;\r\n        }\r\n        .custom-scrollbar::-webkit-scrollbar-thumb {\r\n            background-color: #CBD5E1;\r\n            border-radius: 20px;\r\n        }\r\n        .dark .custom-scrollbar::-webkit-scrollbar-thumb {\r\n            background-color: #4B5563;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark font-body min-h-screen transition-colors duration-300\">\r\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10\">\r\n        <div class=\"mb-10\">\r\n            <h1 class=\"text-4xl font-bold text-gray-900 dark:text-white mb-6 tracking-tight font-display uppercase\">Ebook<\/h1>\r\n            <div class=\"flex items-center space-x-0 w-full max-w-md\">\r\n                <input id=\"searchInput\" class=\"w-full px-4 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-l-md focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary bg-white dark:bg-card-dark text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500\" placeholder=\"Search...\" type=\"text\" onkeyup=\"handleSearch()\"\/>\r\n                <button class=\"bg-primary hover:bg-blue-800 text-white px-4 py-2 rounded-r-md transition-colors flex items-center justify-center\" onclick=\"handleSearch()\">\r\n                    <span class=\"material-icons text-sm\">search<\/span>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"border-b border-gray-200 dark:border-gray-700 mt-6\"><\/div>\r\n        <\/div>\r\n\r\n        <div id=\"ebooksContainer\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n            <!-- Ebook Card 1 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover showing lead generation strategies\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAGIaA4TG4hZl1XJ21o44vZIVcTFuztuLmKTsNruaOOuodO5iQWK7h2_1MonDPwH5fqKvRf4M8QW0kvgnGXYJaDxB2xdoOY4BOyO0-T071IgL887bw9JKCieobyZlcTd80muQHLfHkzqK0EF_A64QogdB1Nz8sbqevIGtbrBkk2sN0HlVRTbeHgW6lIeuMZjLUOO-XeH4rxkTzUU73_OMUkEmecBgGQFG5nFB4wpm7bta-P-s-RbibyKuncj-FNUxZl2eNTlPQIJg\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook C\u00f4ng th\u1ee9c Lead Gen Th\u1ebf h\u1ec7 m\u1edbi \u2013 Khi D\u1eef li\u1ec7u, S\u00e1ng t\u1ea1o &amp; C\u00f4ng ngh\u1ec7 h\u1ee3p nh\u1ea5t t\u1ed1i \u0111a chuy\u1ec3n \u0111\u1ed5i to\u00e0n ph\u1ec5u\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">MR.TIEN<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 12 3, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 2 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover regarding Brand Transformation 2026\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDZYLzzM2Cngxu2mnxmghNmTB5L87XaV9_Q_ijCUlt_DbHaUVU5hjLWLHu6bDKl3Jcp5dWSx3pqlI4BcActT-l4Hd4dnSPHzpwA1m0K5G_GfTnB_Q92yVaF1GAkytbQZqodSmi_et4_F04VeZeCt19us5kgThvavwoP-es7UyAMH0ZVQo4SJE6XvXoymJOKJXAiwMI2LsK5efWukPhoGzK4wIFpO-HDjyf4ZWnvs3KUO_nUSeqwHpGWZ5KG3_ZdJOfuwJpDuVvRrA\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook \"Brand Transformation 2026\" \u2013 Khi Omnichannel, Media &amp; Commerce c\u00f9ng ph\u1ed1i h\u1ee3p \u0111\u1ec3 ki\u1ebfn t\u1ea1o l\u1ee3i th\u1ebf c\u1ea1nh tranh d\u00e0i h\u1ea1n\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">MR.TIEN<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 11 24, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 3 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover about Branding To Commerce\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuARcyOaYP2NPd6apnAlV_hD96800Fz3unxJ-2-w8pItyA_3DtFZR__JmHmNDc02PSLHnU19fLRd3Tvwtdg7fVTNWx8Dd9vKt43lLzP0DRZVqnK4OpThfm2nf8Tly2dkamjEYTscxyvFNpCJenZyiViIg7LSvVsThzHUcEVUQoo4ZvxFuQQhYaepXMi0gHChWgebihJw0ATObT1I6V52a4mIgXQpWaSwdAs6ssy1c3iYh9ryrbdyAj9Qzv_8KOkF6xetKGCt7kteOg\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Kh\u00e1m ph\u00e1 c\u00f4ng th\u1ee9c \u0111\u1ed9c quy\u1ec1n Branding To Commerce c\u1ee7a HEART ACADEMY v\u1edbi Ebook Media Branding\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">MR.TIEN<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 10 16, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 4 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover regarding vaccine brand strategy\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAc6cGaNgI8a4AEWUJ9Xs6dhdOXJv0UiTktGpmiFyGSF7pN5xiqFEyvDWPDvM2GUl8Wg5-rbhLmqiqxZX-Y9KNaxhQZmPJbHrv0iAXlD3yjK8FZ8_5Qc5_2inhFbY1oVQPVkJV5R0Iqd6hLcP0q6KHVqfS1GFQ2_2giSsDM11s8TNZKJpitGdGiT_6_vx-_T7nlq0yc0Muj9mhFrsLYokpXGJVzLIyPmSQvWcqMNCPRRlDt_2mMynPC0Va6CRfjQC2iQ-YcX-I5og\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook Chuy\u1ec3n ho\u00e1 nh\u1eadn th\u1ee9c th\u00e0nh h\u00e0nh \u0111\u1ed9ng: B\u01b0\u1edbc \u0111i m\u1edbi trong chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a c\u00e1c th\u01b0\u01a1ng hi\u1ec7u v\u1eafc-xin\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">MR.TIEN<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 10 7, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 5 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover about modern motherhood marketing\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAzKCdl5fbPt_ZMKpIFuFhnfyIjVoBAHxzQ9CxngGZPZBpZorUveG-Bx5CwNY-rWSblyv5ilL9JH-S5n6mqhpSlPLU30Z5zrOaTdzv4PI558Q9LFBI0ZDiRwV5lgeTd-bUNr0rrFci9hg11re0prgEB45xkQ5RMrOCaFogxny6WIXgGlewcrp9u5fBitRipM4osgZ2A3a6zC6spfKk7hT9eC0nJTZQoV7Pm-5thN5uhP7ezZyk4_yF3KA8npco0ZxlFmr1fC0ntog\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook How Vietnamese modern motherhood is rewriting the rules for marketers.\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">HEART ACADEMY<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 8 22, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 6 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover about advertising optimization\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDaZBIdwOz5VDTyfUiFstW4n_1IHrqeCqyfsJCHneRXKoZDqI50qnHxy8BrNraGNKU0X0n0aeUUXmdfPW6ir6NjB3tQgVW6SmAPu6ZJybT5kqY89Ip43EkT__EDs-KQP2TOhaczVoieKvtWqiUUz2UGwi7Mw0_bDL-ZMh2abEpXnKXHkY9d0RaKTPPtnyGoGc-f8LfcWgtY2fRJ-3T4-c7Gv0iUBXr2SQlqzj-apbpqGFklaia__IxpnZWPaMMPoxnyW1FLBFrKtw\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook T\u1ed1i \u01b0u Hi\u1ec7u qu\u1ea3 Qu\u1ea3ng c\u00e1o trong Giai \u0111o\u1ea1n Th\u1ecb tr\u01b0\u1eddng \u0111\u1ea7y bi\u1ebfn \u0111\u1ed9ng\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">HEART ACADEMY<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 4 29, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 7 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover regarding business growth hacking\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBCbP2L8rJ_-yTE9UlcZSZJ3NrxsscP3Ml62l3FqpresJ9mkzoQzn1__-oc7hTSHTXFQ61h-qT_4uBUoNJrPUwA5sUhR5HleWPsmILDFGIotmZ8Rlysq2LWxe52fLtTwqu-WOa6tSccVediEoDK3jsZ-j8-wdZrxbS_hbCr866UW0zEDU9OO9G8Ew1Rk_k68BnQ4VcNkfd2pSVsdKqri-M41LK_7r5VVjrLZ9GaYWYOha9_whjDhEsKbQWNgnw9PN3SQBcRvDNWLQ\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook | Business Growth Hacking In 2025: MCNs Solution\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">HEART ACADEMY<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 4 5, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 8 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover regarding seasonal shopping strategies\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAQDWm3A3eT8E2iUhcvZ72sxjjKPQNJz0LxKPmzJ1vxO7XlVGCh_pqcbYTHpAWDjnXOEkR5a-30Q-NaFGVUNxr9KmqcgKpZp2yUxKCXy6RW2Kpw0BNzR7R9y7iXRJr3UQ\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook M\u00f9a h\u00e8 \u2013 Th\u1eddi \u0111i\u1ec3m v\u00e0ng ngang Gia d\u1ee5ng \u0111\u1ed9t ph\u00e1 doanh s\u1ed1\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">HEART ACADEMY<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 3 20, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ebook Card 9 -->\r\n            <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                    <img decoding=\"async\" alt=\"Ebook cover about fast entry scalable growth FMCG guide\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDnBOvRQPjNdCKNYqEGz5pVqMVjhWqD7xTZJ8vZQNxKwPvR5tJjLrM9R3QpD9KXp7VwRqW5qPxZ7KQpXrJ5QNxKwPvR5tJjLrM9R3QpD9KXp7VwRqW5qPxZ7KQp\"\/>\r\n                <\/div>\r\n                <div class=\"p-6 flex flex-col flex-grow\">\r\n                    <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                        Ebook Fast Entry, Scalable Growth: The Ultimate FMCG Guide to Winning Product Launches in...\r\n                    <\/h3>\r\n                    <div class=\"mt-auto\">\r\n                        <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                            T\u1ea3i xu\u1ed1ng\r\n                        <\/button>\r\n                        <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                            <span class=\"font-semibold mr-1\">HEART ACADEMY<\/span> | <span class=\"ml-1 uppercase\">Th\u00e1ng 3 10, 2025<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- No results message -->\r\n        <div id=\"noResults\" class=\"hidden text-center py-20\">\r\n            <span class=\"material-icons text-6xl text-gray-400 dark:text-gray-600 mb-4\">search_off<\/span>\r\n            <p class=\"text-xl text-gray-600 dark:text-gray-400\">Kh\u00f4ng t\u00ecm th\u1ea5y ebook ph\u00f9 h\u1ee3p<\/p>\r\n        <\/div>\r\n\r\n        <!-- Pagination -->\r\n        <div id=\"pagination\" class=\"flex justify-center mt-10 space-x-2\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Download Modal -->\r\n    <div id=\"downloadModal\" class=\"fixed inset-0 z-50 hidden items-center justify-center p-4 sm:p-6\">\r\n        <div class=\"absolute inset-0 bg-gray-900\/60 dark:bg-black\/70 backdrop-blur-sm transition-opacity\" onclick=\"closeDownloadModal()\"><\/div>\r\n        <div class=\"relative w-full max-w-6xl max-h-[90vh] bg-surface-light dark:bg-surface-dark rounded-xl shadow-2xl flex flex-col overflow-hidden transform transition-all\">\r\n            <button class=\"absolute top-4 right-4 z-10 p-2 rounded-full bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 text-gray-500 dark:text-gray-400 transition-colors\" onclick=\"closeDownloadModal()\">\r\n                <span class=\"material-icons text-xl\">close<\/span>\r\n            <\/button>\r\n            <div class=\"overflow-y-auto custom-scrollbar p-8 sm:p-10 lg:p-12\">\r\n                <div class=\"prose dark:prose-invert max-w-none mb-10\">\r\n                    <p class=\"text-sm font-semibold text-primary uppercase tracking-wider mb-2\">Gi\u1edbi thi\u1ec7u Ebook<\/p>\r\n                    <p class=\"text-gray-700 dark:text-gray-300 leading-relaxed\">\r\n                        PMAX cho ra m\u1eaft <strong>Vaccine Brand Ebook<\/strong> mang \u0111\u1ebfn m\u1ed9t g\u00f3c nh\u00ecn m\u1edbi: x\u00e2y d\u1ef1ng truy\u1ec1n th\u00f4ng v\u01b0\u1ee3t ra ngo\u00e0i gi\u00e1o d\u1ee5c, \u0111\u1ec3 th\u01b0\u01a1ng hi\u1ec7u v\u1eafc-xin tr\u1edf th\u00e0nh ch\u1ea5t x\u00fac t\u00e1c c\u1ee7a ni\u1ec1m tin x\u00e3 h\u1ed9i. V\u1edbi h\u01a1n 60 trang n\u1ed9i dung chuy\u00ean s\u00e2u, Ebook kh\u00f4ng ch\u1ec9 ph\u00e2n t\u00edch h\u00e0nh tr\u00ecnh ra quy\u1ebft \u0111\u1ecbnh c\u1ee7a M\u1eb9, m\u00e0 c\u00f2n g\u1ee3i m\u1edf c\u00e1c h\u01b0\u1edbng \u0111i chi\u1ebfn l\u01b0\u1ee3c \u2013 t\u1eeb c\u1ee7ng c\u1ed1 th\u1ea9m quy\u1ec1n khoa h\u1ecdc, k\u1ec3 nh\u1eefng c\u00e2u chuy\u1ec7n ch\u00e2n th\u1ef1c d\u1ec5 \u0111\u1ed3ng c\u1ea3m, \u0111\u1ebfn khai th\u00e1c s\u1ee9c m\u1ea1nh c\u1ed9ng \u0111\u1ed3ng v\u00e0 m\u1ea1ng x\u00e3 h\u1ed9i.\r\n                    <\/p>\r\n                    <p class=\"text-gray-700 dark:text-gray-300 mt-4 flex items-start gap-2\">\r\n                        <span class=\"text-yellow-500 material-icons text-base mt-1\">auto_awesome<\/span>\r\n                        <span>H\u00e3y t\u1ea3i ngay Ebook \u0111\u1ec3 kh\u00e1m ph\u00e1 c\u00e1ch bi\u1ebfn th\u01b0\u01a1ng hi\u1ec7u v\u1eafc-xin th\u00e0nh bi\u1ec3u t\u01b0\u1ee3ng c\u1ee7a ni\u1ec1m tin, v\u01b0\u1ee3t l\u00ean tr\u00ean gi\u00e1o d\u1ee5c, v\u00e0 th\u1eadt s\u1ef1 \u0111\u1ed3ng h\u00e0nh c\u00f9ng M\u1eb9 trong h\u00e0nh tr\u00ecnh b\u1ea3o v\u1ec7 s\u1ee9c kh\u1ecfe cho th\u1ebf h\u1ec7 t\u01b0\u01a1ng lai!<\/span>\r\n                    <\/p>\r\n                    <p class=\"mt-4 text-sm text-gray-500 dark:text-gray-400\">\r\n                        Link t\u1ea3i Ebook: <a class=\"text-primary hover:underline\" href=\"https:\/\/shorturl.at\/EdBxa\" target=\"_blank\">https:\/\/shorturl.at\/EdBxa<\/a>\r\n                    <\/p>\r\n                    <p class=\"mt-2 text-sm font-medium text-primary\">\r\n                        Download and read Ebook Chuy\u1ec3n ho\u00e1 nh\u1eadn th\u1ee9c th\u00e0nh h\u00e0nh \u0111\u1ed9ng: B\u01b0\u1edbc \u0111i m\u1edbi trong chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a c\u00e1c th\u01b0\u01a1ng hi\u1ec7u v\u1eafc-xin\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"relative py-4\">\r\n                    <div aria-hidden=\"true\" class=\"absolute inset-0 flex items-center\">\r\n                        <div class=\"w-full border-t border-gray-200 dark:border-gray-700\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"relative flex justify-center\">\r\n                        <button class=\"inline-flex items-center rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-4 py-1.5 text-sm font-medium text-gray-500 dark:text-gray-400 shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2\" onclick=\"toggleFormVisibility()\">\r\n                            <span class=\"material-icons text-lg mr-1\" id=\"expandIcon\">expand_more<\/span> \u0110i\u1ec1n th\u00f4ng tin\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"registrationForm\" class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 mt-6 hidden\">\r\n                    <div class=\"lg:col-span-4\">\r\n                        <h2 class=\"text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white leading-tight tracking-tight\">\r\n                            \u0110\u0103ng k\u00fd nh\u1eadn ebook v\u00e0 nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t t\u1eeb HEARTACADEMY ngay h\u00f4m nay.\r\n                        <\/h2>\r\n                        <div class=\"mt-6 hidden lg:block\">\r\n                            <div class=\"h-1 w-20 bg-primary rounded-full\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"lg:col-span-8\">\r\n                        <form action=\"#\" class=\"grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-6\" method=\"POST\" onsubmit=\"handleFormSubmit(event)\">\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"fullname\">H\u1ecd t\u00ean <span class=\"text-red-500\">*<\/span><\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"fullname\" name=\"fullname\" placeholder=\"Nguy\u1ec5n V\u0103n A\" type=\"text\" required\/>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"email\">Email <span class=\"text-red-500\">*<\/span><\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"email\" name=\"email\" placeholder=\"abc@xyz.com\" type=\"email\" required\/>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"phone\">S\u1ed1 \u0111i\u1ec7n tho\u1ea1i <span class=\"text-red-500\">*<\/span><\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"phone\" name=\"phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" type=\"tel\" required\/>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"company\">T\u00ean c\u00f4ng ty <span class=\"text-red-500\">*<\/span><\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"company\" name=\"company\" placeholder=\"T\u00ean c\u00f4ng ty\" type=\"text\" required\/>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"job\">Ch\u1ee9c danh<\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"job\" name=\"job\" placeholder=\"C-levels, Founder\" type=\"text\"\/>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"budget\">Ng\u00e2n s\u00e1ch marketing m\u1ed7i th\u00e1ng<\/label>\r\n                                <select class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white sm:text-sm py-3 px-4 transition-colors\" id=\"budget\" name=\"budget\">\r\n                                    <option>&lt; 100 tri\u1ec7u<\/option>\r\n                                    <option>100 - 500 tri\u1ec7u<\/option>\r\n                                    <option>500 tri\u1ec7u - 1 t\u1ef7<\/option>\r\n                                    <option>&gt; 1 t\u1ef7<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n\r\n                            <div class=\"md:col-span-2\">\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"website\">Website c\u00f4ng ty<\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"website\" name=\"website\" placeholder=\"Website c\u00f4ng ty\" type=\"url\"\/>\r\n                            <\/div>\r\n\r\n                            <div class=\"md:col-span-2\">\r\n                                <label class=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1\" for=\"address\">\u0110\u1ecba ch\u1ec9 c\u00f4ng ty<\/label>\r\n                                <input class=\"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-primary focus:ring-primary bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 sm:text-sm py-3 px-4 transition-colors\" id=\"address\" name=\"address\" placeholder=\"Nh\u1eadp \u0111\u1ecba ch\u1ec9\" type=\"text\"\/>\r\n                            <\/div>\r\n\r\n                            <div class=\"md:col-span-2 pt-4 flex justify-end\">\r\n                                <button class=\"w-full md:w-auto inline-flex items-center justify-center rounded-md border border-transparent bg-primary px-8 py-3 text-base font-medium text-white shadow-sm hover:bg-blue-800 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition-colors\" type=\"submit\">\r\n                                    <span class=\"material-icons text-xl mr-2\">download<\/span>\r\n                                    G\u1eedi v\u00e0 T\u1ea3i xu\u1ed1ng\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/form>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Ebook data\r\n        const ebooks = [\r\n            {\r\n                title: \"Ebook C\u00f4ng th\u1ee9c Lead Gen Th\u1ebf h\u1ec7 m\u1edbi \u2013 Khi D\u1eef li\u1ec7u, S\u00e1ng t\u1ea1o & C\u00f4ng ngh\u1ec7 h\u1ee3p nh\u1ea5t t\u1ed1i \u0111a chuy\u1ec3n \u0111\u1ed5i to\u00e0n ph\u1ec5u\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAGIaA4TG4hZl1XJ21o44vZIVcTFuztuLmKTsNruaOOuodO5iQWK7h2_1MonDPwH5fqKvRf4M8QW0kvgnGXYJaDxB2xdoOY4BOyO0-T071IgL887bw9JKCieobyZlcTd80muQHLfHkzqK0EF_A64QogdB1Nz8sbqevIGtbrBkk2sN0HlVRTbeHgW6lIeuMZjLUOO-XeH4rxkTzUU73_OMUkEmecBgGQFG5nFB4wpm7bta-P-s-RbibyKuncj-FNUxZl2eNTlPQIJg\",\r\n                author: \"MR.TIEN\",\r\n                date: \"Th\u00e1ng 12 3, 2025\",\r\n                alt: \"Ebook cover showing lead generation strategies\"\r\n            },\r\n            {\r\n                title: \"Ebook \\\"Brand Transformation 2026\\\" \u2013 Khi Omnichannel, Media & Commerce c\u00f9ng ph\u1ed1i h\u1ee3p \u0111\u1ec3 ki\u1ebfn t\u1ea1o l\u1ee3i th\u1ebf c\u1ea1nh tranh d\u00e0i h\u1ea1n\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDZYLzzM2Cngxu2mnxmghNmTB5L87XaV9_Q_ijCUlt_DbHaUVU5hjLWLHu6bDKl3Jcp5dWSx3pqlI4BcActT-l4Hd4dnSPHzpwA1m0K5G_GfTnB_Q92yVaF1GAkytbQZqodSmi_et4_F04VeZeCt19us5kgThvavwoP-es7UyAMH0ZVQo4SJE6XvXoymJOKJXAiwMI2LsK5efWukPhoGzK4wIFpO-HDjyf4ZWnvs3KUO_nUSeqwHpGWZ5KG3_ZdJOfuwJpDuVvRrA\",\r\n                author: \"MR.TIEN\",\r\n                date: \"Th\u00e1ng 11 24, 2025\",\r\n                alt: \"Ebook cover regarding Brand Transformation 2026\"\r\n            },\r\n            {\r\n                title: \"Kh\u00e1m ph\u00e1 c\u00f4ng th\u1ee9c \u0111\u1ed9c quy\u1ec1n Branding To Commerce c\u1ee7a HEART ACADEMY v\u1edbi Ebook Media Branding\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuARcyOaYP2NPd6apnAlV_hD96800Fz3unxJ-2-w8pItyA_3DtFZR__JmHmNDc02PSLHnU19fLRd3Tvwtdg7fVTNWx8Dd9vKt43lLzP0DRZVqnK4OpThfm2nf8Tly2dkamjEYTscxyvFNpCJenZyiViIg7LSvVsThzHUcEVUQoo4ZvxFuQQhYaepXMi0gHChWgebihJw0ATObT1I6V52a4mIgXQpWaSwdAs6ssy1c3iYh9ryrbdyAj9Qzv_8KOkF6xetKGCt7kteOg\",\r\n                author: \"MR.TIEN\",\r\n                date: \"Th\u00e1ng 10 16, 2025\",\r\n                alt: \"Ebook cover about Branding To Commerce\"\r\n            },\r\n            {\r\n                title: \"Ebook Chuy\u1ec3n ho\u00e1 nh\u1eadn th\u1ee9c th\u00e0nh h\u00e0nh \u0111\u1ed9ng: B\u01b0\u1edbc \u0111i m\u1edbi trong chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a c\u00e1c th\u01b0\u01a1ng hi\u1ec7u v\u1eafc-xin\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAc6cGaNgI8a4AEWUJ9Xs6dhdOXJv0UiTktGpmiFyGSF7pN5xiqFEyvDWPDvM2GUl8Wg5-rbhLmqiqxZX-Y9KNaxhQZmPJbHrv0iAXlD3yjK8FZ8_5Qc5_2inhFbY1oVQPVkJV5R0Iqd6hLcP0q6KHVqfS1GFQ2_2giSsDM11s8TNZKJpitGdGiT_6_vx-_T7nlq0yc0Muj9mhFrsLYokpXGJVzLIyPmSQvWcqMNCPRRlDt_2mMynPC0Va6CRfjQC2iQ-YcX-I5og\",\r\n                author: \"MR.TIEN\",\r\n                date: \"Th\u00e1ng 10 7, 2025\",\r\n                alt: \"Ebook cover regarding vaccine brand strategy\"\r\n            },\r\n            {\r\n                title: \"Ebook How Vietnamese modern motherhood is rewriting the rules for marketers.\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAzKCdl5fbPt_ZMKpIFuFhnfyIjVoBAHxzQ9CxngGZPZBpZorUveG-Bx5CwNY-rWSblyv5ilL9JH-S5n6mqhpSlPLU30Z5zrOaTdzv4PI558Q9LFBI0ZDiRwV5lgeTd-bUNr0rrFci9hg11re0prgEB45xkQ5RMrOCaFogxny6WIXgGlewcrp9u5fBitRipM4osgZ2A3a6zC6spfKk7hT9eC0nJTZQoV7Pm-5thN5uhP7ezZyk4_yF3KA8npco0ZxlFmr1fC0ntog\",\r\n                author: \"HEART ACADEMY\",\r\n                date: \"Th\u00e1ng 8 22, 2025\",\r\n                alt: \"Ebook cover about modern motherhood marketing\"\r\n            },\r\n            {\r\n                title: \"Ebook T\u1ed1i \u01b0u Hi\u1ec7u qu\u1ea3 Qu\u1ea3ng c\u00e1o trong Giai \u0111o\u1ea1n Th\u1ecb tr\u01b0\u1eddng \u0111\u1ea7y bi\u1ebfn \u0111\u1ed9ng\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuDaZBIdwOz5VDTyfUiFstW4n_1IHrqeCqyfsJCHneRXKoZDqI50qnHxy8BrNraGNKU0X0n0aeUUXmdfPW6ir6NjB3tQgVW6SmAPu6ZJybT5kqY89Ip43EkT__EDs-KQP2TOhaczVoieKvtWqiUUz2UGwi7Mw0_bDL-ZMh2abEpXnKXHkY9d0RaKTPPtnyGoGc-f8LfcWgtY2fRJ-3T4-c7Gv0iUBXr2SQlqzj-apbpqGFklaia__IxpnZWPaMMPoxnyW1FLBFrKtw\",\r\n                author: \"HEART ACADEMY\",\r\n                date: \"Th\u00e1ng 4 29, 2025\",\r\n                alt: \"Ebook cover about advertising optimization\"\r\n            },\r\n            {\r\n                title: \"Ebook | Business Growth Hacking In 2025: MCNs Solution\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBCbP2L8rJ_-yTE9UlcZSZJ3NrxsscP3Ml62l3FqpresJ9mkzoQzn1__-oc7hTSHTXFQ61h-qT_4uBUoNJrPUwA5sUhR5HleWPsmILDFGIotmZ8Rlysq2LWxe52fLtTwqu-WOa6tSccVediEoDK3jsZ-j8-wdZrxbS_hbCr866UW0zEDU9OO9G8Ew1Rk_k68BnQ4VcNkfd2pSVsdKqri-M41LK_7r5VVjrLZ9GaYWYOha9_whjDhEsKbQWNgnw9PN3SQBcRvDNWLQ\",\r\n                author: \"HEART ACADEMY\",\r\n                date: \"Th\u00e1ng 4 5, 2025\",\r\n                alt: \"Ebook cover regarding business growth hacking\"\r\n            },\r\n            {\r\n                title: \"Ebook M\u00f9a h\u00e8 \u2013 Th\u1eddi \u0111i\u1ec3m v\u00e0ng ngang Gia d\u1ee5ng \u0111\u1ed9t ph\u00e1 doanh s\u1ed1\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBCbP2L8rJ_-yTE9UlcZSZJ3NrxsscP3Ml62l3FqpresJ9mkzoQzn1__-oc7hTSHTXFQ61h-qT_4uBUoNJrPUwA5sUhR5HleWPsmILDFGIotmZ8Rlysq2LWxe52fLtTwqu-WOa6tSccVediEoDK3jsZ-j8-wdZrxbS_hbCr866UW0zEDU9OO9G8Ew1Rk_k68BnQ4VcNkfd2pSVsdKqri-M41LK_7r5VVjrLZ9GaYWYOha9_whjDhEsKbQWNgnw9PN3SQBcRvDNWLQ\",\r\n                author: \"HEART ACADEMY\",\r\n                date: \"Th\u00e1ng 3 20, 2025\",\r\n                alt: \"Ebook cover regarding seasonal shopping strategies\"\r\n            },\r\n            {\r\n                title: \"Ebook Fast Entry, Scalable Growth: The Ultimate FMCG Guide to Winning Product Launches in...\",\r\n                image: \"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBCbP2L8rJ_-yTE9UlcZSZJ3NrxsscP3Ml62l3FqpresJ9mkzoQzn1__-oc7hTSHTXFQ61h-qT_4uBUoNJrPUwA5sUhR5HleWPsmILDFGIotmZ8Rlysq2LWxe52fLtTwqu-WOa6tSccVediEoDK3jsZ-j8-wdZrxbS_hbCr866UW0zEDU9OO9G8Ew1Rk_k68BnQ4VcNkfd2pSVsdKqri-M41LK_7r5VVjrLZ9GaYWYOha9_whjDhEsKbQWNgnw9PN3SQBcRvDNWLQ\",\r\n                author: \"HEART ACADEMY\",\r\n                date: \"Th\u00e1ng 3 10, 2025\",\r\n                alt: \"Ebook cover about fast entry scalable growth FMCG guide\"\r\n            }\r\n        ];\r\n\r\n        let currentPage = 1;\r\n        let itemsPerPage = 9;\r\n        let filteredEbooks = [...ebooks];\r\n\r\n        \/\/ Initialize page\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            renderEbooks();\r\n            renderPagination();\r\n        });\r\n\r\n        function createEbookCard(ebook) {\r\n            return `\r\n                <div class=\"bg-card-light dark:bg-card-dark rounded-lg shadow-sm hover:shadow-md transition-shadow duration-300 overflow-hidden border border-border-light dark:border-border-dark flex flex-col h-full\">\r\n                    <div class=\"p-6 pb-0 flex items-center justify-center bg-gray-50 dark:bg-gray-800\/50 min-h-[220px]\">\r\n                        <img decoding=\"async\" alt=\"${ebook.alt}\" class=\"w-auto h-48 object-contain shadow-lg transform hover:-translate-y-1 transition-transform duration-300\" src=\"${ebook.image}\"\/>\r\n                    <\/div>\r\n                    <div class=\"p-6 flex flex-col flex-grow\">\r\n                        <h3 class=\"text-lg font-bold text-gray-900 dark:text-white mb-4 line-clamp-3 leading-snug min-h-[4.5rem]\">\r\n                            ${ebook.title}\r\n                        <\/h3>\r\n                        <div class=\"mt-auto\">\r\n                            <button class=\"bg-primary hover:bg-blue-800 text-white text-xs font-bold py-1.5 px-4 rounded mb-4 inline-block transition-colors uppercase tracking-wide\" onclick=\"openDownloadModal()\">\r\n                                T\u1ea3i xu\u1ed1ng\r\n                            <\/button>\r\n                            <div class=\"flex items-center text-xs text-gray-500 dark:text-gray-400 border-t border-gray-100 dark:border-gray-700 pt-3\">\r\n                                <span class=\"font-semibold mr-1\">${ebook.author}<\/span> | <span class=\"ml-1 uppercase\">${ebook.date}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        function renderEbooks() {\r\n            const container = document.getElementById('ebooksContainer');\r\n            const noResults = document.getElementById('noResults');\r\n            \r\n            const startIndex = (currentPage - 1) * itemsPerPage;\r\n            const endIndex = startIndex + itemsPerPage;\r\n            const ebooksToShow = filteredEbooks.slice(startIndex, endIndex);\r\n            \r\n            if (ebooksToShow.length === 0) {\r\n                container.innerHTML = '';\r\n                noResults.classList.remove('hidden');\r\n            } else {\r\n                noResults.classList.add('hidden');\r\n                container.innerHTML = ebooksToShow.map(ebook => createEbookCard(ebook)).join('');\r\n            }\r\n        }\r\n\r\n        function renderPagination() {\r\n            const pagination = document.getElementById('pagination');\r\n            const totalPages = Math.ceil(filteredEbooks.length \/ itemsPerPage);\r\n            \r\n            if (totalPages <= 1) {\r\n                pagination.innerHTML = '';\r\n                return;\r\n            }\r\n            \r\n            let paginationHTML = '';\r\n            \r\n            \/\/ Previous button\r\n            paginationHTML += `\r\n                <button onclick=\"changePage(${currentPage - 1})\" \r\n                        class=\"px-3 py-1 rounded border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 ${currentPage === 1 ? 'opacity-50 cursor-not-allowed' : ''}\" \r\n                        ${currentPage === 1 ? 'disabled' : ''}>\r\n                    &lt;\r\n                <\/button>\r\n            `;\r\n            \r\n            \/\/ Page numbers\r\n            for (let i = 1; i <= totalPages; i++) {\r\n                if (i === 1 || i === totalPages || (i >= currentPage - 1 && i <= currentPage + 1)) {\r\n                    paginationHTML += `\r\n                        <button onclick=\"changePage(${i})\" \r\n                                class=\"px-3 py-1 rounded ${i === currentPage ? 'bg-primary text-white font-medium' : 'border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300'}\">\r\n                            ${i}\r\n                        <\/button>\r\n                    `;\r\n                } else if (i === currentPage - 2 || i === currentPage + 2) {\r\n                    paginationHTML += `\r\n                        <button class=\"px-3 py-1 rounded border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 cursor-default\">\r\n                            ...\r\n                        <\/button>\r\n                    `;\r\n                }\r\n            }\r\n            \r\n            \/\/ Next button\r\n            paginationHTML += `\r\n                <button onclick=\"changePage(${currentPage + 1})\" \r\n                        class=\"px-3 py-1 rounded border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 ${currentPage === totalPages ? 'opacity-50 cursor-not-allowed' : ''}\" \r\n                        ${currentPage === totalPages ? 'disabled' : ''}>\r\n                    &gt;\r\n                <\/button>\r\n            `;\r\n            \r\n            pagination.innerHTML = paginationHTML;\r\n        }\r\n\r\n        function changePage(page) {\r\n            const totalPages = Math.ceil(filteredEbooks.length \/ itemsPerPage);\r\n            if (page < 1 || page > totalPages) return;\r\n            \r\n            currentPage = page;\r\n            renderEbooks();\r\n            renderPagination();\r\n            \r\n            \/\/ Scroll to top\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        }\r\n\r\n        function handleSearch() {\r\n            const searchInput = document.getElementById('searchInput');\r\n            const searchTerm = searchInput.value.toLowerCase().trim();\r\n            \r\n            if (searchTerm === '') {\r\n                filteredEbooks = [...ebooks];\r\n            } else {\r\n                filteredEbooks = ebooks.filter(ebook => \r\n                    ebook.title.toLowerCase().includes(searchTerm) ||\r\n                    ebook.author.toLowerCase().includes(searchTerm)\r\n                );\r\n            }\r\n            \r\n            currentPage = 1; \/\/ Reset to first page\r\n            renderEbooks();\r\n            renderPagination();\r\n        }\r\n\r\n        function openDownloadModal() {\r\n            const modal = document.getElementById('downloadModal');\r\n            modal.classList.remove('hidden');\r\n            modal.classList.add('flex');\r\n        }\r\n\r\n        function closeDownloadModal() {\r\n            const modal = document.getElementById('downloadModal');\r\n            modal.classList.add('hidden');\r\n            modal.classList.remove('flex');\r\n            \/\/ Reset form visibility when closing modal\r\n            document.getElementById('registrationForm').classList.add('hidden');\r\n            document.getElementById('expandIcon').textContent = 'expand_more';\r\n        }\r\n\r\n        function toggleFormVisibility() {\r\n            const form = document.getElementById('registrationForm');\r\n            const icon = document.getElementById('expandIcon');\r\n            \r\n            if (form.classList.contains('hidden')) {\r\n                form.classList.remove('hidden');\r\n                icon.textContent = 'expand_less';\r\n            } else {\r\n                form.classList.add('hidden');\r\n                icon.textContent = 'expand_more';\r\n            }\r\n        }\r\n\r\n        function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n            \r\n            \/\/ Get form data\r\n            const formData = new FormData(event.target);\r\n            const data = Object.fromEntries(formData.entries());\r\n            \r\n            \/\/ Here you would typically send the data to your server\r\n            console.log('Form submitted:', data);\r\n            \r\n            \/\/ Show success message\r\n            alert('C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 \u0111\u0103ng k\u00fd! Ebook s\u1ebd \u0111\u01b0\u1ee3c g\u1eedi \u0111\u1ebfn email c\u1ee7a b\u1ea1n.');\r\n            \r\n            \/\/ Close modal and reset form\r\n            closeDownloadModal();\r\n            event.target.reset();\r\n        }\r\n\r\n        \/\/ Close modal when pressing Escape key\r\n        document.addEventListener('keydown', function(event) {\r\n            if (event.key === 'Escape') {\r\n                closeDownloadModal();\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Ebook &#8211; Heart Academy Ebook search Ebook C\u00f4ng th\u1ee9c Lead Gen Th\u1ebf h\u1ec7 m\u1edbi \u2013 Khi D\u1eef li\u1ec7u, S\u00e1ng t\u1ea1o &amp; C\u00f4ng ngh\u1ec7 h\u1ee3p nh\u1ea5t t\u1ed1i \u0111a chuy\u1ec3n \u0111\u1ed5i to\u00e0n ph\u1ec5u T\u1ea3i xu\u1ed1ng MR.TIEN | Th\u00e1ng 12 3, 2025 Ebook &#8220;Brand Transformation 2026&#8221; \u2013 Khi Omnichannel, Media &amp; Commerce c\u00f9ng ph\u1ed1i h\u1ee3p \u0111\u1ec3 ki\u1ebfn t\u1ea1o [&hellip;]<\/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-461","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\/461","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=461"}],"version-history":[{"count":24,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions\/874"}],"wp:attachment":[{"href":"https:\/\/heartacademy.edu.vn\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}