B\u00e1o c\u00e1o T\u01b0\u01a1ng t\u00e1c: Ph\u00e2n t\u00edch IDI \u0110\u1ed1i t\u00e1c B2B Snack L\u1ee3i Khu\u1ea9n<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Be Vietnam Pro', sans-serif;\n background-color: #f8f7f4;\n color: #3d405b;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n max-height: 400px;\n }\n }\n .nav-link {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n font-weight: 500;\n }\n .nav-link:hover, .nav-link.active {\n color: #60c3ad;\n border-bottom-color: #60c3ad;\n }\n .card {\n background-color: #ffffff;\n border-radius: 12px;\n padding: 2rem;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid #e0e0e0;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);\n }\n .swot-item {\n cursor: pointer;\n transition: background-color 0.3s, transform 0.2s;\n border-radius: 8px;\n padding: 0.75rem;\n }\n .swot-item:hover {\n background-color: rgba(96, 195, 173, 0.1); \/* Lighter tint of brand color *\/\n transform: translateX(5px);\n }\n .swot-item.active {\n background-color: rgba(96, 195, 173, 0.2);\n font-weight: 600;\n }\n .btn-primary {\n background-color: #60c3ad;\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n transition: background-color 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n .btn-primary:hover {\n background-color: #50a892; \/* Slightly darker green *\/\n transform: translateY(-2px);\n }\n .section-heading {\n color: #3d405b;\n font-size: 2.5rem; \/* Larger heading *\/\n font-weight: 700;\n text-align: center;\n margin-bottom: 1.5rem;\n }\n .section-description {\n color: #6b7280;\n font-size: 1.125rem;\n text-align: center;\n max-width: 4xl;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 3rem;\n }\n .quote-block {\n background-color: #f0fdf4; \/* Very light green for quotes *\/\n border-left: 4px solid #60c3ad;\n padding: 1rem 1.5rem;\n margin-top: 1.5rem;\n border-radius: 0 8px 8px 0;\n font-style: italic;\n color: #4a5568;\n font-size: 0.95rem;\n }\n .quote-source {\n display: block;\n text-align: right;\n margin-top: 0.5rem;\n font-size: 0.85rem;\n color: #718096;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"bg-white shadow-lg sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-gray-800\">Snack L\u1ee3i Khu\u1ea9n Kefir<\/h1>\n <div class=\"hidden md:flex space-x-8\">\n <a href=\"#overview\" class=\"nav-link text-gray-600\">T\u1ed5ng quan<\/a>\n <a href=\"#swot\" class=\"nav-link text-gray-600\">Ph\u00e2n t\u00edch SWOT<\/a>\n <a href=\"#challenges\" class=\"nav-link text-gray-600\">Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/a>\n <a href=\"#channels\" class=\"nav-link text-gray-600\">K\u00eanh Ph\u00e2n Ph\u1ed1i<\/a>\n <a href=\"#actions\" class=\"nav-link text-gray-600\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng<\/a>\n <\/div>\n <button id=\"mobile-menu-button\" class=\"md:hidden p-2 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#60c3ad]\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-7 w-7 text-gray-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\n <\/svg>\n <\/button>\n <\/nav>\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-200\">\n <a href=\"#overview\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">T\u1ed5ng quan<\/a>\n <a href=\"#swot\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">Ph\u00e2n t\u00edch SWOT<\/a>\n <a href=\"#challenges\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/a>\n <a href=\"#channels\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">K\u00eanh Ph\u00e2n Ph\u1ed1i<\/a>\n <a href=\"#actions\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng<\/a>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-6 py-16\">\n \n <section id=\"overview\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">T\u1ed5ng quan Insight t\u1eeb IDI<\/h2>\n <p class=\"section-description\">\n Ph\u1ea7n n\u00e0y t\u00f3m t\u1eaft nh\u1eefng insight ch\u00ednh \u0111\u01b0\u1ee3c r\u00fat ra t\u1eeb c\u00e1c bu\u1ed5i ph\u1ecfng v\u1ea5n chuy\u00ean s\u00e2u v\u1edbi \u0111\u1ed1i t\u00e1c B2B t\u1ea1i c\u00e1c k\u00eanh b\u00e1n l\u1ebb kh\u00e1c nhau. C\u00e1c insight n\u00e0y kh\u00f4ng ch\u1ec9 l\u00e0 nh\u1eefng g\u00ec h\u1ecd n\u00f3i ra, m\u00e0 c\u00f2n l\u00e0 nh\u1eefng mong mu\u1ed1n, nhu c\u1ea7u ti\u1ec1m \u1ea9n v\u00e0 th\u00e1ch th\u1ee9c kh\u00f4ng \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n tr\u1ef1c ti\u1ebfp, cung c\u1ea5p c\u00e1i nh\u00ecn s\u00e2u s\u1eafc v\u1ec1 ti\u1ec1m n\u0103ng th\u1ecb tr\u01b0\u1eddng, nh\u1eefng r\u00e0o c\u1ea3n hi\u1ec7n t\u1ea1i v\u00e0 c\u01a1 h\u1ed9i ph\u00e1t tri\u1ec3n cho s\u1ea3n ph\u1ea9m snack l\u1ee3i khu\u1ea9n Kefir.\n <\/p>\n <div class=\"grid md:grid-cols-3 gap-10\" id=\"overview-insights-grid\">\n \n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"swot\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Ph\u00e2n t\u00edch SWOT t\u1eeb Insight<\/h2>\n <p class=\"section-description\">\n M\u00f4 h\u00ecnh SWOT n\u00e0y \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u1ef1a tr\u00ean c\u00e1c insight s\u00e2u s\u1eafc thu th\u1eadp t\u1eeb c\u00e1c bu\u1ed5i ph\u1ecfng v\u1ea5n, bao g\u1ed3m c\u1ea3 nh\u1eefng mong mu\u1ed1n kh\u00f4ng l\u1eddi c\u1ee7a \u0111\u1ed1i t\u00e1c B2B. Nh\u1ea5n v\u00e0o t\u1eebng m\u1ee5c \u0111\u1ec3 kh\u00e1m ph\u00e1 chi ti\u1ebft c\u00e1c \u0111i\u1ec3m m\u1ea1nh, \u0111i\u1ec3m y\u1ebfu, c\u01a1 h\u1ed9i v\u00e0 th\u00e1ch th\u1ee9c, t\u1eeb \u0111\u00f3 hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 v\u1ecb th\u1ebf c\u1ee7a s\u1ea3n ph\u1ea9m tr\u00ean th\u1ecb tr\u01b0\u1eddng.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"bg-[#d4edda] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-green-800 mb-4\">\u0110i\u1ec3m m\u1ea1nh (Strengths)<\/h3>\n <ul id=\"swot-strengths\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#f8d7da] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-red-800 mb-4\">\u0110i\u1ec3m y\u1ebfu (Weaknesses)<\/h3>\n <ul id=\"swot-weaknesses\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#cfe2ff] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-blue-800 mb-4\">C\u01a1 h\u1ed9i (Opportunities)<\/h3>\n <ul id=\"swot-opportunities\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#fff3cd] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-yellow-800 mb-4\">Th\u00e1ch th\u1ee9c (Threats)<\/h3>\n <ul id=\"swot-threats\" class=\"space-y-3\"><\/ul>\n <\/div>\n <\/div>\n <div id=\"swot-details\" class=\"mt-12 p-8 bg-white rounded-xl shadow-lg hidden\">\n <p class=\"text-gray-700 text-lg leading-relaxed\"><\/p>\n <blockquote class=\"quote-block hidden\">\n <p class=\"quote-text\"><\/p>\n <span class=\"quote-source\"><\/span>\n <\/blockquote>\n <\/div>\n <\/section>\n \n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"challenges\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Insight v\u1ec1 Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/h2>\n <p class=\"section-description\">\n C\u00e1c bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi \u0111\u00e2y tr\u1ef1c quan h\u00f3a m\u1ee9c \u0111\u1ed9 \u1ea3nh h\u01b0\u1edfng c\u1ee7a c\u00e1c r\u00e0o c\u1ea3n ch\u00ednh v\u00e0 ph\u00e2n kh\u00fac kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng, gi\u00fap ch\u00fang ta c\u00f3 c\u00e1i nh\u00ecn \u0111\u1ecbnh l\u01b0\u1ee3ng v\u1ec1 nh\u1eefng insight \u0111\u00e3 thu th\u1eadp, bao g\u1ed3m c\u1ea3 nh\u1eefng kh\u00f3 kh\u0103n *kh\u00f4ng \u0111\u01b0\u1ee3c n\u00f3i r\u00f5* trong vi\u1ec7c b\u00e1n s\u1ea3n ph\u1ea9m m\u1edbi.\n <\/p>\n <div class=\"grid md:grid-cols-2 gap-16 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">C\u00e1c R\u00e0o c\u1ea3n Ch\u00ednh<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"barriersChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">Ph\u00e2n kh\u00fac Kh\u00e1ch h\u00e0ng Ti\u1ec1m n\u0103ng<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"audienceChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"channels\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Insight v\u1ec1 K\u00eanh Ph\u00e2n Ph\u1ed1i<\/h2>\n <p class=\"section-description\">\n Ph\u1ea7n n\u00e0y cung c\u1ea5p insight v\u1ec1 ti\u1ec1m n\u0103ng v\u00e0 c\u00e1c th\u00e1ch th\u1ee9c \u0111\u1eb7c th\u00f9 c\u1ee7a s\u1ea3n ph\u1ea9m t\u1ea1i ba k\u00eanh b\u00e1n l\u1ebb ch\u00ednh: C\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i, C\u1eeda h\u00e0ng m\u1ef9 ph\u1ea9m v\u00e0 Nh\u00e0 thu\u1ed1c. Nh\u1eefng insight n\u00e0y l\u00e0 c\u01a1 s\u1edf \u0111\u1ec3 \u0111\u01b0a ra chi\u1ebfn l\u01b0\u1ee3c ph\u00e2n ph\u1ed1i hi\u1ec7u qu\u1ea3, \u0111\u1eb7c bi\u1ec7t l\u00e0 hi\u1ec3u \u0111\u01b0\u1ee3c mong mu\u1ed1n c\u1ee7a \u0111\u1ed1i t\u00e1c B2B v\u1ec1 s\u1ef1 ph\u00f9 h\u1ee3p c\u1ee7a s\u1ea3n ph\u1ea9m v\u1edbi \u0111\u1eb7c th\u00f9 k\u00eanh. Nh\u1ea5n v\u00e0o n\u00fat \"Xem \u0110\u1ec1 xu\u1ea5t\" \u0111\u1ec3 kh\u00e1m ph\u00e1 c\u00e1c h\u00e0nh \u0111\u1ed9ng c\u1ee5 th\u1ec3 cho t\u1eebng k\u00eanh.\n <\/p>\n <div id=\"channels-grid\" class=\"grid md:grid-cols-3 gap-10\">\n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"actions\" class=\"scroll-mt-24\">\n <h2 class=\"section-heading\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng Chi\u1ebfn l\u01b0\u1ee3c t\u1eeb Insight<\/h2>\n <p class=\"section-description\">\n D\u1ef1a tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c insight \u0111\u00e3 \u0111\u01b0\u1ee3c khai th\u00e1c t\u1eeb bu\u1ed5i IDI, bao g\u1ed3m c\u1ea3 nh\u1eefng nhu c\u1ea7u v\u00e0 mong mu\u1ed1n ti\u1ec1m \u1ea9n c\u1ee7a \u0111\u1ed1i t\u00e1c B2B, ph\u1ea7n n\u00e0y t\u1ed5ng h\u1ee3p c\u00e1c \u0111\u1ec1 xu\u1ea5t h\u00e0nh \u0111\u1ed9ng chi\u1ebfn l\u01b0\u1ee3c c\u1ee5 th\u1ec3. Nh\u1eefng \u0111\u1ec1 xu\u1ea5t n\u00e0y nh\u1eb1m gi\u1ea3i quy\u1ebft c\u00e1c th\u00e1ch th\u1ee9c, t\u1eadn d\u1ee5ng c\u01a1 h\u1ed9i v\u00e0 th\u00fac \u0111\u1ea9y t\u0103ng tr\u01b0\u1edfng b\u1ec1n v\u1eefng cho s\u1ea3n ph\u1ea9m snack l\u1ee3i khu\u1ea9n Kefir.\n <\/p>\n <div id=\"actions-list\" class=\"space-y-8 max-w-4xl mx-auto\">\n <\/div>\n <\/section>\n <\/main>\n \n <script>\n const reportData = {\n overview: {\n insights: [\n {\n title: \"Insight v\u1ec1 Ti\u1ec1m n\u0103ng S\u1ea3n ph\u1ea9m\",\n icon: \"\ud83c\udf1f\",\n description: \"S\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 cao v\u1ec1 h\u01b0\u01a1ng v\u1ecb th\u01a1m ngon v\u00e0 t\u00ednh ti\u1ec7n l\u1ee3i v\u01b0\u1ee3t tr\u1ed9i. Insight s\u00e2u h\u01a1n cho th\u1ea5y, \u0111\u1ed1i t\u00e1c B2B mong mu\u1ed1n m\u1ed9t s\u1ea3n ph\u1ea9m *t\u1ef1 b\u00e1n \u0111\u01b0\u1ee3c* nh\u1edd s\u1ef1 h\u1ea5p d\u1eabn t\u1ef1 th\u00e2n v\u00e0 \u00edt y\u00eau c\u1ea7u t\u01b0 v\u1ea5n, \u0111\u1eb7c bi\u1ec7t v\u1edbi \u0111\u1ecbnh d\u1ea1ng \u0111\u1ed9c \u0111\u00e1o n\u00e0y.\",\n quote: {\n text: \"\u0102n th\u00ec ngon, r\u1ea5t l\u00e0 ngon lu\u00f4n... nh\u01b0ng m\u00e0 gi\u1ed1ng nh\u01b0 ki\u1ec3u th\u1ee9 nh\u1ea5t l\u00e0 gi\u00e1 c\u1ea3 n\u00e8, th\u1ee9 hai n\u1eefa l\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u1edbi \u00e1 n\u00ean l\u00e0 ch\u01b0a bi\u1ebft t\u1edbi nhi\u1ec1u. Ch\u1ee9 n\u1ebfu nh\u01b0 m\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u00e0 ki\u1ec3u qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i l\u00e0 ch\u1eafc ch\u1eafn th\u00ec ng\u01b0\u1eddi ta s\u1ebd mua gi\u1ed1ng nh\u01b0 ki\u1ec3u snack th\u00f4i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n }\n },\n {\n title: \"Insight v\u1ec1 R\u00e0o c\u1ea3n Ch\u00ednh\",\n icon: \"\ud83d\udea7\",\n description: \"Gi\u00e1 b\u00e1n l\u1ebb hi\u1ec7n t\u1ea1i l\u00e0 r\u00e0o c\u1ea3n \u0111\u00e1ng k\u1ec3, kh\u00f4ng ch\u1ec9 v\u00ec kh\u00e1ch h\u00e0ng ng\u1ea1i chi tr\u1ea3 m\u00e0 c\u00f2n v\u00ec \u0111\u1ed1i t\u00e1c B2B mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 *gi\u00e1 tr\u1ecb c\u1ea3m nh\u1eadn cao h\u01a1n* \u0111\u1ec3 d\u1ec5 d\u00e0ng bi\u1ec7n minh cho m\u1ee9c gi\u00e1. Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u s\u1ea3n ph\u1ea9m c\u00f2n m\u1edbi v\u00e0 \u0111\u1ecbnh v\u1ecb s\u1ea3n ph\u1ea9m t\u1ea1i \u0111i\u1ec3m b\u00e1n m\u01a1 h\u1ed3 c\u0169ng l\u00e0 v\u1ea5n \u0111\u1ec1, khi\u1ebfn h\u1ecd ph\u1ea3i t\u1ed1n c\u00f4ng s\u1ee9c gi\u1ea3i th\u00edch, \u0111i\u1ec1u m\u00e0 h\u1ecd kh\u00f4ng mong mu\u1ed1n.\",\n quote: {\n text: \"Gi\u00e1 nh\u01b0 v\u1ea7y l\u00e0 \u0111\u01b0\u1ee3c nha, ch\u1ee9 gi\u1edd sau n\u00e0y m\u00e0 l\u00ean n\u1eefa l\u00e0 em ngh\u0129 ch\u1eafc ch\u1eafn s\u1ebd kh\u00f3 b\u00e1n. R\u1ea5t l\u00e0 kh\u00f3 b\u00e1n. T\u1ea1i v\u00ec 22.000, t\u1ee5i em b\u00e1n ra l\u00e0 22.000. Gi\u00e1 nh\u01b0 v\u1eady l\u00e0 kh\u00e1ch \u0111\u00e3 n\u00f3i cao r\u1ed3i. M\u00e0 b\u00e2y gi\u1edd b\u00ean anh nghe n\u00f3i m\u1ed9t hai th\u00e1ng n\u1eefa h\u1ebft c\u00e1i ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00f3 m\u00e0 l\u00ean gi\u00e1 th\u00ec ch\u1eafc ch\u1eafn s\u1ebd kh\u00f3 b\u00e1n. H\u00e0ng n\u00f3 s\u1ebd b\u1ecb ch\u1eadm l\u1ea1i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n }\n },\n {\n title: \"Insight v\u1ec1 \u0110\u1ed1i t\u01b0\u1ee3ng Kh\u00e1ch h\u00e0ng\",\n icon: \"\ufffd\",\n description: \"Tr\u1ebb em l\u00e0 nh\u00f3m kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng nh\u1ea5t, v\u00e0 insight cho th\u1ea5y \u0111\u1ed1i t\u00e1c B2B mu\u1ed1n c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh marketing *tr\u1ef1c ti\u1ebfp thu h\u00fat tr\u1ebb em* (v\u00ed d\u1ee5: qua qu\u00e0 t\u1eb7ng, h\u00ecnh \u1ea3nh) \u0111\u1ec3 t\u1ea1o nhu c\u1ea7u t\u1eeb ph\u00eda c\u00e1c b\u00e9, gi\u1ea3m g\u00e1nh n\u1eb7ng thuy\u1ebft ph\u1ee5c ph\u1ee5 huynh t\u1eeb ph\u00eda c\u1eeda h\u00e0ng.\",\n quote: {\n text: \"Con ch\u1ecb l\u1ea1i kh\u00e1c, ch\u1ecb l\u1ea1i mua c\u00e1i b\u00e1nh n\u00e0y cho n\u00f3 \u0103n n\u00e8, n\u00f3 l\u1eb9 h\u01a1n. N\u00f3 th\u00edch \u0103n h\u01a1n, n\u00f3 ng\u1ed3i coi TV n\u00f3 \u0103n s\u1ebd th\u00edch h\u01a1n. Th\u00ec c\u00e1i n\u00e0y \u00e1 l\u00e0 n\u00f3 s\u1ebd l\u00e0 thi\u00ean v\u1ec1 cho tr\u1ebb em n\u00f3 nhi\u1ec1u h\u01a1n. Ng\u01b0\u1eddi l\u1edbn s\u1ebd kh\u00f4ng c\u00f3 th\u1eddi gian ng\u1ed3i nhai.\",\n source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\"\n }\n }\n ]\n },\n swot: {\n strengths: [\n { title: \"H\u01b0\u01a1ng v\u1ecb ngon\", detail: \"S\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c c\u1ea3 nh\u00e2n vi\u00ean v\u00e0 kh\u00e1ch h\u00e0ng nh\u00ed khen ngon, d\u1ec5 \u0103n.\" },\n { title: \"Ti\u1ec7n l\u1ee3i v\u01b0\u1ee3t tr\u1ed9i\", detail: \"D\u1ea1ng kh\u00f4, kh\u00f4ng c\u1ea7n b\u1ea3o qu\u1ea3n l\u1ea1nh, d\u1ec5 mang theo, ti\u1ec7n h\u01a1n s\u1eefa chua truy\u1ec1n th\u1ed1ng.\", quote: { text: \"Ri\u00eang em th\u00ec em r\u1ea5t th\u00edch snack l\u1ee3i khu\u1ea9n gi\u1ed1ng v\u1eady. N\u00f3 ti\u1ec7n.\", source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\" } },\n { title: \"\u0110\u1ecbnh d\u1ea1ng \u0111\u1ed9c \u0111\u00e1o\", detail: \"L\u00e0 snack l\u1ee3i khu\u1ea9n d\u1ea1ng kh\u00f4 duy nh\u1ea5t, kh\u00f4ng c\u00f3 \u0111\u1ed1i th\u1ee7 tr\u1ef1c ti\u1ebfp trong c\u00f9ng \u0111\u1ecbnh d\u1ea1ng.\" },\n { title: \"Bao b\u00ec \u0111\u1eb9p (h\u1ea7u h\u1ebft)\", detail: \"Thi\u1ebft k\u1ebf bao b\u00ec \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 h\u00e0i h\u00f2a, b\u1eaft m\u1eaft, tr\u1eeb v\u1ecb Rau C\u1ee7 Qu\u1ea3.\" }\n ],\n weaknesses: [\n { title: \"Gi\u00e1 b\u00e1n cao\", detail: \"M\u1ee9c gi\u00e1 22.000\u0111 - 29.000\u0111 b\u1ecb xem l\u00e0 r\u00e0o c\u1ea3n l\u1edbn, ng\u0103n c\u1ea3n vi\u1ec7c mua th\u01b0\u1eddng xuy\u00ean.\" },\n { title: \"Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u c\u00f2n m\u1edbi\", detail: \"S\u1ea3n ph\u1ea9m m\u1edbi, ch\u01b0a \u0111\u01b0\u1ee3c qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i n\u00ean ph\u1ea7n l\u1edbn kh\u00e1ch h\u00e0ng ch\u01b0a bi\u1ebft \u0111\u1ebfn.\" },\n { title: \"\u0110\u1ecbnh v\u1ecb s\u1ea3n ph\u1ea9m sai l\u1ec7ch\", detail: \"B\u1ecb hi\u1ec3u l\u1ea7m l\u00e0 'k\u1eb9o' ho\u1eb7c 'th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng', \u0111\u1eb7c bi\u1ec7t t\u1ea1i k\u00eanh nh\u00e0 thu\u1ed1c & m\u1ef9 ph\u1ea9m.\", quote: { text: \"Kh\u00e1ch th\u1ea5y nh\u1eefng c\u00e1i vi\u00ean tr\u00f2n tr\u00f2n n\u00e0y \u00e1, kh\u00e1ch s\u1ebd ngh\u0129 l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng v\u00e0 s\u1ebd kh\u00f4ng c\u00f3 d\u00e1m mua. N\u1ebfu nh\u01b0 nh\u00e2n vi\u00ean kh\u00f4ng t\u01b0 v\u1ea5n \u0111\u1ec3 b\u00e1n l\u00e0 h\u1ecd kh\u00f4ng bi\u1ebft.\", source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\" } },\n { title: \"Bao b\u00ec v\u1ecb Rau C\u1ee7 Qu\u1ea3\", detail: \"B\u1ecb \u0111\u00e1nh gi\u00e1 l\u00e0 'kh\u00f4ng b\u1eaft m\u1eaft', 'kh\u00f4ng cu\u1ed1n h\u00fat', l\u00e0 v\u1ecb b\u00e1n ch\u1eadm nh\u1ea5t.\" }\n ],\n opportunities: [\n { title: \"Khai th\u00e1c th\u1ecb tr\u01b0\u1eddng ng\u00e1ch\", detail: \"T\u1eadp trung v\u00e0o snack l\u1ee3i khu\u1ea9n, m\u1ed9t th\u1ecb tr\u01b0\u1eddng c\u00f2n m\u1edbi v\u00e0 \u00edt c\u1ea1nh tranh tr\u1ef1c ti\u1ebfp.\" },\n { title: \"Thu h\u00fat \u0111\u1ed1i t\u01b0\u1ee3ng tr\u1ebb em\", detail: \"T\u1ea1o s\u1ef1 kh\u00e1c bi\u1ec7t v\u1edbi c\u00e1c s\u1ea3n ph\u1ea9m men ti\u00eau h\u00f3a 'ng\u01b0\u1eddi l\u1edbn' b\u1eb1ng c\u00e1ch nh\u1eafm v\u00e0o tr\u1ebb em.\" },\n { title: \"Gia t\u0103ng l\u00f2ng trung th\u00e0nh qua qu\u00e0 t\u1eb7ng\", quote: { text: \"C\u1ea7n \u0111\u1ed3 tr\u01b0ng b\u00e0y nh\u01b0 l\u00e0 d\u00e2y treo... b\u00ean anh thi\u1ebft k\u1ebf v\u00ed d\u1ee5 nh\u01b0, em th\u1ea5y gi\u1ed1ng nh\u01b0 Yakult \u0111i, ng\u01b0\u1eddi ta s\u1ebd l\u00e0m ch\u01b0\u01a1ng tr\u00ecnh t\u1eb7ng cho kh\u00e1ch... t\u1eb7ng nh\u1eefng c\u00e1i sticker. M\u1ea5y b\u1ea1n nh\u1ecf r\u1ea5t l\u00e0 th\u00edch... N\u00ean em ngh\u0129 l\u00e0 c\u00f4ng ty anh s\u1ebd l\u00e0m ra m\u1ea5y c\u00e1i \u0111\u00f3 \u0111\u1ec3 t\u1eb7ng cho con n\u00edt n\u1eefa.\", source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\" } },\n { title: \"Gi\u00e1o d\u1ee5c th\u1ecb tr\u01b0\u1eddng\", detail: \"X\u00e2y d\u1ef1ng nh\u1eadn th\u1ee9c v\u1ec1 l\u1ee3i \u00edch c\u1ee7a snack l\u1ee3i khu\u1ea9n nh\u01b0 m\u1ed9t l\u1ef1a ch\u1ecdn b\u1ed5 sung h\u00e0ng ng\u00e0y, ti\u1ec7n l\u1ee3i.\" }\n ],\n threats: [\n { title: \"C\u1ea1nh tranh gi\u00e1n ti\u1ebfp m\u1ea1nh\", detail: \"\u0110\u1ed1i th\u1ee7 nh\u01b0 Pororo (n\u01b0\u1edbc u\u1ed1ng) v\u00e0 men ti\u00eau h\u00f3a (\u1ed1ng\/vi\u00ean) \u0111\u00e3 c\u00f3 v\u1ecb th\u1ebf v\u1eefng ch\u1eafc trong t\u00e2m tr\u00ed ng\u01b0\u1eddi d\u00f9ng.\" },\n { title: \"R\u00e0o c\u1ea3n gi\u00e1\", detail: \"N\u1ebfu t\u0103ng gi\u00e1 sau khuy\u1ebfn m\u00e3i, s\u1ea3n ph\u1ea9m c\u00f3 nguy c\u01a1 cao b\u1ecb s\u1ee5t gi\u1ea3m doanh s\u1ed1 nghi\u00eam tr\u1ecdng.\" },\n { title: \"Ph\u1ee5 thu\u1ed9c v\u00e0o t\u01b0 v\u1ea5n\", detail: \"Do nh\u1eadn di\u1ec7n c\u00f2n m\u1edbi, doanh s\u1ed1 b\u00e1n h\u00e0ng hi\u1ec7n t\u1ea1i ph\u1ee5 thu\u1ed9c nhi\u1ec1u v\u00e0o s\u1ef1 t\u01b0 v\u1ea5n ch\u1ee7 \u0111\u1ed9ng c\u1ee7a nh\u00e2n vi\u00ean t\u1ea1i \u0111i\u1ec3m b\u00e1n.\" },\n { title: \"H\u00e0nh vi ng\u01b0\u1eddi d\u00f9ng k\u00eanh nh\u00e0 thu\u1ed1c\", detail: \"Kh\u00e1ch h\u00e0ng t\u1ea1i nh\u00e0 thu\u1ed1c t\u00ecm ki\u1ebfm gi\u1ea3i ph\u00e1p hi\u1ec7u qu\u1ea3 nhanh, m\u1ea1nh, kh\u00f4ng \u01b0u ti\u00ean s\u1ea3n ph\u1ea9m d\u1ea1ng 'lai'.\", quote: { text: \"C\u00e1i n\u00e0y ng\u01b0\u1eddi ta nh\u00ecn v\u00f4 ng\u01b0\u1eddi ta t\u01b0\u1edfng nh\u01b0 ki\u1ec3u \u0103n cho vui ch\u01a1i ch\u1ee9 kh\u00f4ng c\u00f3 m\u00e0 ngh\u0129 l\u00e0 d\u1ea1ng th\u1ef1c ph\u1ea9m b\u1ed5 sung h\u1ebft tr\u01a1n. Th\u1ea5y n\u00f3 ki\u1ec3u gi\u1ed1ng nh\u01b0 l\u00e0 n\u1ebfu m\u00e0 \u0103n ki\u1ec3u v\u00e0i l\u1ea7n cho bi\u1ebft th\u00f4i c\u00f2n n\u1ebfu m\u00e0 d\u00f9ng... kh\u00e1ch h\u00e0ng s\u1ebd kh\u00f4ng c\u00f3 nhu c\u1ea7u l\u1eafm.\", source: \"Ch\u1ecb Nhi - NVBH Pharmacity\" } }\n ]\n },\n barriers: {\n labels: [\"Gi\u00e1 c\u1ea3\", \"Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u\", \"\u0110\u1ecbnh v\u1ecb sai l\u1ec7ch\", \"C\u1ea1nh tranh gi\u00e1n ti\u1ebfp\"],\n data: [90, 85, 75, 65]\n },\n audience: {\n labels: [\"Tr\u1ebb em (Ng\u01b0\u1eddi \u1ea3nh h\u01b0\u1edfng)\", \"Ph\u1ee5 huynh (Ng\u01b0\u1eddi mua)\", \"Ng\u01b0\u1eddi l\u1edbn quan t\u00e2m s\u1ee9c kh\u1ecfe\"],\n data: [50, 40, 10]\n },\n channels: [\n {\n name: \"C\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i (Minimart)\",\n icon: \"\ud83c\udfea\",\n potential: \"Cao\",\n potentialColor: \"text-green-600\",\n insights: \"K\u00eanh c\u00f3 ti\u1ec1m n\u0103ng nh\u1ea5t. Kh\u00e1ch h\u00e0ng c\u00f3 h\u00e0nh vi mua s\u1eafm \u0111\u1ed3 \u0103n v\u1eb7t. \u0110\u1ed1i t\u01b0\u1ee3ng tr\u1ebb em v\u00e0 ph\u1ee5 huynh th\u01b0\u1eddng xuy\u00ean lui t\u1edbi. *Insight: \u0110\u1ed1i t\u00e1c B2B mong mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 kh\u1ea3 n\u0103ng t\u1ef1 b\u00e1n t\u1ed1t, gi\u1ea3m g\u00e1nh n\u1eb7ng t\u01b0 v\u1ea5n cho nh\u00e2n vi\u00ean.*\",\n challenges: \"C\u1ea7n n\u1ed5i b\u1eadt gi\u1eefa v\u00f4 s\u1ed1 lo\u1ea1i snack kh\u00e1c. Gi\u00e1 v\u1eabn l\u00e0 m\u1ed9t y\u1ebfu t\u1ed1 nh\u1ea1y c\u1ea3m.\",\n quote: {\n text: \"Gi\u1ed1ng nh\u01b0 s\u1ea3n ph\u1ea9m n\u00e0y c\u0169ng v\u1eady, \u0103n th\u00ec ngon, r\u1ea5t l\u00e0 ngon lu\u00f4n... nh\u01b0ng m\u00e0 gi\u1ed1ng nh\u01b0 ki\u1ec3u th\u1ee9 nh\u1ea5t l\u00e0 gi\u00e1 c\u1ea3 n\u00e8, th\u1ee9 hai n\u1eefa l\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u1edbi \u00e1 n\u00ean l\u00e0 ch\u01b0a bi\u1ebft t\u1edbi nhi\u1ec1u. Ch\u1ee9 n\u1ebfu nh\u01b0 m\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u00e0 ki\u1ec3u qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i l\u00e0 ch\u1eafc ch\u1eafn th\u00ec ng\u01b0\u1eddi ta s\u1ebd mua gi\u1ed1ng nh\u01b0 ki\u1ec3u snack th\u00f4i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n },\n recommendations: [\"Cung c\u1ea5p POSM b\u1eaft m\u1eaft (d\u00e2y treo, wobbler) \u0111\u1ec3 s\u1ea3n ph\u1ea9m t\u1ef1 thu h\u00fat s\u1ef1 ch\u00fa \u00fd.\", \"Tri\u1ec3n khai ch\u01b0\u01a1ng tr\u00ecnh qu\u00e0 t\u1eb7ng k\u00e8m (sticker) \u0111\u1ec3 thu h\u00fat tr\u1ebb em v\u00e0 th\u00fac \u0111\u1ea9y mua l\u1eb7p l\u1ea1i.\", \"Duy tr\u00ec m\u1ee9c gi\u00e1 c\u1ea1nh tranh v\u00e0 truy\u1ec1n th\u00f4ng gi\u00e1 tr\u1ecb \u0111\u1ec3 kh\u00e1ch h\u00e0ng c\u1ea3m th\u1ea5y x\u1ee9ng \u0111\u00e1ng.\"]\n },\n {\n name: \"C\u1eeda h\u00e0ng m\u1ef9 ph\u1ea9m (Beauty Store)\",\n icon: \"\ud83d\udc85\",\n potential: \"R\u1ea5t th\u1ea5p\",\n potentialColor: \"text-red-600\",\n insights: \"Kh\u00e1ch h\u00e0ng kh\u00f4ng c\u00f3 nhu c\u1ea7u mua th\u1ef1c ph\u1ea9m. S\u1ea3n ph\u1ea9m b\u1ecb hi\u1ec3u l\u1ea7m l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng. *Insight: \u0110\u1ed1i t\u00e1c B2B mong mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 \u0111\u1ecbnh v\u1ecb r\u00f5 r\u00e0ng, ph\u00f9 h\u1ee3p v\u1edbi ng\u00e0nh h\u00e0ng ch\u00ednh c\u1ee7a c\u1eeda h\u00e0ng \u0111\u1ec3 tr\u00e1nh g\u00e2y nh\u1ea7m l\u1eabn v\u00e0 gi\u1ea3m c\u00f4ng s\u1ee9c gi\u1ea3i th\u00edch.*\",\n challenges: \"T\u1ec7p kh\u00e1ch h\u00e0ng kh\u00f4ng ph\u00f9 h\u1ee3p. Nh\u00e2n vi\u00ean ph\u1ea3i n\u1ed7 l\u1ef1c gi\u1ea3i th\u00edch, t\u01b0 v\u1ea5n m\u1edbi b\u00e1n \u0111\u01b0\u1ee3c h\u00e0ng.\",\n quote: {\n text: \"Kh\u00e1ch th\u1ea5y nh\u1eefng c\u00e1i vi\u00ean tr\u00f2n tr\u00f2n n\u00e0y \u00e1, kh\u00e1ch s\u1ebd ngh\u0129 l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng v\u00e0 s\u1ebd kh\u00f4ng c\u00f3 d\u00e1m mua. N\u1ebfu nh\u01b0 nh\u00e2n vi\u00ean kh\u00f4ng t\u01b0 v\u1ea5n \u0111\u1ec3 b\u00e1n l\u00e0 h\u1ecd kh\u00f4ng bi\u1ebft. H\u1ecd s\u1ebd kh\u00f4ng bi\u1ebft t\u1ea1i v\u00ec kh\u00e1ch nh\u00ecn tr\u00f2n tr\u00f2n kh\u00e1ch c\u1ee9 m\u1eb7c \u0111\u1ecbnh l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng.\",\n source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\"\n },\n recommendations: [\"Cung c\u1ea5p shelf talker gi\u1ea3i th\u00edch r\u00f5 s\u1ea3n ph\u1ea9m l\u00e0 'snack l\u1ee3i khu\u1ea9n' ch\u1ee9 kh\u00f4ng ph\u1ea3i th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng.\", \"\u0110\u00e0o t\u1ea1o nh\u00e2n vi\u00ean v\u1ec1 \u0111i\u1ec3m kh\u00e1c bi\u1ec7t v\u00e0 l\u1ee3i \u00edch c\u1ee7a s\u1ea3n ph\u1ea9m \u0111\u1ec3 h\u1ecd t\u1ef1 tin t\u01b0 v\u1ea5n.\", \"C\u00e2n nh\u1eafc \u0111\u00e2y kh\u00f4ng ph\u1ea3i k\u00eanh ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c, ho\u1eb7c c\u1ea7n chi\u1ebfn l\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb l\u1ea1i r\u1ea5t m\u1ea1nh.\"]\n },\n {\n name: \"Nh\u00e0 thu\u1ed1c (Pharmacy)\",\n icon: \"\u2695\ufe0f\",\n potential: \"Th\u1ea5p\",\n potentialColor: \"text-yellow-600\",\n insights: \"Kh\u00e1ch h\u00e0ng t\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m 'd\u01b0\u1ee3c t\u00ednh' cao, hi\u1ec7u qu\u1ea3 nhanh. Snack l\u1ee3i khu\u1ea9n b\u1ecb xem l\u00e0 '\u0111\u1ed3 \u0103n v\u1eb7t'. *Insight: \u0110\u1ed1i t\u00e1c B2B mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 th\u00f4ng \u0111i\u1ec7p r\u00f5 r\u00e0ng v\u1ec1 hi\u1ec7u qu\u1ea3 s\u1ee9c kh\u1ecfe, ho\u1eb7c m\u1ed9t l\u1ee3i th\u1ebf c\u1ea1nh tranh kh\u00e1c bi\u1ec7t so v\u1edbi c\u00e1c s\u1ea3n ph\u1ea9m men ti\u00eau h\u00f3a truy\u1ec1n th\u1ed1ng, \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi k\u1ef3 v\u1ecdng c\u1ee7a kh\u00e1ch h\u00e0ng nh\u00e0 thu\u1ed1c.*\",\n challenges: \"C\u1ea1nh tranh v\u1edbi c\u00e1c lo\u1ea1i men ti\u00eau h\u00f3a chuy\u00ean d\u1ee5ng. S\u1ea3n ph\u1ea9m b\u1ecb 'ch\u00ecm' v\u00e0 kh\u00f4ng \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n ch\u1ee7 \u0111\u1ed9ng.\",\n quote: {\n text: \"C\u00e1i n\u00e0y ng\u01b0\u1eddi ta nh\u00ecn v\u00f4 ng\u01b0\u1eddi ta t\u01b0\u1edfng nh\u01b0 ki\u1ec3u \u0103n cho vui ch\u01a1i ch\u1ee9 kh\u00f4ng c\u00f3 m\u00e0 ngh\u0129 l\u00e0 d\u1ea1ng th\u1ef1c ph\u1ea9m b\u1ed5 sung h\u1ebft tr\u01a1n. Th\u1ea5y n\u00f3 ki\u1ec3u gi\u1ed1ng nh\u01b0 l\u00e0 n\u1ebfu m\u00e0 \u0103n ki\u1ec3u v\u00e0i l\u1ea7n cho bi\u1ebft th\u00f4i c\u00f2n n\u1ebfu m\u00e0 d\u00f9ng... kh\u00e1ch h\u00e0ng s\u1ebd kh\u00f4ng c\u00f3 nhu c\u1ea7u l\u1eafm.\",\n source: \"Ch\u1ecb Nhi - NVBH Pharmacity\"\n },\n recommendations: [\"POSM ph\u1ea3i nh\u1ea5n m\u1ea1nh 'Snack L\u1ee3i Khu\u1ea9n - T\u1ed1t cho ti\u00eau h\u00f3a' v\u00e0 l\u1ee3i \u00edch d\u00e0i h\u1ea1n.\", \"Cung c\u1ea5p t\u00e0i li\u1ec7u ng\u1eafn g\u1ecdn, d\u1ec5 hi\u1ec3u cho d\u01b0\u1ee3c s\u0129, nh\u1ea5n m\u1ea1nh \u0111\u00e2y l\u00e0 l\u1ef1a ch\u1ecdn b\u1ed5 sung h\u00e0ng ng\u00e0y ti\u1ec7n l\u1ee3i, \u0111\u1eb7c bi\u1ec7t cho tr\u1ebb em.\", \"Xem x\u00e9t l\u1ea1i t\u00ednh hi\u1ec7u qu\u1ea3 c\u1ee7a k\u00eanh n\u00e0y v\u00e0 c\u00f3 th\u1ec3 t\u1eadp trung v\u00e0o c\u00e1c k\u00eanh ph\u00f9 h\u1ee3p h\u01a1n.\"]\n }\n ],\n actions: [\n {\n category: \"Gi\u00e1 c\u1ea3 & S\u1ea3n ph\u1ea9m\",\n icon: \"\ud83c\udff7\ufe0f\",\n items: [\n \"**Xem x\u00e9t l\u1ea1i chi\u1ebfn l\u01b0\u1ee3c gi\u00e1:** T\u00ednh to\u00e1n \u0111\u1ec3 c\u00f3 m\u1ee9c gi\u00e1 b\u00e1n l\u1ebb h\u1ee3p l\u00fd h\u01a1n ho\u1eb7c c\u00f3 c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh \u01b0u \u0111\u00e3i qu\u00e0 t\u1eb7ng, k\u1ebft h\u1ee3p n\u00e2ng cao gi\u00e1 tr\u1ecb c\u1ea3m nh\u1eadn \u0111\u1ec3 kh\u00e1ch h\u00e0ng th\u1ea5y x\u1ee9ng \u0111\u00e1ng v\u1edbi m\u1ee9c gi\u00e1 hi\u1ec7n t\u1ea1i.\",\n \"**C\u1ea3i ti\u1ebfn bao b\u00ec:** Thi\u1ebft k\u1ebf l\u1ea1i bao b\u00ec v\u1ecb 'Rau C\u1ee7 Qu\u1ea3' \u0111\u1ec3 h\u1ea5p d\u1eabn, b\u1eaft m\u1eaft h\u01a1n, ph\u00f9 h\u1ee3p v\u1edbi \u0111\u1ecbnh v\u1ecb snack.\",\n \"**T\u1eadp trung v\u1ecb ch\u1ee7 l\u1ef1c:** \u0110\u1ea9y m\u1ea1nh marketing cho hai v\u1ecb b\u00e1n t\u1ed1t nh\u1ea5t l\u00e0 D\u00e2u v\u00e0 Truy\u1ec1n th\u1ed1ng \u0111\u1ec3 t\u1eadn d\u1ee5ng l\u1ee3i th\u1ebf s\u1eb5n c\u00f3.\"\n ]\n },\n {\n category: \"Marketing & Truy\u1ec1n th\u00f4ng\",\n icon: \"\ud83d\udce2\",\n items: [\n \"**\u0110\u1ea9y m\u1ea1nh qu\u1ea3ng b\u00e1 th\u01b0\u01a1ng hi\u1ec7u:** T\u0103ng c\u01b0\u1eddng ho\u1ea1t \u0111\u1ed9ng truy\u1ec1n th\u00f4ng \u0111\u1ec3 x\u00e2y d\u1ef1ng nh\u1eadn di\u1ec7n v\u00e0 t\u1ea1o nhu c\u1ea7u t\u1eeb ng\u01b0\u1eddi ti\u00eau d\u00f9ng\",\n \"**Tri\u1ec3n khai POSM hi\u1ec7u qu\u1ea3:** Cung c\u1ea5p \u0111\u1ea7y \u0111\u1ee7 d\u00e2y treo, wobbler, shelf talker v\u1edbi th\u00f4ng \u0111i\u1ec7p r\u00f5 r\u00e0ng, gi\u00fap s\u1ea3n ph\u1ea9m t\u1ef1 thu h\u00fat kh\u00e1ch h\u00e0ng t\u1ea1i \u0111i\u1ec3m b\u00e1n.\",\n \"**X\u00e2y d\u1ef1ng ch\u01b0\u01a1ng tr\u00ecnh qu\u00e0 t\u1eb7ng:** Thi\u1ebft k\u1ebf v\u00e0 s\u1ea3n xu\u1ea5t c\u00e1c m\u00f3n qu\u00e0 nh\u1ecf h\u1ea5p d\u1eabn tr\u1ebb em, th\u00fac \u0111\u1ea9y h\u00e0nh vi mua l\u1eb7p l\u1ea1i v\u00e0 t\u1ea1o s\u1ef1 g\u1eafn k\u1ebft v\u1edbi th\u01b0\u01a1ng hi\u1ec7u.\",\n \"**T\u1ea1o ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i:** Thi\u1ebft k\u1ebf c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i h\u1ea5p d\u1eabn (v\u00ed d\u1ee5: mua 2 t\u1eb7ng 1) \u0111\u1ec3 khuy\u1ebfn kh\u00edch kh\u00e1ch h\u00e0ng d\u00f9ng th\u1eed v\u00e0 ti\u1ebfp c\u1eadn s\u1ea3n ph\u1ea9m nhanh h\u01a1n.\"\n ]\n },\n {\n category: \"K\u00eanh ph\u00e2n ph\u1ed1i & B\u00e1n h\u00e0ng\",\n icon: \"\ud83d\uded2\",\n items: [\n \"**\u0110\u00e1nh gi\u00e1 l\u1ea1i hi\u1ec7u qu\u1ea3 k\u00eanh ph\u00e2n ph\u1ed1i:** \u01afu ti\u00ean k\u00eanh b\u00e1n l\u1ebb hi\u1ec7n \u0111\u1ea1i (si\u00eau th\u1ecb, c\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i) n\u01a1i h\u00e0nh vi mua s\u1eafm \u0111\u1ed3 \u0103n v\u1eb7t di\u1ec5n ra th\u01b0\u1eddng xuy\u00ean v\u00e0 s\u1ea3n ph\u1ea9m d\u1ec5 \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb \u0111\u00fang.\",\n \"**\u0110\u00e0o t\u1ea1o v\u00e0 h\u1ed7 tr\u1ee3 nh\u00e2n vi\u00ean b\u00e1n h\u00e0ng:** Cung c\u1ea5p t\u00e0i li\u1ec7u ng\u1eafn g\u1ecdn v\u00e0 s\u1ea3n ph\u1ea9m m\u1eabu \u0111\u1ec3 nh\u00e2n vi\u00ean t\u1ef1 tin t\u01b0 v\u1ea5n, gi\u1ea3m b\u1edbt g\u00e1nh n\u1eb7ng t\u01b0 v\u1ea5n cho s\u1ea3n ph\u1ea9m m\u1edbi.\",\n \"**\u0110\u1ecbnh v\u1ecb l\u1ea1i th\u00f4ng \u0111i\u1ec7p:** Nh\u1ea5n m\u1ea1nh 'snack ngon mi\u1ec7ng, ti\u1ec7n l\u1ee3i' tr\u01b0\u1edbc, sau \u0111\u00f3 m\u1edbi t\u1edbi 'b\u1ed5 sung l\u1ee3i khu\u1ea9n' \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi k\u1ef3 v\u1ecdng c\u1ee7a kh\u00e1ch h\u00e0ng \u1edf t\u1eebng k\u00eanh.\"\n ]\n }\n ]\n };\n\n document.addEventListener('DOMContentLoaded', function() {\n \n const mobileMenuButton = document.getElementById('mobile-menu-button');\n const mobileMenu = document.getElementById('mobile-menu');\n mobileMenuButton.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n \n const navLinks = document.querySelectorAll('.nav-link, #mobile-menu a');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n const swotDetails = document.getElementById('swot-details');\n const swotDetailsP = swotDetails.querySelector('p');\n const swotQuoteBlock = swotDetails.querySelector('.quote-block');\n const swotQuoteText = swotQuoteBlock.querySelector('.quote-text');\n const swotQuoteSource = swotQuoteBlock.querySelector('.quote-source');\n\n function populateOverviewInsights() {\n const grid = document.getElementById('overview-insights-grid');\n reportData.overview.insights.forEach(insight => {\n const card = document.createElement('div');\n card.className = 'card text-center';\n let quoteHtml = '';\n if (insight.quote) {\n quoteHtml = `\n <blockquote class=\"quote-block\">\n <p class=\"quote-text\">\"${insight.quote.text}\"<\/p>\n <span class=\"quote-source\">- ${insight.quote.source}<\/span>\n <\/blockquote>\n `;\n }\n card.innerHTML = `\n <div class=\"text-5xl mb-4\">${insight.icon}<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#60c3ad]\">${insight.title}<\/h3>\n <p class=\"text-gray-700\">${insight.description}<\/p>\n ${quoteHtml}\n `;\n grid.appendChild(card);\n });\n }\n\n function populateSwot() {\n Object.keys(reportData.swot).forEach(key => {\n const ul = document.getElementById(`swot-${key}`);\n reportData.swot[key].forEach(item => {\n const li = document.createElement('li');\n li.className = 'p-2 rounded-md swot-item text-sm';\n li.textContent = item.title;\n li.onclick = () => {\n document.querySelectorAll('.swot-item').forEach(el => el.classList.remove('active'));\n li.classList.add('active');\n swotDetailsP.innerHTML = item.detail; \/\/ Use innerHTML for potential bolding from markdown\n \n if (item.quote) {\n swotQuoteText.textContent = `\"${item.quote.text}\"`;\n swotQuoteSource.textContent = `- ${item.quote.source}`;\n swotQuoteBlock.classList.remove('hidden');\n } else {\n swotQuoteBlock.classList.add('hidden');\n }\n swotDetails.classList.remove('hidden');\n };\n ul.appendChild(li);\n });\n });\n }\n\n function createBarriersChart() {\n const ctx = document.getElementById('barriersChart').getContext('2d');\n new Chart(ctx, {\n type: 'bar',\n data: {\n labels: reportData.barriers.labels,\n datasets: [{\n label: 'M\u1ee9c \u0111\u1ed9 \u1ea3nh h\u01b0\u1edfng',\n data: reportData.barriers.data,\n backgroundColor: ['#ef4444', '#f97316', '#eab308', '#60c3ad'], \/* Adjusted colors, using brand color for one bar *\/\n borderRadius: 6,\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `${context.dataset.label}: ${context.raw}%`;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n grid: {\n display: false\n }\n },\n y: {\n grid: {\n display: false\n }\n }\n }\n }\n });\n }\n\n function createAudienceChart() {\n const ctx = document.getElementById('audienceChart').getContext('2d');\n new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: reportData.audience.labels,\n datasets: [{\n data: reportData.audience.data,\n backgroundColor: ['#60c3ad', '#8338ec', '#ffbe0b'], \/* Main brand color as dominant *\/\n borderColor: '#f8f7f4',\n borderWidth: 4,\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n padding: 20,\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += `${context.parsed}%`;\n }\n return label;\n }\n }\n }\n }\n }\n });\n }\n\n function populateChannels() {\n const grid = document.getElementById('channels-grid');\n reportData.channels.forEach(channel => {\n const card = document.createElement('div');\n card.className = 'card flex flex-col';\n let quoteHtml = '';\n if (channel.quote) {\n quoteHtml = `\n <blockquote class=\"quote-block\">\n <p class=\"quote-text\">\"${channel.quote.text}\"<\/p>\n <span class=\"quote-source\">- ${channel.quote.source}<\/span>\n <\/blockquote>\n `;\n }\n card.innerHTML = `\n <div class=\"text-5xl mb-4 text-center\">${channel.icon}<\/div>\n <h3 class=\"text-xl font-bold text-center mb-2\">${channel.name}<\/h3>\n <p class=\"text-center font-semibold mb-4 ${channel.potentialColor}\">Ti\u1ec1m n\u0103ng: ${channel.potential}<\/p>\n <p class=\"text-gray-700 mb-2\"><strong>Insight:<\/strong> ${channel.insights}<\/p>\n <p class=\"text-gray-700 mb-4\"><strong>Th\u00e1ch th\u1ee9c:<\/strong> ${channel.challenges}<\/p>\n ${quoteHtml}\n <div class=\"mt-auto\">\n <button class=\"toggle-recommendations w-full text-sm font-semibold btn-primary\">Xem \u0110\u1ec1 xu\u1ea5t \u25be<\/button>\n <div class=\"recommendations hidden mt-4 text-sm bg-gray-50 p-4 rounded-lg\">\n <ul class=\"list-disc list-inside space-y-1 text-gray-700\">\n ${channel.recommendations.map(r => `<li>${r}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n grid.appendChild(card);\n });\n\n document.querySelectorAll('.toggle-recommendations').forEach(button => {\n button.addEventListener('click', function() {\n const recommendations = this.nextElementSibling;\n const isHidden = recommendations.classList.contains('hidden');\n recommendations.classList.toggle('hidden');\n this.textContent = isHidden ? '\u1ea8n \u0110\u1ec1 xu\u1ea5t \u25b4' : 'Xem \u0110\u1ec1 xu\u1ea5t \u25be';\n this.classList.toggle('active'); \/* Optional: add active state to button *\/\n });\n });\n }\n\n function populateActions() {\n const list = document.getElementById('actions-list');\n reportData.actions.forEach(action => {\n const div = document.createElement('div');\n div.className = 'card';\n div.innerHTML = `\n <div class=\"flex items-start space-x-4\">\n <div class=\"text-4xl\">${action.icon}<\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-800\">${action.category}<\/h3>\n <ul class=\"space-y-2 text-gray-700 list-disc list-inside\">\n ${action.items.map(item => `<li>${item}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n list.appendChild(div);\n });\n }\n\n\n populateOverviewInsights(); \/\/ Call this new function\n populateSwot();\n createBarriersChart();\n createAudienceChart();\n populateChannels();\n populateActions();\n\n const sections = document.querySelectorAll('section');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n document.querySelectorAll('.nav-link').forEach(link => {\n link.classList.remove('active');\n if(link.getAttribute('href').substring(1) === entry.target.id) {\n link.classList.add('active');\n }\n });\n }\n });\n }, { rootMargin: \"-50% 0px -50% 0px\" });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\ufffd\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>B\u00e1o c\u00e1o T\u01b0\u01a1ng t\u00e1c: Ph\u00e2n t\u00edch IDI \u0110\u1ed1i t\u00e1c B2B Snack L\u1ee3i Khu\u1ea9n Snack L\u1ee3i Khu\u1ea9n Kefir T\u1ed5ng quan Ph\u00e2n t\u00edch SWOT Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i K\u00eanh Ph\u00e2n Ph\u1ed1i \u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng T\u1ed5ng quan Ph\u00e2n t\u00edch SWOT Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i K\u00eanh Ph\u00e2n Ph\u1ed1i \u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng T\u1ed5ng quan Insight t\u1eeb […]<\/p>","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/comments?post=13305"}],"version-history":[{"count":21,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305\/revisions"}],"predecessor-version":[{"id":13329,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305\/revisions\/13329"}],"wp:attachment":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/media?parent=13305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n B\u00e1o c\u00e1o T\u01b0\u01a1ng t\u00e1c: Ph\u00e2n t\u00edch IDI \u0110\u1ed1i t\u00e1c B2B Snack L\u1ee3i Khu\u1ea9n<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Be Vietnam Pro', sans-serif;\n background-color: #f8f7f4;\n color: #3d405b;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n max-height: 400px;\n }\n }\n .nav-link {\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n font-weight: 500;\n }\n .nav-link:hover, .nav-link.active {\n color: #60c3ad;\n border-bottom-color: #60c3ad;\n }\n .card {\n background-color: #ffffff;\n border-radius: 12px;\n padding: 2rem;\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid #e0e0e0;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);\n }\n .swot-item {\n cursor: pointer;\n transition: background-color 0.3s, transform 0.2s;\n border-radius: 8px;\n padding: 0.75rem;\n }\n .swot-item:hover {\n background-color: rgba(96, 195, 173, 0.1); \/* Lighter tint of brand color *\/\n transform: translateX(5px);\n }\n .swot-item.active {\n background-color: rgba(96, 195, 173, 0.2);\n font-weight: 600;\n }\n .btn-primary {\n background-color: #60c3ad;\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n transition: background-color 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n .btn-primary:hover {\n background-color: #50a892; \/* Slightly darker green *\/\n transform: translateY(-2px);\n }\n .section-heading {\n color: #3d405b;\n font-size: 2.5rem; \/* Larger heading *\/\n font-weight: 700;\n text-align: center;\n margin-bottom: 1.5rem;\n }\n .section-description {\n color: #6b7280;\n font-size: 1.125rem;\n text-align: center;\n max-width: 4xl;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 3rem;\n }\n .quote-block {\n background-color: #f0fdf4; \/* Very light green for quotes *\/\n border-left: 4px solid #60c3ad;\n padding: 1rem 1.5rem;\n margin-top: 1.5rem;\n border-radius: 0 8px 8px 0;\n font-style: italic;\n color: #4a5568;\n font-size: 0.95rem;\n }\n .quote-source {\n display: block;\n text-align: right;\n margin-top: 0.5rem;\n font-size: 0.85rem;\n color: #718096;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n <header class=\"bg-white shadow-lg sticky top-0 z-50\">\n <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <h1 class=\"text-2xl md:text-3xl font-bold text-gray-800\">Snack L\u1ee3i Khu\u1ea9n Kefir<\/h1>\n <div class=\"hidden md:flex space-x-8\">\n <a href=\"#overview\" class=\"nav-link text-gray-600\">T\u1ed5ng quan<\/a>\n <a href=\"#swot\" class=\"nav-link text-gray-600\">Ph\u00e2n t\u00edch SWOT<\/a>\n <a href=\"#challenges\" class=\"nav-link text-gray-600\">Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/a>\n <a href=\"#channels\" class=\"nav-link text-gray-600\">K\u00eanh Ph\u00e2n Ph\u1ed1i<\/a>\n <a href=\"#actions\" class=\"nav-link text-gray-600\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng<\/a>\n <\/div>\n <button id=\"mobile-menu-button\" class=\"md:hidden p-2 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#60c3ad]\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-7 w-7 text-gray-600\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\" \/>\n <\/svg>\n <\/button>\n <\/nav>\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-200\">\n <a href=\"#overview\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">T\u1ed5ng quan<\/a>\n <a href=\"#swot\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">Ph\u00e2n t\u00edch SWOT<\/a>\n <a href=\"#challenges\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/a>\n <a href=\"#channels\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">K\u00eanh Ph\u00e2n Ph\u1ed1i<\/a>\n <a href=\"#actions\" class=\"block py-3 px-6 text-base text-gray-700 hover:bg-gray-100\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng<\/a>\n <\/div>\n <\/header>\n\n <main class=\"container mx-auto px-6 py-16\">\n \n <section id=\"overview\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">T\u1ed5ng quan Insight t\u1eeb IDI<\/h2>\n <p class=\"section-description\">\n Ph\u1ea7n n\u00e0y t\u00f3m t\u1eaft nh\u1eefng insight ch\u00ednh \u0111\u01b0\u1ee3c r\u00fat ra t\u1eeb c\u00e1c bu\u1ed5i ph\u1ecfng v\u1ea5n chuy\u00ean s\u00e2u v\u1edbi \u0111\u1ed1i t\u00e1c B2B t\u1ea1i c\u00e1c k\u00eanh b\u00e1n l\u1ebb kh\u00e1c nhau. C\u00e1c insight n\u00e0y kh\u00f4ng ch\u1ec9 l\u00e0 nh\u1eefng g\u00ec h\u1ecd n\u00f3i ra, m\u00e0 c\u00f2n l\u00e0 nh\u1eefng mong mu\u1ed1n, nhu c\u1ea7u ti\u1ec1m \u1ea9n v\u00e0 th\u00e1ch th\u1ee9c kh\u00f4ng \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n tr\u1ef1c ti\u1ebfp, cung c\u1ea5p c\u00e1i nh\u00ecn s\u00e2u s\u1eafc v\u1ec1 ti\u1ec1m n\u0103ng th\u1ecb tr\u01b0\u1eddng, nh\u1eefng r\u00e0o c\u1ea3n hi\u1ec7n t\u1ea1i v\u00e0 c\u01a1 h\u1ed9i ph\u00e1t tri\u1ec3n cho s\u1ea3n ph\u1ea9m snack l\u1ee3i khu\u1ea9n Kefir.\n <\/p>\n <div class=\"grid md:grid-cols-3 gap-10\" id=\"overview-insights-grid\">\n \n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"swot\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Ph\u00e2n t\u00edch SWOT t\u1eeb Insight<\/h2>\n <p class=\"section-description\">\n M\u00f4 h\u00ecnh SWOT n\u00e0y \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u1ef1a tr\u00ean c\u00e1c insight s\u00e2u s\u1eafc thu th\u1eadp t\u1eeb c\u00e1c bu\u1ed5i ph\u1ecfng v\u1ea5n, bao g\u1ed3m c\u1ea3 nh\u1eefng mong mu\u1ed1n kh\u00f4ng l\u1eddi c\u1ee7a \u0111\u1ed1i t\u00e1c B2B. Nh\u1ea5n v\u00e0o t\u1eebng m\u1ee5c \u0111\u1ec3 kh\u00e1m ph\u00e1 chi ti\u1ebft c\u00e1c \u0111i\u1ec3m m\u1ea1nh, \u0111i\u1ec3m y\u1ebfu, c\u01a1 h\u1ed9i v\u00e0 th\u00e1ch th\u1ee9c, t\u1eeb \u0111\u00f3 hi\u1ec3u r\u00f5 h\u01a1n v\u1ec1 v\u1ecb th\u1ebf c\u1ee7a s\u1ea3n ph\u1ea9m tr\u00ean th\u1ecb tr\u01b0\u1eddng.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"bg-[#d4edda] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-green-800 mb-4\">\u0110i\u1ec3m m\u1ea1nh (Strengths)<\/h3>\n <ul id=\"swot-strengths\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#f8d7da] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-red-800 mb-4\">\u0110i\u1ec3m y\u1ebfu (Weaknesses)<\/h3>\n <ul id=\"swot-weaknesses\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#cfe2ff] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-blue-800 mb-4\">C\u01a1 h\u1ed9i (Opportunities)<\/h3>\n <ul id=\"swot-opportunities\" class=\"space-y-3\"><\/ul>\n <\/div>\n <div class=\"bg-[#fff3cd] p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl text-yellow-800 mb-4\">Th\u00e1ch th\u1ee9c (Threats)<\/h3>\n <ul id=\"swot-threats\" class=\"space-y-3\"><\/ul>\n <\/div>\n <\/div>\n <div id=\"swot-details\" class=\"mt-12 p-8 bg-white rounded-xl shadow-lg hidden\">\n <p class=\"text-gray-700 text-lg leading-relaxed\"><\/p>\n <blockquote class=\"quote-block hidden\">\n <p class=\"quote-text\"><\/p>\n <span class=\"quote-source\"><\/span>\n <\/blockquote>\n <\/div>\n <\/section>\n \n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"challenges\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Insight v\u1ec1 Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i<\/h2>\n <p class=\"section-description\">\n C\u00e1c bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi \u0111\u00e2y tr\u1ef1c quan h\u00f3a m\u1ee9c \u0111\u1ed9 \u1ea3nh h\u01b0\u1edfng c\u1ee7a c\u00e1c r\u00e0o c\u1ea3n ch\u00ednh v\u00e0 ph\u00e2n kh\u00fac kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng, gi\u00fap ch\u00fang ta c\u00f3 c\u00e1i nh\u00ecn \u0111\u1ecbnh l\u01b0\u1ee3ng v\u1ec1 nh\u1eefng insight \u0111\u00e3 thu th\u1eadp, bao g\u1ed3m c\u1ea3 nh\u1eefng kh\u00f3 kh\u0103n *kh\u00f4ng \u0111\u01b0\u1ee3c n\u00f3i r\u00f5* trong vi\u1ec7c b\u00e1n s\u1ea3n ph\u1ea9m m\u1edbi.\n <\/p>\n <div class=\"grid md:grid-cols-2 gap-16 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">C\u00e1c R\u00e0o c\u1ea3n Ch\u00ednh<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"barriersChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-6 text-gray-800\">Ph\u00e2n kh\u00fac Kh\u00e1ch h\u00e0ng Ti\u1ec1m n\u0103ng<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"audienceChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"channels\" class=\"mb-24 scroll-mt-24\">\n <h2 class=\"section-heading\">Insight v\u1ec1 K\u00eanh Ph\u00e2n Ph\u1ed1i<\/h2>\n <p class=\"section-description\">\n Ph\u1ea7n n\u00e0y cung c\u1ea5p insight v\u1ec1 ti\u1ec1m n\u0103ng v\u00e0 c\u00e1c th\u00e1ch th\u1ee9c \u0111\u1eb7c th\u00f9 c\u1ee7a s\u1ea3n ph\u1ea9m t\u1ea1i ba k\u00eanh b\u00e1n l\u1ebb ch\u00ednh: C\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i, C\u1eeda h\u00e0ng m\u1ef9 ph\u1ea9m v\u00e0 Nh\u00e0 thu\u1ed1c. Nh\u1eefng insight n\u00e0y l\u00e0 c\u01a1 s\u1edf \u0111\u1ec3 \u0111\u01b0a ra chi\u1ebfn l\u01b0\u1ee3c ph\u00e2n ph\u1ed1i hi\u1ec7u qu\u1ea3, \u0111\u1eb7c bi\u1ec7t l\u00e0 hi\u1ec3u \u0111\u01b0\u1ee3c mong mu\u1ed1n c\u1ee7a \u0111\u1ed1i t\u00e1c B2B v\u1ec1 s\u1ef1 ph\u00f9 h\u1ee3p c\u1ee7a s\u1ea3n ph\u1ea9m v\u1edbi \u0111\u1eb7c th\u00f9 k\u00eanh. Nh\u1ea5n v\u00e0o n\u00fat \"Xem \u0110\u1ec1 xu\u1ea5t\" \u0111\u1ec3 kh\u00e1m ph\u00e1 c\u00e1c h\u00e0nh \u0111\u1ed9ng c\u1ee5 th\u1ec3 cho t\u1eebng k\u00eanh.\n <\/p>\n <div id=\"channels-grid\" class=\"grid md:grid-cols-3 gap-10\">\n <\/div>\n <\/section>\n\n <hr class=\"my-24 border-gray-200\">\n\n <section id=\"actions\" class=\"scroll-mt-24\">\n <h2 class=\"section-heading\">\u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng Chi\u1ebfn l\u01b0\u1ee3c t\u1eeb Insight<\/h2>\n <p class=\"section-description\">\n D\u1ef1a tr\u00ean t\u1ea5t c\u1ea3 c\u00e1c insight \u0111\u00e3 \u0111\u01b0\u1ee3c khai th\u00e1c t\u1eeb bu\u1ed5i IDI, bao g\u1ed3m c\u1ea3 nh\u1eefng nhu c\u1ea7u v\u00e0 mong mu\u1ed1n ti\u1ec1m \u1ea9n c\u1ee7a \u0111\u1ed1i t\u00e1c B2B, ph\u1ea7n n\u00e0y t\u1ed5ng h\u1ee3p c\u00e1c \u0111\u1ec1 xu\u1ea5t h\u00e0nh \u0111\u1ed9ng chi\u1ebfn l\u01b0\u1ee3c c\u1ee5 th\u1ec3. Nh\u1eefng \u0111\u1ec1 xu\u1ea5t n\u00e0y nh\u1eb1m gi\u1ea3i quy\u1ebft c\u00e1c th\u00e1ch th\u1ee9c, t\u1eadn d\u1ee5ng c\u01a1 h\u1ed9i v\u00e0 th\u00fac \u0111\u1ea9y t\u0103ng tr\u01b0\u1edfng b\u1ec1n v\u1eefng cho s\u1ea3n ph\u1ea9m snack l\u1ee3i khu\u1ea9n Kefir.\n <\/p>\n <div id=\"actions-list\" class=\"space-y-8 max-w-4xl mx-auto\">\n <\/div>\n <\/section>\n <\/main>\n \n <script>\n const reportData = {\n overview: {\n insights: [\n {\n title: \"Insight v\u1ec1 Ti\u1ec1m n\u0103ng S\u1ea3n ph\u1ea9m\",\n icon: \"\ud83c\udf1f\",\n description: \"S\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 cao v\u1ec1 h\u01b0\u01a1ng v\u1ecb th\u01a1m ngon v\u00e0 t\u00ednh ti\u1ec7n l\u1ee3i v\u01b0\u1ee3t tr\u1ed9i. Insight s\u00e2u h\u01a1n cho th\u1ea5y, \u0111\u1ed1i t\u00e1c B2B mong mu\u1ed1n m\u1ed9t s\u1ea3n ph\u1ea9m *t\u1ef1 b\u00e1n \u0111\u01b0\u1ee3c* nh\u1edd s\u1ef1 h\u1ea5p d\u1eabn t\u1ef1 th\u00e2n v\u00e0 \u00edt y\u00eau c\u1ea7u t\u01b0 v\u1ea5n, \u0111\u1eb7c bi\u1ec7t v\u1edbi \u0111\u1ecbnh d\u1ea1ng \u0111\u1ed9c \u0111\u00e1o n\u00e0y.\",\n quote: {\n text: \"\u0102n th\u00ec ngon, r\u1ea5t l\u00e0 ngon lu\u00f4n... nh\u01b0ng m\u00e0 gi\u1ed1ng nh\u01b0 ki\u1ec3u th\u1ee9 nh\u1ea5t l\u00e0 gi\u00e1 c\u1ea3 n\u00e8, th\u1ee9 hai n\u1eefa l\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u1edbi \u00e1 n\u00ean l\u00e0 ch\u01b0a bi\u1ebft t\u1edbi nhi\u1ec1u. Ch\u1ee9 n\u1ebfu nh\u01b0 m\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u00e0 ki\u1ec3u qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i l\u00e0 ch\u1eafc ch\u1eafn th\u00ec ng\u01b0\u1eddi ta s\u1ebd mua gi\u1ed1ng nh\u01b0 ki\u1ec3u snack th\u00f4i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n }\n },\n {\n title: \"Insight v\u1ec1 R\u00e0o c\u1ea3n Ch\u00ednh\",\n icon: \"\ud83d\udea7\",\n description: \"Gi\u00e1 b\u00e1n l\u1ebb hi\u1ec7n t\u1ea1i l\u00e0 r\u00e0o c\u1ea3n \u0111\u00e1ng k\u1ec3, kh\u00f4ng ch\u1ec9 v\u00ec kh\u00e1ch h\u00e0ng ng\u1ea1i chi tr\u1ea3 m\u00e0 c\u00f2n v\u00ec \u0111\u1ed1i t\u00e1c B2B mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 *gi\u00e1 tr\u1ecb c\u1ea3m nh\u1eadn cao h\u01a1n* \u0111\u1ec3 d\u1ec5 d\u00e0ng bi\u1ec7n minh cho m\u1ee9c gi\u00e1. Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u s\u1ea3n ph\u1ea9m c\u00f2n m\u1edbi v\u00e0 \u0111\u1ecbnh v\u1ecb s\u1ea3n ph\u1ea9m t\u1ea1i \u0111i\u1ec3m b\u00e1n m\u01a1 h\u1ed3 c\u0169ng l\u00e0 v\u1ea5n \u0111\u1ec1, khi\u1ebfn h\u1ecd ph\u1ea3i t\u1ed1n c\u00f4ng s\u1ee9c gi\u1ea3i th\u00edch, \u0111i\u1ec1u m\u00e0 h\u1ecd kh\u00f4ng mong mu\u1ed1n.\",\n quote: {\n text: \"Gi\u00e1 nh\u01b0 v\u1ea7y l\u00e0 \u0111\u01b0\u1ee3c nha, ch\u1ee9 gi\u1edd sau n\u00e0y m\u00e0 l\u00ean n\u1eefa l\u00e0 em ngh\u0129 ch\u1eafc ch\u1eafn s\u1ebd kh\u00f3 b\u00e1n. R\u1ea5t l\u00e0 kh\u00f3 b\u00e1n. T\u1ea1i v\u00ec 22.000, t\u1ee5i em b\u00e1n ra l\u00e0 22.000. Gi\u00e1 nh\u01b0 v\u1eady l\u00e0 kh\u00e1ch \u0111\u00e3 n\u00f3i cao r\u1ed3i. M\u00e0 b\u00e2y gi\u1edd b\u00ean anh nghe n\u00f3i m\u1ed9t hai th\u00e1ng n\u1eefa h\u1ebft c\u00e1i ch\u01b0\u01a1ng tr\u00ecnh \u0111\u00f3 m\u00e0 l\u00ean gi\u00e1 th\u00ec ch\u1eafc ch\u1eafn s\u1ebd kh\u00f3 b\u00e1n. H\u00e0ng n\u00f3 s\u1ebd b\u1ecb ch\u1eadm l\u1ea1i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n }\n },\n {\n title: \"Insight v\u1ec1 \u0110\u1ed1i t\u01b0\u1ee3ng Kh\u00e1ch h\u00e0ng\",\n icon: \"\ufffd\",\n description: \"Tr\u1ebb em l\u00e0 nh\u00f3m kh\u00e1ch h\u00e0ng ti\u1ec1m n\u0103ng nh\u1ea5t, v\u00e0 insight cho th\u1ea5y \u0111\u1ed1i t\u00e1c B2B mu\u1ed1n c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh marketing *tr\u1ef1c ti\u1ebfp thu h\u00fat tr\u1ebb em* (v\u00ed d\u1ee5: qua qu\u00e0 t\u1eb7ng, h\u00ecnh \u1ea3nh) \u0111\u1ec3 t\u1ea1o nhu c\u1ea7u t\u1eeb ph\u00eda c\u00e1c b\u00e9, gi\u1ea3m g\u00e1nh n\u1eb7ng thuy\u1ebft ph\u1ee5c ph\u1ee5 huynh t\u1eeb ph\u00eda c\u1eeda h\u00e0ng.\",\n quote: {\n text: \"Con ch\u1ecb l\u1ea1i kh\u00e1c, ch\u1ecb l\u1ea1i mua c\u00e1i b\u00e1nh n\u00e0y cho n\u00f3 \u0103n n\u00e8, n\u00f3 l\u1eb9 h\u01a1n. N\u00f3 th\u00edch \u0103n h\u01a1n, n\u00f3 ng\u1ed3i coi TV n\u00f3 \u0103n s\u1ebd th\u00edch h\u01a1n. Th\u00ec c\u00e1i n\u00e0y \u00e1 l\u00e0 n\u00f3 s\u1ebd l\u00e0 thi\u00ean v\u1ec1 cho tr\u1ebb em n\u00f3 nhi\u1ec1u h\u01a1n. Ng\u01b0\u1eddi l\u1edbn s\u1ebd kh\u00f4ng c\u00f3 th\u1eddi gian ng\u1ed3i nhai.\",\n source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\"\n }\n }\n ]\n },\n swot: {\n strengths: [\n { title: \"H\u01b0\u01a1ng v\u1ecb ngon\", detail: \"S\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c c\u1ea3 nh\u00e2n vi\u00ean v\u00e0 kh\u00e1ch h\u00e0ng nh\u00ed khen ngon, d\u1ec5 \u0103n.\" },\n { title: \"Ti\u1ec7n l\u1ee3i v\u01b0\u1ee3t tr\u1ed9i\", detail: \"D\u1ea1ng kh\u00f4, kh\u00f4ng c\u1ea7n b\u1ea3o qu\u1ea3n l\u1ea1nh, d\u1ec5 mang theo, ti\u1ec7n h\u01a1n s\u1eefa chua truy\u1ec1n th\u1ed1ng.\", quote: { text: \"Ri\u00eang em th\u00ec em r\u1ea5t th\u00edch snack l\u1ee3i khu\u1ea9n gi\u1ed1ng v\u1eady. N\u00f3 ti\u1ec7n.\", source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\" } },\n { title: \"\u0110\u1ecbnh d\u1ea1ng \u0111\u1ed9c \u0111\u00e1o\", detail: \"L\u00e0 snack l\u1ee3i khu\u1ea9n d\u1ea1ng kh\u00f4 duy nh\u1ea5t, kh\u00f4ng c\u00f3 \u0111\u1ed1i th\u1ee7 tr\u1ef1c ti\u1ebfp trong c\u00f9ng \u0111\u1ecbnh d\u1ea1ng.\" },\n { title: \"Bao b\u00ec \u0111\u1eb9p (h\u1ea7u h\u1ebft)\", detail: \"Thi\u1ebft k\u1ebf bao b\u00ec \u0111\u01b0\u1ee3c \u0111\u00e1nh gi\u00e1 l\u00e0 h\u00e0i h\u00f2a, b\u1eaft m\u1eaft, tr\u1eeb v\u1ecb Rau C\u1ee7 Qu\u1ea3.\" }\n ],\n weaknesses: [\n { title: \"Gi\u00e1 b\u00e1n cao\", detail: \"M\u1ee9c gi\u00e1 22.000\u0111 - 29.000\u0111 b\u1ecb xem l\u00e0 r\u00e0o c\u1ea3n l\u1edbn, ng\u0103n c\u1ea3n vi\u1ec7c mua th\u01b0\u1eddng xuy\u00ean.\" },\n { title: \"Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u c\u00f2n m\u1edbi\", detail: \"S\u1ea3n ph\u1ea9m m\u1edbi, ch\u01b0a \u0111\u01b0\u1ee3c qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i n\u00ean ph\u1ea7n l\u1edbn kh\u00e1ch h\u00e0ng ch\u01b0a bi\u1ebft \u0111\u1ebfn.\" },\n { title: \"\u0110\u1ecbnh v\u1ecb s\u1ea3n ph\u1ea9m sai l\u1ec7ch\", detail: \"B\u1ecb hi\u1ec3u l\u1ea7m l\u00e0 'k\u1eb9o' ho\u1eb7c 'th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng', \u0111\u1eb7c bi\u1ec7t t\u1ea1i k\u00eanh nh\u00e0 thu\u1ed1c & m\u1ef9 ph\u1ea9m.\", quote: { text: \"Kh\u00e1ch th\u1ea5y nh\u1eefng c\u00e1i vi\u00ean tr\u00f2n tr\u00f2n n\u00e0y \u00e1, kh\u00e1ch s\u1ebd ngh\u0129 l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng v\u00e0 s\u1ebd kh\u00f4ng c\u00f3 d\u00e1m mua. N\u1ebfu nh\u01b0 nh\u00e2n vi\u00ean kh\u00f4ng t\u01b0 v\u1ea5n \u0111\u1ec3 b\u00e1n l\u00e0 h\u1ecd kh\u00f4ng bi\u1ebft.\", source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\" } },\n { title: \"Bao b\u00ec v\u1ecb Rau C\u1ee7 Qu\u1ea3\", detail: \"B\u1ecb \u0111\u00e1nh gi\u00e1 l\u00e0 'kh\u00f4ng b\u1eaft m\u1eaft', 'kh\u00f4ng cu\u1ed1n h\u00fat', l\u00e0 v\u1ecb b\u00e1n ch\u1eadm nh\u1ea5t.\" }\n ],\n opportunities: [\n { title: \"Khai th\u00e1c th\u1ecb tr\u01b0\u1eddng ng\u00e1ch\", detail: \"T\u1eadp trung v\u00e0o snack l\u1ee3i khu\u1ea9n, m\u1ed9t th\u1ecb tr\u01b0\u1eddng c\u00f2n m\u1edbi v\u00e0 \u00edt c\u1ea1nh tranh tr\u1ef1c ti\u1ebfp.\" },\n { title: \"Thu h\u00fat \u0111\u1ed1i t\u01b0\u1ee3ng tr\u1ebb em\", detail: \"T\u1ea1o s\u1ef1 kh\u00e1c bi\u1ec7t v\u1edbi c\u00e1c s\u1ea3n ph\u1ea9m men ti\u00eau h\u00f3a 'ng\u01b0\u1eddi l\u1edbn' b\u1eb1ng c\u00e1ch nh\u1eafm v\u00e0o tr\u1ebb em.\" },\n { title: \"Gia t\u0103ng l\u00f2ng trung th\u00e0nh qua qu\u00e0 t\u1eb7ng\", quote: { text: \"C\u1ea7n \u0111\u1ed3 tr\u01b0ng b\u00e0y nh\u01b0 l\u00e0 d\u00e2y treo... b\u00ean anh thi\u1ebft k\u1ebf v\u00ed d\u1ee5 nh\u01b0, em th\u1ea5y gi\u1ed1ng nh\u01b0 Yakult \u0111i, ng\u01b0\u1eddi ta s\u1ebd l\u00e0m ch\u01b0\u01a1ng tr\u00ecnh t\u1eb7ng cho kh\u00e1ch... t\u1eb7ng nh\u1eefng c\u00e1i sticker. M\u1ea5y b\u1ea1n nh\u1ecf r\u1ea5t l\u00e0 th\u00edch... N\u00ean em ngh\u0129 l\u00e0 c\u00f4ng ty anh s\u1ebd l\u00e0m ra m\u1ea5y c\u00e1i \u0111\u00f3 \u0111\u1ec3 t\u1eb7ng cho con n\u00edt n\u1eefa.\", source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\" } },\n { title: \"Gi\u00e1o d\u1ee5c th\u1ecb tr\u01b0\u1eddng\", detail: \"X\u00e2y d\u1ef1ng nh\u1eadn th\u1ee9c v\u1ec1 l\u1ee3i \u00edch c\u1ee7a snack l\u1ee3i khu\u1ea9n nh\u01b0 m\u1ed9t l\u1ef1a ch\u1ecdn b\u1ed5 sung h\u00e0ng ng\u00e0y, ti\u1ec7n l\u1ee3i.\" }\n ],\n threats: [\n { title: \"C\u1ea1nh tranh gi\u00e1n ti\u1ebfp m\u1ea1nh\", detail: \"\u0110\u1ed1i th\u1ee7 nh\u01b0 Pororo (n\u01b0\u1edbc u\u1ed1ng) v\u00e0 men ti\u00eau h\u00f3a (\u1ed1ng\/vi\u00ean) \u0111\u00e3 c\u00f3 v\u1ecb th\u1ebf v\u1eefng ch\u1eafc trong t\u00e2m tr\u00ed ng\u01b0\u1eddi d\u00f9ng.\" },\n { title: \"R\u00e0o c\u1ea3n gi\u00e1\", detail: \"N\u1ebfu t\u0103ng gi\u00e1 sau khuy\u1ebfn m\u00e3i, s\u1ea3n ph\u1ea9m c\u00f3 nguy c\u01a1 cao b\u1ecb s\u1ee5t gi\u1ea3m doanh s\u1ed1 nghi\u00eam tr\u1ecdng.\" },\n { title: \"Ph\u1ee5 thu\u1ed9c v\u00e0o t\u01b0 v\u1ea5n\", detail: \"Do nh\u1eadn di\u1ec7n c\u00f2n m\u1edbi, doanh s\u1ed1 b\u00e1n h\u00e0ng hi\u1ec7n t\u1ea1i ph\u1ee5 thu\u1ed9c nhi\u1ec1u v\u00e0o s\u1ef1 t\u01b0 v\u1ea5n ch\u1ee7 \u0111\u1ed9ng c\u1ee7a nh\u00e2n vi\u00ean t\u1ea1i \u0111i\u1ec3m b\u00e1n.\" },\n { title: \"H\u00e0nh vi ng\u01b0\u1eddi d\u00f9ng k\u00eanh nh\u00e0 thu\u1ed1c\", detail: \"Kh\u00e1ch h\u00e0ng t\u1ea1i nh\u00e0 thu\u1ed1c t\u00ecm ki\u1ebfm gi\u1ea3i ph\u00e1p hi\u1ec7u qu\u1ea3 nhanh, m\u1ea1nh, kh\u00f4ng \u01b0u ti\u00ean s\u1ea3n ph\u1ea9m d\u1ea1ng 'lai'.\", quote: { text: \"C\u00e1i n\u00e0y ng\u01b0\u1eddi ta nh\u00ecn v\u00f4 ng\u01b0\u1eddi ta t\u01b0\u1edfng nh\u01b0 ki\u1ec3u \u0103n cho vui ch\u01a1i ch\u1ee9 kh\u00f4ng c\u00f3 m\u00e0 ngh\u0129 l\u00e0 d\u1ea1ng th\u1ef1c ph\u1ea9m b\u1ed5 sung h\u1ebft tr\u01a1n. Th\u1ea5y n\u00f3 ki\u1ec3u gi\u1ed1ng nh\u01b0 l\u00e0 n\u1ebfu m\u00e0 \u0103n ki\u1ec3u v\u00e0i l\u1ea7n cho bi\u1ebft th\u00f4i c\u00f2n n\u1ebfu m\u00e0 d\u00f9ng... kh\u00e1ch h\u00e0ng s\u1ebd kh\u00f4ng c\u00f3 nhu c\u1ea7u l\u1eafm.\", source: \"Ch\u1ecb Nhi - NVBH Pharmacity\" } }\n ]\n },\n barriers: {\n labels: [\"Gi\u00e1 c\u1ea3\", \"Nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u\", \"\u0110\u1ecbnh v\u1ecb sai l\u1ec7ch\", \"C\u1ea1nh tranh gi\u00e1n ti\u1ebfp\"],\n data: [90, 85, 75, 65]\n },\n audience: {\n labels: [\"Tr\u1ebb em (Ng\u01b0\u1eddi \u1ea3nh h\u01b0\u1edfng)\", \"Ph\u1ee5 huynh (Ng\u01b0\u1eddi mua)\", \"Ng\u01b0\u1eddi l\u1edbn quan t\u00e2m s\u1ee9c kh\u1ecfe\"],\n data: [50, 40, 10]\n },\n channels: [\n {\n name: \"C\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i (Minimart)\",\n icon: \"\ud83c\udfea\",\n potential: \"Cao\",\n potentialColor: \"text-green-600\",\n insights: \"K\u00eanh c\u00f3 ti\u1ec1m n\u0103ng nh\u1ea5t. Kh\u00e1ch h\u00e0ng c\u00f3 h\u00e0nh vi mua s\u1eafm \u0111\u1ed3 \u0103n v\u1eb7t. \u0110\u1ed1i t\u01b0\u1ee3ng tr\u1ebb em v\u00e0 ph\u1ee5 huynh th\u01b0\u1eddng xuy\u00ean lui t\u1edbi. *Insight: \u0110\u1ed1i t\u00e1c B2B mong mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 kh\u1ea3 n\u0103ng t\u1ef1 b\u00e1n t\u1ed1t, gi\u1ea3m g\u00e1nh n\u1eb7ng t\u01b0 v\u1ea5n cho nh\u00e2n vi\u00ean.*\",\n challenges: \"C\u1ea7n n\u1ed5i b\u1eadt gi\u1eefa v\u00f4 s\u1ed1 lo\u1ea1i snack kh\u00e1c. Gi\u00e1 v\u1eabn l\u00e0 m\u1ed9t y\u1ebfu t\u1ed1 nh\u1ea1y c\u1ea3m.\",\n quote: {\n text: \"Gi\u1ed1ng nh\u01b0 s\u1ea3n ph\u1ea9m n\u00e0y c\u0169ng v\u1eady, \u0103n th\u00ec ngon, r\u1ea5t l\u00e0 ngon lu\u00f4n... nh\u01b0ng m\u00e0 gi\u1ed1ng nh\u01b0 ki\u1ec3u th\u1ee9 nh\u1ea5t l\u00e0 gi\u00e1 c\u1ea3 n\u00e8, th\u1ee9 hai n\u1eefa l\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u1edbi \u00e1 n\u00ean l\u00e0 ch\u01b0a bi\u1ebft t\u1edbi nhi\u1ec1u. Ch\u1ee9 n\u1ebfu nh\u01b0 m\u00e0 s\u1ea3n ph\u1ea9m n\u00e0y m\u00e0 ki\u1ec3u qu\u1ea3ng b\u00e1 r\u1ed9ng r\u00e3i l\u00e0 ch\u1eafc ch\u1eafn th\u00ec ng\u01b0\u1eddi ta s\u1ebd mua gi\u1ed1ng nh\u01b0 ki\u1ec3u snack th\u00f4i.\",\n source: \"Ch\u1ecb My - Qu\u1ea3n l\u00fd Homemart\"\n },\n recommendations: [\"Cung c\u1ea5p POSM b\u1eaft m\u1eaft (d\u00e2y treo, wobbler) \u0111\u1ec3 s\u1ea3n ph\u1ea9m t\u1ef1 thu h\u00fat s\u1ef1 ch\u00fa \u00fd.\", \"Tri\u1ec3n khai ch\u01b0\u01a1ng tr\u00ecnh qu\u00e0 t\u1eb7ng k\u00e8m (sticker) \u0111\u1ec3 thu h\u00fat tr\u1ebb em v\u00e0 th\u00fac \u0111\u1ea9y mua l\u1eb7p l\u1ea1i.\", \"Duy tr\u00ec m\u1ee9c gi\u00e1 c\u1ea1nh tranh v\u00e0 truy\u1ec1n th\u00f4ng gi\u00e1 tr\u1ecb \u0111\u1ec3 kh\u00e1ch h\u00e0ng c\u1ea3m th\u1ea5y x\u1ee9ng \u0111\u00e1ng.\"]\n },\n {\n name: \"C\u1eeda h\u00e0ng m\u1ef9 ph\u1ea9m (Beauty Store)\",\n icon: \"\ud83d\udc85\",\n potential: \"R\u1ea5t th\u1ea5p\",\n potentialColor: \"text-red-600\",\n insights: \"Kh\u00e1ch h\u00e0ng kh\u00f4ng c\u00f3 nhu c\u1ea7u mua th\u1ef1c ph\u1ea9m. S\u1ea3n ph\u1ea9m b\u1ecb hi\u1ec3u l\u1ea7m l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng. *Insight: \u0110\u1ed1i t\u00e1c B2B mong mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 \u0111\u1ecbnh v\u1ecb r\u00f5 r\u00e0ng, ph\u00f9 h\u1ee3p v\u1edbi ng\u00e0nh h\u00e0ng ch\u00ednh c\u1ee7a c\u1eeda h\u00e0ng \u0111\u1ec3 tr\u00e1nh g\u00e2y nh\u1ea7m l\u1eabn v\u00e0 gi\u1ea3m c\u00f4ng s\u1ee9c gi\u1ea3i th\u00edch.*\",\n challenges: \"T\u1ec7p kh\u00e1ch h\u00e0ng kh\u00f4ng ph\u00f9 h\u1ee3p. Nh\u00e2n vi\u00ean ph\u1ea3i n\u1ed7 l\u1ef1c gi\u1ea3i th\u00edch, t\u01b0 v\u1ea5n m\u1edbi b\u00e1n \u0111\u01b0\u1ee3c h\u00e0ng.\",\n quote: {\n text: \"Kh\u00e1ch th\u1ea5y nh\u1eefng c\u00e1i vi\u00ean tr\u00f2n tr\u00f2n n\u00e0y \u00e1, kh\u00e1ch s\u1ebd ngh\u0129 l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng v\u00e0 s\u1ebd kh\u00f4ng c\u00f3 d\u00e1m mua. N\u1ebfu nh\u01b0 nh\u00e2n vi\u00ean kh\u00f4ng t\u01b0 v\u1ea5n \u0111\u1ec3 b\u00e1n l\u00e0 h\u1ecd kh\u00f4ng bi\u1ebft. H\u1ecd s\u1ebd kh\u00f4ng bi\u1ebft t\u1ea1i v\u00ec kh\u00e1ch nh\u00ecn tr\u00f2n tr\u00f2n kh\u00e1ch c\u1ee9 m\u1eb7c \u0111\u1ecbnh l\u00e0 th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng.\",\n source: \"Ch\u1ecb Thoa - NVBH Glam Beautique\"\n },\n recommendations: [\"Cung c\u1ea5p shelf talker gi\u1ea3i th\u00edch r\u00f5 s\u1ea3n ph\u1ea9m l\u00e0 'snack l\u1ee3i khu\u1ea9n' ch\u1ee9 kh\u00f4ng ph\u1ea3i th\u1ef1c ph\u1ea9m ch\u1ee9c n\u0103ng.\", \"\u0110\u00e0o t\u1ea1o nh\u00e2n vi\u00ean v\u1ec1 \u0111i\u1ec3m kh\u00e1c bi\u1ec7t v\u00e0 l\u1ee3i \u00edch c\u1ee7a s\u1ea3n ph\u1ea9m \u0111\u1ec3 h\u1ecd t\u1ef1 tin t\u01b0 v\u1ea5n.\", \"C\u00e2n nh\u1eafc \u0111\u00e2y kh\u00f4ng ph\u1ea3i k\u00eanh ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c, ho\u1eb7c c\u1ea7n chi\u1ebfn l\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb l\u1ea1i r\u1ea5t m\u1ea1nh.\"]\n },\n {\n name: \"Nh\u00e0 thu\u1ed1c (Pharmacy)\",\n icon: \"\u2695\ufe0f\",\n potential: \"Th\u1ea5p\",\n potentialColor: \"text-yellow-600\",\n insights: \"Kh\u00e1ch h\u00e0ng t\u00ecm ki\u1ebfm s\u1ea3n ph\u1ea9m 'd\u01b0\u1ee3c t\u00ednh' cao, hi\u1ec7u qu\u1ea3 nhanh. Snack l\u1ee3i khu\u1ea9n b\u1ecb xem l\u00e0 '\u0111\u1ed3 \u0103n v\u1eb7t'. *Insight: \u0110\u1ed1i t\u00e1c B2B mu\u1ed1n s\u1ea3n ph\u1ea9m c\u00f3 th\u00f4ng \u0111i\u1ec7p r\u00f5 r\u00e0ng v\u1ec1 hi\u1ec7u qu\u1ea3 s\u1ee9c kh\u1ecfe, ho\u1eb7c m\u1ed9t l\u1ee3i th\u1ebf c\u1ea1nh tranh kh\u00e1c bi\u1ec7t so v\u1edbi c\u00e1c s\u1ea3n ph\u1ea9m men ti\u00eau h\u00f3a truy\u1ec1n th\u1ed1ng, \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi k\u1ef3 v\u1ecdng c\u1ee7a kh\u00e1ch h\u00e0ng nh\u00e0 thu\u1ed1c.*\",\n challenges: \"C\u1ea1nh tranh v\u1edbi c\u00e1c lo\u1ea1i men ti\u00eau h\u00f3a chuy\u00ean d\u1ee5ng. S\u1ea3n ph\u1ea9m b\u1ecb 'ch\u00ecm' v\u00e0 kh\u00f4ng \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n ch\u1ee7 \u0111\u1ed9ng.\",\n quote: {\n text: \"C\u00e1i n\u00e0y ng\u01b0\u1eddi ta nh\u00ecn v\u00f4 ng\u01b0\u1eddi ta t\u01b0\u1edfng nh\u01b0 ki\u1ec3u \u0103n cho vui ch\u01a1i ch\u1ee9 kh\u00f4ng c\u00f3 m\u00e0 ngh\u0129 l\u00e0 d\u1ea1ng th\u1ef1c ph\u1ea9m b\u1ed5 sung h\u1ebft tr\u01a1n. Th\u1ea5y n\u00f3 ki\u1ec3u gi\u1ed1ng nh\u01b0 l\u00e0 n\u1ebfu m\u00e0 \u0103n ki\u1ec3u v\u00e0i l\u1ea7n cho bi\u1ebft th\u00f4i c\u00f2n n\u1ebfu m\u00e0 d\u00f9ng... kh\u00e1ch h\u00e0ng s\u1ebd kh\u00f4ng c\u00f3 nhu c\u1ea7u l\u1eafm.\",\n source: \"Ch\u1ecb Nhi - NVBH Pharmacity\"\n },\n recommendations: [\"POSM ph\u1ea3i nh\u1ea5n m\u1ea1nh 'Snack L\u1ee3i Khu\u1ea9n - T\u1ed1t cho ti\u00eau h\u00f3a' v\u00e0 l\u1ee3i \u00edch d\u00e0i h\u1ea1n.\", \"Cung c\u1ea5p t\u00e0i li\u1ec7u ng\u1eafn g\u1ecdn, d\u1ec5 hi\u1ec3u cho d\u01b0\u1ee3c s\u0129, nh\u1ea5n m\u1ea1nh \u0111\u00e2y l\u00e0 l\u1ef1a ch\u1ecdn b\u1ed5 sung h\u00e0ng ng\u00e0y ti\u1ec7n l\u1ee3i, \u0111\u1eb7c bi\u1ec7t cho tr\u1ebb em.\", \"Xem x\u00e9t l\u1ea1i t\u00ednh hi\u1ec7u qu\u1ea3 c\u1ee7a k\u00eanh n\u00e0y v\u00e0 c\u00f3 th\u1ec3 t\u1eadp trung v\u00e0o c\u00e1c k\u00eanh ph\u00f9 h\u1ee3p h\u01a1n.\"]\n }\n ],\n actions: [\n {\n category: \"Gi\u00e1 c\u1ea3 & S\u1ea3n ph\u1ea9m\",\n icon: \"\ud83c\udff7\ufe0f\",\n items: [\n \"**Xem x\u00e9t l\u1ea1i chi\u1ebfn l\u01b0\u1ee3c gi\u00e1:** T\u00ednh to\u00e1n \u0111\u1ec3 c\u00f3 m\u1ee9c gi\u00e1 b\u00e1n l\u1ebb h\u1ee3p l\u00fd h\u01a1n ho\u1eb7c c\u00f3 c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh \u01b0u \u0111\u00e3i qu\u00e0 t\u1eb7ng, k\u1ebft h\u1ee3p n\u00e2ng cao gi\u00e1 tr\u1ecb c\u1ea3m nh\u1eadn \u0111\u1ec3 kh\u00e1ch h\u00e0ng th\u1ea5y x\u1ee9ng \u0111\u00e1ng v\u1edbi m\u1ee9c gi\u00e1 hi\u1ec7n t\u1ea1i.\",\n \"**C\u1ea3i ti\u1ebfn bao b\u00ec:** Thi\u1ebft k\u1ebf l\u1ea1i bao b\u00ec v\u1ecb 'Rau C\u1ee7 Qu\u1ea3' \u0111\u1ec3 h\u1ea5p d\u1eabn, b\u1eaft m\u1eaft h\u01a1n, ph\u00f9 h\u1ee3p v\u1edbi \u0111\u1ecbnh v\u1ecb snack.\",\n \"**T\u1eadp trung v\u1ecb ch\u1ee7 l\u1ef1c:** \u0110\u1ea9y m\u1ea1nh marketing cho hai v\u1ecb b\u00e1n t\u1ed1t nh\u1ea5t l\u00e0 D\u00e2u v\u00e0 Truy\u1ec1n th\u1ed1ng \u0111\u1ec3 t\u1eadn d\u1ee5ng l\u1ee3i th\u1ebf s\u1eb5n c\u00f3.\"\n ]\n },\n {\n category: \"Marketing & Truy\u1ec1n th\u00f4ng\",\n icon: \"\ud83d\udce2\",\n items: [\n \"**\u0110\u1ea9y m\u1ea1nh qu\u1ea3ng b\u00e1 th\u01b0\u01a1ng hi\u1ec7u:** T\u0103ng c\u01b0\u1eddng ho\u1ea1t \u0111\u1ed9ng truy\u1ec1n th\u00f4ng \u0111\u1ec3 x\u00e2y d\u1ef1ng nh\u1eadn di\u1ec7n v\u00e0 t\u1ea1o nhu c\u1ea7u t\u1eeb ng\u01b0\u1eddi ti\u00eau d\u00f9ng\",\n \"**Tri\u1ec3n khai POSM hi\u1ec7u qu\u1ea3:** Cung c\u1ea5p \u0111\u1ea7y \u0111\u1ee7 d\u00e2y treo, wobbler, shelf talker v\u1edbi th\u00f4ng \u0111i\u1ec7p r\u00f5 r\u00e0ng, gi\u00fap s\u1ea3n ph\u1ea9m t\u1ef1 thu h\u00fat kh\u00e1ch h\u00e0ng t\u1ea1i \u0111i\u1ec3m b\u00e1n.\",\n \"**X\u00e2y d\u1ef1ng ch\u01b0\u01a1ng tr\u00ecnh qu\u00e0 t\u1eb7ng:** Thi\u1ebft k\u1ebf v\u00e0 s\u1ea3n xu\u1ea5t c\u00e1c m\u00f3n qu\u00e0 nh\u1ecf h\u1ea5p d\u1eabn tr\u1ebb em, th\u00fac \u0111\u1ea9y h\u00e0nh vi mua l\u1eb7p l\u1ea1i v\u00e0 t\u1ea1o s\u1ef1 g\u1eafn k\u1ebft v\u1edbi th\u01b0\u01a1ng hi\u1ec7u.\",\n \"**T\u1ea1o ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i:** Thi\u1ebft k\u1ebf c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh khuy\u1ebfn m\u00e3i h\u1ea5p d\u1eabn (v\u00ed d\u1ee5: mua 2 t\u1eb7ng 1) \u0111\u1ec3 khuy\u1ebfn kh\u00edch kh\u00e1ch h\u00e0ng d\u00f9ng th\u1eed v\u00e0 ti\u1ebfp c\u1eadn s\u1ea3n ph\u1ea9m nhanh h\u01a1n.\"\n ]\n },\n {\n category: \"K\u00eanh ph\u00e2n ph\u1ed1i & B\u00e1n h\u00e0ng\",\n icon: \"\ud83d\uded2\",\n items: [\n \"**\u0110\u00e1nh gi\u00e1 l\u1ea1i hi\u1ec7u qu\u1ea3 k\u00eanh ph\u00e2n ph\u1ed1i:** \u01afu ti\u00ean k\u00eanh b\u00e1n l\u1ebb hi\u1ec7n \u0111\u1ea1i (si\u00eau th\u1ecb, c\u1eeda h\u00e0ng ti\u1ec7n l\u1ee3i) n\u01a1i h\u00e0nh vi mua s\u1eafm \u0111\u1ed3 \u0103n v\u1eb7t di\u1ec5n ra th\u01b0\u1eddng xuy\u00ean v\u00e0 s\u1ea3n ph\u1ea9m d\u1ec5 \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb \u0111\u00fang.\",\n \"**\u0110\u00e0o t\u1ea1o v\u00e0 h\u1ed7 tr\u1ee3 nh\u00e2n vi\u00ean b\u00e1n h\u00e0ng:** Cung c\u1ea5p t\u00e0i li\u1ec7u ng\u1eafn g\u1ecdn v\u00e0 s\u1ea3n ph\u1ea9m m\u1eabu \u0111\u1ec3 nh\u00e2n vi\u00ean t\u1ef1 tin t\u01b0 v\u1ea5n, gi\u1ea3m b\u1edbt g\u00e1nh n\u1eb7ng t\u01b0 v\u1ea5n cho s\u1ea3n ph\u1ea9m m\u1edbi.\",\n \"**\u0110\u1ecbnh v\u1ecb l\u1ea1i th\u00f4ng \u0111i\u1ec7p:** Nh\u1ea5n m\u1ea1nh 'snack ngon mi\u1ec7ng, ti\u1ec7n l\u1ee3i' tr\u01b0\u1edbc, sau \u0111\u00f3 m\u1edbi t\u1edbi 'b\u1ed5 sung l\u1ee3i khu\u1ea9n' \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi k\u1ef3 v\u1ecdng c\u1ee7a kh\u00e1ch h\u00e0ng \u1edf t\u1eebng k\u00eanh.\"\n ]\n }\n ]\n };\n\n document.addEventListener('DOMContentLoaded', function() {\n \n const mobileMenuButton = document.getElementById('mobile-menu-button');\n const mobileMenu = document.getElementById('mobile-menu');\n mobileMenuButton.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n \n const navLinks = document.querySelectorAll('.nav-link, #mobile-menu a');\n navLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n\n const swotDetails = document.getElementById('swot-details');\n const swotDetailsP = swotDetails.querySelector('p');\n const swotQuoteBlock = swotDetails.querySelector('.quote-block');\n const swotQuoteText = swotQuoteBlock.querySelector('.quote-text');\n const swotQuoteSource = swotQuoteBlock.querySelector('.quote-source');\n\n function populateOverviewInsights() {\n const grid = document.getElementById('overview-insights-grid');\n reportData.overview.insights.forEach(insight => {\n const card = document.createElement('div');\n card.className = 'card text-center';\n let quoteHtml = '';\n if (insight.quote) {\n quoteHtml = `\n <blockquote class=\"quote-block\">\n <p class=\"quote-text\">\"${insight.quote.text}\"<\/p>\n <span class=\"quote-source\">- ${insight.quote.source}<\/span>\n <\/blockquote>\n `;\n }\n card.innerHTML = `\n <div class=\"text-5xl mb-4\">${insight.icon}<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#60c3ad]\">${insight.title}<\/h3>\n <p class=\"text-gray-700\">${insight.description}<\/p>\n ${quoteHtml}\n `;\n grid.appendChild(card);\n });\n }\n\n function populateSwot() {\n Object.keys(reportData.swot).forEach(key => {\n const ul = document.getElementById(`swot-${key}`);\n reportData.swot[key].forEach(item => {\n const li = document.createElement('li');\n li.className = 'p-2 rounded-md swot-item text-sm';\n li.textContent = item.title;\n li.onclick = () => {\n document.querySelectorAll('.swot-item').forEach(el => el.classList.remove('active'));\n li.classList.add('active');\n swotDetailsP.innerHTML = item.detail; \/\/ Use innerHTML for potential bolding from markdown\n \n if (item.quote) {\n swotQuoteText.textContent = `\"${item.quote.text}\"`;\n swotQuoteSource.textContent = `- ${item.quote.source}`;\n swotQuoteBlock.classList.remove('hidden');\n } else {\n swotQuoteBlock.classList.add('hidden');\n }\n swotDetails.classList.remove('hidden');\n };\n ul.appendChild(li);\n });\n });\n }\n\n function createBarriersChart() {\n const ctx = document.getElementById('barriersChart').getContext('2d');\n new Chart(ctx, {\n type: 'bar',\n data: {\n labels: reportData.barriers.labels,\n datasets: [{\n label: 'M\u1ee9c \u0111\u1ed9 \u1ea3nh h\u01b0\u1edfng',\n data: reportData.barriers.data,\n backgroundColor: ['#ef4444', '#f97316', '#eab308', '#60c3ad'], \/* Adjusted colors, using brand color for one bar *\/\n borderRadius: 6,\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `${context.dataset.label}: ${context.raw}%`;\n }\n }\n }\n },\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n grid: {\n display: false\n }\n },\n y: {\n grid: {\n display: false\n }\n }\n }\n }\n });\n }\n\n function createAudienceChart() {\n const ctx = document.getElementById('audienceChart').getContext('2d');\n new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: reportData.audience.labels,\n datasets: [{\n data: reportData.audience.data,\n backgroundColor: ['#60c3ad', '#8338ec', '#ffbe0b'], \/* Main brand color as dominant *\/\n borderColor: '#f8f7f4',\n borderWidth: 4,\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n padding: 20,\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n let label = context.label || '';\n if (label) {\n label += ': ';\n }\n if (context.parsed !== null) {\n label += `${context.parsed}%`;\n }\n return label;\n }\n }\n }\n }\n }\n });\n }\n\n function populateChannels() {\n const grid = document.getElementById('channels-grid');\n reportData.channels.forEach(channel => {\n const card = document.createElement('div');\n card.className = 'card flex flex-col';\n let quoteHtml = '';\n if (channel.quote) {\n quoteHtml = `\n <blockquote class=\"quote-block\">\n <p class=\"quote-text\">\"${channel.quote.text}\"<\/p>\n <span class=\"quote-source\">- ${channel.quote.source}<\/span>\n <\/blockquote>\n `;\n }\n card.innerHTML = `\n <div class=\"text-5xl mb-4 text-center\">${channel.icon}<\/div>\n <h3 class=\"text-xl font-bold text-center mb-2\">${channel.name}<\/h3>\n <p class=\"text-center font-semibold mb-4 ${channel.potentialColor}\">Ti\u1ec1m n\u0103ng: ${channel.potential}<\/p>\n <p class=\"text-gray-700 mb-2\"><strong>Insight:<\/strong> ${channel.insights}<\/p>\n <p class=\"text-gray-700 mb-4\"><strong>Th\u00e1ch th\u1ee9c:<\/strong> ${channel.challenges}<\/p>\n ${quoteHtml}\n <div class=\"mt-auto\">\n <button class=\"toggle-recommendations w-full text-sm font-semibold btn-primary\">Xem \u0110\u1ec1 xu\u1ea5t \u25be<\/button>\n <div class=\"recommendations hidden mt-4 text-sm bg-gray-50 p-4 rounded-lg\">\n <ul class=\"list-disc list-inside space-y-1 text-gray-700\">\n ${channel.recommendations.map(r => `<li>${r}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n grid.appendChild(card);\n });\n\n document.querySelectorAll('.toggle-recommendations').forEach(button => {\n button.addEventListener('click', function() {\n const recommendations = this.nextElementSibling;\n const isHidden = recommendations.classList.contains('hidden');\n recommendations.classList.toggle('hidden');\n this.textContent = isHidden ? '\u1ea8n \u0110\u1ec1 xu\u1ea5t \u25b4' : 'Xem \u0110\u1ec1 xu\u1ea5t \u25be';\n this.classList.toggle('active'); \/* Optional: add active state to button *\/\n });\n });\n }\n\n function populateActions() {\n const list = document.getElementById('actions-list');\n reportData.actions.forEach(action => {\n const div = document.createElement('div');\n div.className = 'card';\n div.innerHTML = `\n <div class=\"flex items-start space-x-4\">\n <div class=\"text-4xl\">${action.icon}<\/div>\n <div>\n <h3 class=\"text-xl font-bold mb-3 text-gray-800\">${action.category}<\/h3>\n <ul class=\"space-y-2 text-gray-700 list-disc list-inside\">\n ${action.items.map(item => `<li>${item}<\/li>`).join('')}\n <\/ul>\n <\/div>\n <\/div>\n `;\n list.appendChild(div);\n });\n }\n\n\n populateOverviewInsights(); \/\/ Call this new function\n populateSwot();\n createBarriersChart();\n createAudienceChart();\n populateChannels();\n populateActions();\n\n const sections = document.querySelectorAll('section');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n document.querySelectorAll('.nav-link').forEach(link => {\n link.classList.remove('active');\n if(link.getAttribute('href').substring(1) === entry.target.id) {\n link.classList.add('active');\n }\n });\n }\n });\n }, { rootMargin: \"-50% 0px -50% 0px\" });\n\n sections.forEach(section => {\n observer.observe(section);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\ufffd\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>B\u00e1o c\u00e1o T\u01b0\u01a1ng t\u00e1c: Ph\u00e2n t\u00edch IDI \u0110\u1ed1i t\u00e1c B2B Snack L\u1ee3i Khu\u1ea9n Snack L\u1ee3i Khu\u1ea9n Kefir T\u1ed5ng quan Ph\u00e2n t\u00edch SWOT Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i K\u00eanh Ph\u00e2n Ph\u1ed1i \u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng T\u1ed5ng quan Ph\u00e2n t\u00edch SWOT Th\u00e1ch th\u1ee9c & C\u01a1 h\u1ed9i K\u00eanh Ph\u00e2n Ph\u1ed1i \u0110\u1ec1 xu\u1ea5t H\u00e0nh \u0111\u1ed9ng T\u1ed5ng quan Insight t\u1eeb […]<\/p>","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/comments?post=13305"}],"version-history":[{"count":21,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305\/revisions"}],"predecessor-version":[{"id":13329,"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/pages\/13305\/revisions\/13329"}],"wp:attachment":[{"href":"https:\/\/tracykefir.vn\/en\/wp-json\/wp\/v2\/media?parent=13305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}