{"id":1634,"date":"2026-03-22T21:08:48","date_gmt":"2026-03-22T13:08:48","guid":{"rendered":"https:\/\/wmea.charity\/?page_id=1634"},"modified":"2026-04-08T10:50:21","modified_gmt":"2026-04-08T02:50:21","slug":"after-school-child-caring","status":"publish","type":"page","link":"https:\/\/wmea.charity\/index.php\/after-school-child-caring\/","title":{"rendered":"After-School Child Caring"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1634\" class=\"elementor elementor-1634\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9b694b e-flex e-con-boxed e-con e-parent\" data-id=\"b9b694b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4013a7c elementor-widget elementor-widget-html\" data-id=\"4013a7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-HK\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u555f\u840c\u6148\u5584\u6a5f\u69cb - \u8ab2\u5f8c\u8a17\u7ba1\u670d\u52d9\u8a08\u5283<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary-blue: #94daf5;\n            --soft-yellow: #f7f4ca;\n            --dark-text: #2c3e50;\n            --accent-orange: #ff9f43;\n        }\n        body {\n            font-family: 'PingFang HK', 'Microsoft JhengHei', sans-serif;\n            background-color: #ffffff;\n            color: var(--dark-text);\n            scroll-behavior: smooth;\n        }\n        .bg-primary { background-color: var(--primary-blue); }\n        .bg-secondary { background-color: var(--soft-yellow); }\n        .text-primary { color: #5eb5d6; }\n        \n        .hero-pattern {\n            background-color: var(--primary-blue);\n            background-image: radial-gradient(#ffffff 1px, transparent 1px);\n            background-size: 20px 20px;\n            background-opacity: 0.1;\n        }\n\n        .price-card {\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        .price-card:hover {\n            border-color: var(--primary-blue);\n            transform: scale(1.02);\n        }\n\n        .benefit-icon {\n            width: 60px;\n            height: 60px;\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.5rem;\n        }\n\n        .card-hover:hover {\n            transform: translateY(-5px);\n            transition: all 0.3s ease;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n    <!-- \u5c0e\u822a\u6b04 -->\n    <nav class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-blue-100 shadow-sm\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between h-20 items-center\">\n                <div class=\"flex items-center\">\n                    <div class=\"bg-primary p-2 rounded-lg mr-3\">\n                        <i class=\"fas fa-graduation-cap text-white text-xl\"><\/i>\n                    <\/div>\n                    <span class=\"text-xl font-bold tracking-tight\">\u555f\u840c\u8ab2\u5f8c\u8a17\u7ba1 <span class=\"text-primary\">| \u5c08\u696d\u793e\u5340\u652f\u63f4<\/span><\/span>\n                <\/div>\n                <div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"#about\" class=\"hover:text-blue-500 font-medium transition\">\u8a08\u5283\u76ee\u6a19<\/a>\n                    <a href=\"#features\" class=\"hover:text-blue-500 font-medium transition\">\u8ab2\u7a0b\u7279\u8272<\/a>\n                    <a href=\"#schedule\" class=\"hover:text-blue-500 font-medium transition\">\u670d\u52d9\u6642\u9593<\/a>\n                    <a href=\"#pricing\" class=\"hover:text-blue-500 font-medium transition\">\u8cbb\u7528\u8cc7\u52a9<\/a>\n                    <a href=\"#contact\" class=\"bg-primary px-6 py-2.5 rounded-full text-slate-800 font-bold hover:shadow-lg transition\">\u7acb\u5373\u67e5\u8a62<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero \u5340\u584a -->\n    <header class=\"relative overflow-hidden bg-primary\/20 pt-16 pb-24 px-4\">\n        <div class=\"max-w-7xl mx-auto flex flex-col lg:flex-row items-center gap-12\">\n            <div class=\"lg:w-1\/2 text-center lg:text-left\">\n                <div class=\"inline-block px-4 py-1.5 bg-white rounded-full text-blue-600 font-bold text-sm mb-6 shadow-sm\">\n                    \u555f\u840c\u6148\u5584\u6a5f\u69cb \u71df\u904b\n                <\/div>\n                <h1 class=\"text-4xl md:text-6xl font-black mb-6 leading-tight text-slate-800\">\n                    \u512a\u8cea\u8ab2\u5f8c\u8f14\u5c0e<br><span class=\"text-blue-500\">\u8b93\u5b78\u7fd2\u66f4\u8f15\u9b06<\/span>\n                <\/h1>\n                <p class=\"text-lg text-slate-600 mb-10 leading-relaxed\">\n                    \u5c08\u70ba\u5c0f\u4e00\u81f3\u5c0f\u516d\u5b78\u751f\u8a2d\u8a08\uff0c\u89e3\u6c7a\u529f\u8ab2\u96e3\u984c\uff0c\u57f9\u990a\u81ea\u5f8b\u7fd2\u6163\u3002\u70ba\u96d9\u8077\u5bb6\u5ead\u6e1b\u58d3\uff0c\u5275\u9020\u9ad8\u54c1\u8cea\u5b78\u7fd2\u74b0\u5883\u3002\n                <\/p>\n                <div class=\"flex flex-wrap justify-center lg:justify-start gap-4\">\n                    <a href=\"https:\/\/api.whatsapp.com\/send?phone=85291519368\" class=\"px-8 py-4 bg-slate-800 text-white rounded-2xl font-bold hover:bg-slate-700 transition shadow-xl flex items-center\">\n                        <i class=\"fab fa-whatsapp mr-2 text-green-400\"><\/i> WhatsApp \u67e5\u8a62\n                    <\/a>\n                    <a href=\"#pricing\" class=\"px-8 py-4 bg-white text-slate-800 rounded-2xl font-bold border border-slate-200 hover:bg-slate-50 transition\">\u67e5\u770b\u5b78\u8cbb\u8cc7\u52a9<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"lg:w-1\/2 relative\">\n                <div class=\"rounded-3xl overflow-hidden shadow-2xl border-8 border-white\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&q=80&w=1920\" alt=\"[\u5b78\u751f\u5b78\u7fd2\u5834\u666f]\" class=\"w-full h-[400px] object-cover\">\n                <\/div>\n                <div class=\"absolute -bottom-8 -right-8 bg-secondary p-8 rounded-3xl shadow-xl border-4 border-white hidden sm:block\">\n                    <div class=\"text-3xl font-black text-slate-800\">1:10<\/div>\n                    <div class=\"text-sm font-bold text-slate-600\">\u512a\u8cea\u5e2b\u751f\u6bd4\u4f8b<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- \u8a08\u5283\u76ee\u6a19 -->\n    <section id=\"about\" class=\"py-24 px-4\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"grid lg:grid-cols-3 gap-8\">\n                <div class=\"lg:col-span-2\">\n                    <h2 class=\"text-3xl font-bold mb-8 flex items-center\">\n                        <span class=\"w-2 h-8 bg-primary mr-4 inline-block\"><\/span>\u8ab2\u7a0b\u76ee\u7684\u8207\u76ee\u6a19\n                    <\/h2>\n                    <p class=\"text-xl text-slate-600 leading-relaxed mb-8\">\n                        \u672c\u8a08\u5283\u65e8\u5728\u70ba\u5b78\u7fd2\u6709\u9700\u8981\u6216\u5bb6\u5ead\u7167\u9867\u6709\u56f0\u96e3\u7684\u5b78\u751f\u63d0\u4f9b\u5168\u65b9\u4f4d\u652f\u63f4\u3002\u6211\u5011\u900f\u904e\u512a\u8cea\u5e2b\u8cc7\uff0c\u91dd\u5c0d\u6027\u89e3\u6c7a\u540c\u5b78\u5728\u6bcf\u65e5\u529f\u8ab2\u4e2d\u9047\u5230\u7684\u5b78\u8853\u7591\u96e3\u3002\n                    <\/p>\n                    <div class=\"grid sm:grid-cols-2 gap-6\">\n                        <div class=\"p-6 bg-slate-50 rounded-2xl border border-slate-100 flex items-start\">\n                            <i class=\"fas fa-check-circle text-primary mt-1 mr-3 text-xl\"><\/i>\n                            <div>\n                                <h4 class=\"font-bold text-slate-800 mb-1\">\u89e3\u6c7a\u5b78\u8853\u7591\u96e3<\/h4>\n                                <p class=\"text-sm text-slate-500\">\u5354\u52a9\u5b78\u751f\u5b8c\u6210\u6bcf\u65e5\u529f\u8ab2\uff0c\u4e26\u9032\u884c\u5c08\u696d\u6838\u5c0d\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"p-6 bg-slate-50 rounded-2xl border border-slate-100 flex items-start\">\n                            <i class=\"fas fa-check-circle text-primary mt-1 mr-3 text-xl\"><\/i>\n                            <div>\n                                <h4 class=\"font-bold text-slate-800 mb-1\">\u6838\u5fc3\u79d1\u76ee\u6db5\u84cb<\/h4>\n                                <p class=\"text-sm text-slate-500\">\u91cd\u9ede\u8f14\u5c0e\uff1a\u4e2d\u3001\u82f1\u3001\u666e\u3001\u6578\u3001\u5e38\u4e94\u5927\u4e3b\u8981\u5b78\u79d1\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bg-primary\/10 rounded-3xl p-8 flex flex-col justify-center\">\n                    <div class=\"text-center\">\n                        <i class=\"fas fa-hand-holding-heart text-5xl text-primary mb-6\"><\/i>\n                        <h3 class=\"text-2xl font-bold mb-4\">\u71df\u904b\u6a5f\u69cb<\/h3>\n                        <p class=\"text-lg font-bold text-slate-700\">\u555f\u840c\u6148\u5584\u6a5f\u69cb<\/p>\n                        <p class=\"text-sm text-slate-500 mt-2\">\u81f4\u529b\u65bc\u793e\u5340\u767c\u5c55\u8207\u5f31\u52e2\u652f\u63f4\u7684\u5c08\u696d\u6559\u80b2\u7d44\u7e54<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u670d\u52d9\u7279\u8272 -->\n    <section id=\"features\" class=\"bg-slate-50 py-24 px-4\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold mb-4\">\u56db\u5927\u5c08\u696d\u7279\u8272<\/h2>\n                <p class=\"text-slate-500\">\u5168\u65b9\u4f4d\u7167\u9867\uff0c\u8b93\u5b69\u5b50\u5728\u95dc\u611b\u4e2d\u6210\u9577<\/p>\n            <\/div>\n            <div class=\"grid md:grid-cols-4 gap-8\">\n                <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-slate-100 card-hover text-center\">\n                    <div class=\"benefit-icon bg-blue-100 text-blue-500 mx-auto\">\n                        <i class=\"fas fa-user-tie text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u5c08\u696d\u5c0e\u5e2b<\/h3>\n                    <p class=\"text-sm text-slate-500\">\u7d93\u9a57\u8c50\u5bcc\u3001\u6709\u8010\u6027\uff0c\u4e14\u5177\u5099\u5c08\u696d\u6559\u5b78\u8cc7\u6b77\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-slate-100 card-hover text-center\">\n                    <div class=\"benefit-icon bg-yellow-100 text-yellow-600 mx-auto\">\n                        <i class=\"fas fa-award text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u734e\u52f5\u8a08\u5283<\/h3>\n                    <p class=\"text-sm text-slate-500\">\u8a2d\u6709\u300c\u535a\u96c5\u734e\u52f5\u8a08\u5283\u300d\uff0c\u6fc0\u767c\u5b78\u7fd2\u52d5\u80fd\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-slate-100 card-hover text-center\">\n                    <div class=\"benefit-icon bg-green-100 text-green-500 mx-auto\">\n                        <i class=\"fas fa-comments text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u7dca\u5bc6\u6e9d\u901a<\/h3>\n                    <p class=\"text-sm text-slate-500\">\u7279\u8a2d\u901a\u8a0a\u7fa4\u7d44\uff0c\u96a8\u6642\u5411\u5bb6\u9577\u532f\u5831\u9032\u5ea6\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-slate-100 card-hover text-center\">\n                    <div class=\"benefit-icon bg-purple-100 text-purple-500 mx-auto\">\n                        <i class=\"fas fa-language text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-bold mb-3\">\u82f1\u8a9e\u8a9e\u5883<\/h3>\n                    <p class=\"text-sm text-slate-500\">\u6bcf\u5929\u7279\u8a2d\u82f1\u8a9e\u6642\u6bb5\uff0c\u63d0\u5347\u8a9e\u8a00\u807d\u8aaa\u80fd\u529b\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u670d\u52d9\u6642\u9593\u5b89\u6392 -->\n    <section id=\"schedule\" class=\"py-24 px-4 bg-white\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold mb-4\">\u670d\u52d9\u6642\u9593\u5b89\u6392<\/h2>\n                <p class=\"text-slate-500\">\u914d\u5408\u5b78\u6821\u65e5\u7a0b\uff0c\u63d0\u4f9b\u7a69\u5b9a\u7167\u9867<\/p>\n            <\/div>\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <div class=\"bg-slate-50 p-8 rounded-3xl shadow-sm border border-slate-100 card-hover\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <span class=\"px-4 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-bold\">\u5b78\u671f\u9593 (\u661f\u671f\u4e00\u81f3\u4e94)<\/span>\n                        <i class=\"fas fa-book-reader text-2xl text-blue-200\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-slate-800\">\u8ab2\u5f8c\u8f14\u5c0e\u6642\u6bb5<\/h3>\n                    <div class=\"text-4xl font-black text-primary mb-4\">15:15 - 18:30<\/div>\n                    <p class=\"text-slate-500\"><i class=\"far fa-clock mr-2\"><\/i>\u6700\u9072\u63a5\u9001\u6642\u9593\u70ba 19:00<\/p>\n                <\/div>\n                <div class=\"bg-slate-50 p-8 rounded-3xl shadow-sm border border-slate-100 card-hover\">\n                    <div class=\"flex items-center justify-between mb-6\">\n                        <span class=\"px-4 py-1 bg-yellow-100 text-yellow-700 rounded-full text-sm font-bold\">\u6691\u5047\u671f\u9593 (7\u6708-8\u6708)<\/span>\n                        <i class=\"fas fa-sun text-2xl text-yellow-300\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-2xl font-bold mb-4 text-slate-800\">\u4e0a\u5348\u8f14\u5c0e\u6642\u6bb5<\/h3>\n                    <div class=\"text-4xl font-black text-orange-400 mb-4\">09:00 - 12:30<\/div>\n                    <p class=\"text-slate-500\"><i class=\"far fa-clock mr-2\"><\/i>\u6700\u9072\u63a5\u9001\u6642\u9593\u70ba 13:00<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u8cbb\u7528\u7d50\u69cb -->\n    <section id=\"pricing\" class=\"py-24 px-4 bg-secondary\/20\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"max-w-3xl mx-auto text-center mb-16\">\n                <h2 class=\"text-3xl font-bold mb-4\">\u8cc7\u52a9\u5f8c\u7684\u512a\u60e0\u65b9\u6848<\/h2>\n                <p class=\"text-slate-500 text-lg\">\u900f\u904e\u5b78\u6821\u63d0\u540d\uff0c\u5927\u5e45\u6e1b\u8f15\u5bb6\u5ead\u7d93\u6fdf\u8ca0\u64d4<\/p>\n            <\/div>\n            <div class=\"grid lg:grid-cols-2 gap-12 items-center\">\n                <div class=\"relative\">\n                    <div class=\"bg-slate-900 rounded-3xl p-10 text-white shadow-2xl relative z-10 overflow-hidden\">\n                        <div class=\"absolute top-0 right-0 p-4\">\n                            <div class=\"bg-primary text-slate-900 font-black text-xs px-3 py-1 rounded-bl-xl uppercase\">\u63d0\u540d\u512a\u60e0<\/div>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-2\">\u6bcf\u6708\u8a17\u7ba1\u670d\u52d9\u8cbb<\/h3>\n                        <div class=\"flex items-baseline mb-6\">\n                            <span class=\"text-5xl font-black text-primary\">$1,999<\/span>\n                            <span class=\"text-slate-400 ml-2\">\/ \u6708<\/span>\n                        <\/div>\n                        <div class=\"space-y-4 mb-8\">\n                            <div class=\"flex items-center text-sm\">\n                                <i class=\"fas fa-check-circle text-primary mr-3\"><\/i>\n                                <span class=\"text-slate-300\">\u539f\u50f9 $2,288 (\u5df2\u7bc0\u7701 $289)<\/span>\n                            <\/div>\n                            <div class=\"flex items-center text-sm\">\n                                <i class=\"fas fa-check-circle text-primary mr-3\"><\/i>\n                                <span class=\"text-slate-300\">\u5305\u542b\u6bcf\u65e5\u6258\u7ba1\u53ca\u529f\u8ab2\u8f14\u5c0e<\/span>\n                            <\/div>\n                            <div class=\"flex items-center text-sm\">\n                                <i class=\"fas fa-check-circle text-primary mr-3\"><\/i>\n                                <span class=\"text-slate-300\">\u5c08\u696d\u56b4\u683c\u7d00\u5f8b\u7ba1\u7406<\/span>\n                            <\/div>\n                        <\/div>\n                        <a href=\"#contact\" class=\"block text-center w-full py-4 bg-primary text-slate-900 font-bold rounded-xl hover:bg-blue-300 transition\">\u7acb\u5373\u8aee\u8a62\u63d0\u540d\u8cc7\u683c<\/a>\n                    <\/div>\n                    <div class=\"absolute -inset-4 bg-primary\/30 rounded-[40px] blur-2xl\"><\/div>\n                <\/div>\n\n                <div class=\"space-y-6\">\n                    <h3 class=\"text-2xl font-bold text-slate-800\">\u5b78\u6821\u63d0\u540d\u6e96\u5247<\/h3>\n                    <div class=\"flex items-start p-4 bg-white rounded-2xl shadow-sm\">\n                        <div class=\"w-10 h-10 bg-primary rounded-full flex items-center justify-center font-bold text-slate-800 mr-4 shrink-0\">1<\/div>\n                        <p class=\"text-slate-600\">\u70ba\u5b78\u7fd2\u6709\u9700\u8981\u6216\u5bb6\u5ead\u7167\u9867\u6709\u56f0\u96e3\u4e4b\u5b78\u751f\u512a\u5148\u8003\u616e\u3002<\/p>\n                    <\/div>\n                    <div class=\"flex items-start p-4 bg-white rounded-2xl shadow-sm\">\n                        <div class=\"w-10 h-10 bg-primary rounded-full flex items-center justify-center font-bold text-slate-800 mr-4 shrink-0\">2<\/div>\n                        <p class=\"text-slate-600\">\u5bb6\u9577\u9808\u63d0\u4ea4\u7533\u8acb\uff0c\u8a73\u8ff0\u5b50\u5973\u53c3\u52a0\u4e4b\u5408\u7406\u7406\u7531\u3002<\/p>\n                    <\/div>\n                    <div class=\"flex items-start p-4 bg-white rounded-2xl shadow-sm\">\n                        <div class=\"w-10 h-10 bg-primary rounded-full flex items-center justify-center font-bold text-slate-800 mr-4 shrink-0\">3<\/div>\n                        <p class=\"text-slate-600\">\u7d93\u5b78\u6821\u8001\u5e2b\u63a8\u85a6\u8005\uff0c\u5c07\u7372\u5f97\u512a\u5148\u9304\u53d6\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u793e\u6703\u6548\u76ca -->\n    <section class=\"py-24 px-4 bg-white\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"bg-slate-900 rounded-[40px] p-12 text-white relative overflow-hidden\">\n                <div class=\"relative z-10 grid lg:grid-cols-2 gap-12 items-center\">\n                    <div>\n                        <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\u793e\u5340\u95dc\u61f7\u8207\u793e\u6703\u8cac\u4efb\uff1a<br><span class=\"text-primary\">\u5275\u9020\u96d9\u91cd\u6548\u76ca<\/span><\/h2>\n                        <p class=\"text-slate-400 text-lg mb-8 leading-relaxed\">\n                            \u6211\u5011\u4e0d\u50c5\u95dc\u5fc3\u5b78\u751f\u7684\u5b78\u696d\uff0c\u66f4\u81f4\u529b\u65bc\u5f37\u5316\u793e\u5340\u7684\u652f\u63f4\u7db2\u7d61\uff0c\u8b93\u6559\u80b2\u670d\u52d9\u8207\u793e\u6703\u8ce6\u6b0a\u540c\u6b65\u3002\n                        <\/p>\n                        <div class=\"space-y-4\">\n                            <div class=\"flex items-center\">\n                                <div class=\"w-12 h-12 bg-primary\/20 rounded-full flex items-center justify-center mr-4\">\n                                    <i class=\"fas fa-child text-primary\"><\/i>\n                                <\/div>\n                                <span>\u63d0\u4f9b\u5b89\u5168\u3001\u5145\u5be6\u53ca\u6109\u5feb\u7684\u8ab2\u5f8c\u5b78\u7fd2\u74b0\u5883\u3002<\/span>\n                            <\/div>\n                            <div class=\"flex items-center\">\n                                <div class=\"w-12 h-12 bg-primary\/20 rounded-full flex items-center justify-center mr-4\">\n                                    <i class=\"fas fa-venus text-primary\"><\/i>\n                                <\/div>\n                                <span>\u512a\u5148\u62db\u8058\u793e\u5340\u5167\u6709\u9700\u8981\u4e4b\u5a66\u5973\uff0c\u5f37\u5316\u5973\u6027\u7d93\u6fdf\u81ea\u7acb\u3002<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div class=\"bg-white\/10 p-6 rounded-3xl text-center\">\n                            <div class=\"text-4xl font-black text-primary mb-2\">1:10<\/div>\n                            <p class=\"text-xs text-slate-400\">\u56b4\u683c\u6bd4\u4f8b<\/p>\n                        <\/div>\n                        <div class=\"bg-white\/10 p-6 rounded-3xl text-center\">\n                            <div class=\"text-4xl font-black text-primary mb-2\">5+<\/div>\n                            <p class=\"text-xs text-slate-400\">\u6838\u5fc3\u79d1\u76ee<\/p>\n                        <\/div>\n                        <div class=\"bg-white\/10 p-6 rounded-3xl text-center\">\n                            <div class=\"text-4xl font-black text-primary mb-2\">2026<\/div>\n                            <p class=\"text-xs text-slate-400\">\u5c08\u696d\u71df\u904b<\/p>\n                        <\/div>\n                        <div class=\"bg-white\/10 p-6 rounded-3xl text-center\">\n                            <div class=\"text-4xl font-black text-primary mb-2\">100%<\/div>\n                            <p class=\"text-xs text-slate-400\">\u5fc3\u8f14\u5c0e<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u806f\u7d61\u5340\u584a -->\n    <footer id=\"contact\" class=\"bg-slate-900 text-white pt-24 pb-12 px-4\">\n        <div class=\"max-w-7xl mx-auto grid lg:grid-cols-2 gap-16 mb-16\">\n            <div>\n                <h2 class=\"text-4xl font-bold mb-6\">\u651c\u624b\u6253\u9020<br><span class=\"text-primary\">\u66f4\u597d\u7684\u793e\u5340\u652f\u6301\u7db2<\/span><\/h2>\n                <p class=\"text-slate-400 text-lg mb-10\">\n                    \u7121\u8ad6\u60a8\u662f\u5c0b\u6c42\u9ad8\u54c1\u8cea\u7167\u9867\u7684\u5bb6\u9577\uff0c\u9084\u662f\u8a8d\u540c\u7406\u5ff5\u7684\u6559\u80b2\u5925\u4f34\uff0c\u6b61\u8fce\u96a8\u6642\u900f\u904e WhatsApp \u806f\u7e6b\u3002\n                <\/p>\n                <div class=\"grid sm:grid-cols-2 gap-8 mb-8\">\n                    <div>\n                        <h4 class=\"text-primary font-bold mb-2\">\u806f\u7d61\u5730\u5740<\/h4>\n                        <p class=\"text-slate-400 text-sm\">\u555f\u840c\u6148\u5584\u6a5f\u69cb \u9805\u76ee\u806f\u7d61\u8655<\/p>\n                    <\/div>\n                    <div>\n                        <h4 class=\"text-primary font-bold mb-2\">\u806f\u7d61\u8cc7\u8a0a<\/h4>\n                        <p class=\"text-slate-400 text-sm\">\u96fb\u8a71\uff1a+852 2677 6277<br>WhatsApp\uff1a9151 9368<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"bg-white p-10 rounded-[40px]\">\n                <h3 class=\"text-2xl font-bold text-slate-800 mb-6 text-center\">\u9805\u76ee\u8aee\u8a62\u8207\u767b\u8a18<\/h3>\n                <form id=\"waForm\" class=\"space-y-4\">\n                    <div>\n                        <label class=\"block text-xs font-bold text-slate-400 uppercase mb-2\">\u5bb6\u9577\u59d3\u540d<\/label>\n                        <input type=\"text\" id=\"name\" required class=\"w-full bg-slate-50 border-none p-4 rounded-xl text-slate-800 focus:ring-2 focus:ring-primary focus:outline-none\" placeholder=\"\u8f38\u5165\u59d3\u540d\">\n                    <\/div>\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div>\n                            <label class=\"block text-xs font-bold text-slate-400 uppercase mb-2\">\u806f\u7d61\u96fb\u8a71<\/label>\n                            <input type=\"tel\" id=\"phone\" required class=\"w-full bg-slate-50 border-none p-4 rounded-xl text-slate-800 focus:ring-2 focus:ring-primary focus:outline-none\" placeholder=\"\u96fb\u8a71\u865f\u78bc\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-xs font-bold text-slate-400 uppercase mb-2\">\u5b50\u5973\u5e74\u7d1a<\/label>\n                            <input type=\"text\" id=\"grade\" required class=\"w-full bg-slate-50 border-none p-4 rounded-xl text-slate-800 focus:ring-2 focus:ring-primary focus:outline-none\" placeholder=\"\u4f8b\u5982\uff1a\u5c0f\u4e09\">\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <label class=\"block text-xs font-bold text-slate-400 uppercase mb-2\">\u67e5\u8a62\u5167\u5bb9<\/label>\n                        <textarea id=\"msg\" required class=\"w-full bg-slate-50 border-none p-4 rounded-xl text-slate-800 h-24 focus:ring-2 focus:ring-primary focus:outline-none\" placeholder=\"\u8acb\u586b\u5beb\u60a8\u7684\u67e5\u8a62\"><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"w-full py-4 bg-slate-900 text-white font-bold rounded-xl hover:bg-slate-800 transition shadow-lg flex items-center justify-center\">\n                        <i class=\"fab fa-whatsapp mr-3 text-green-400\"><\/i> \u767c\u9001\u81f3 WhatsApp\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n        <div class=\"max-w-7xl mx-auto pt-8 border-t border-slate-800 text-center text-slate-500 text-xs\">\n            &copy; 2026 \u555f\u840c\u6148\u5584\u6a5f\u69cb \u9805\u76ee\u806f\u7d61\u8655. \u7248\u6b0a\u6240\u6709. | \u81f4\u529b\u65bc\u5c08\u696d\u8ab2\u5f8c\u652f\u63f4\u8207\u793e\u5340\u8ce6\u6b0a\n        <\/div>\n    <\/footer>\n\n    <script>\n        document.getElementById('waForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const name = document.getElementById('name').value;\n            const phone = document.getElementById('phone').value;\n            const grade = document.getElementById('grade').value;\n            const msg = document.getElementById('msg').value;\n            \n            const text = `\u60a8\u597d\uff0c\u6211\u5c0d\u300c\u8ab2\u5f8c\u8a17\u7ba1\u670d\u52d9\/\u529f\u8ab2\u8f14\u5c0e\u73ed\u300d\u611f\u8208\u8da3\u3002\\n\\n\u5bb6\u9577\u59d3\u540d\uff1a${name}\\n\u806f\u7d61\u96fb\u8a71\uff1a${phone}\\n\u5b50\u5973\u5e74\u7d1a\uff1a${grade}\\n\u67e5\u8a62\u4e8b\u9805\uff1a${msg}`;\n            const encodedText = encodeURIComponent(text);\n            \n            const waUrl = `https:\/\/api.whatsapp.com\/send?phone=85291519368&text=${encodedText}`;\n            window.open(waUrl, '_blank');\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u555f\u840c\u6148\u5584\u6a5f\u69cb &#8211; \u8ab2\u5f8c\u8a17\u7ba1\u670d\u52d9\u8a08\u5283 \u555f\u840c\u8ab2\u5f8c\u8a17\u7ba1 | \u5c08\u696d\u793e\u5340\u652f\u63f4 \u8a08\u5283\u76ee\u6a19 \u8ab2\u7a0b\u7279\u8272 \u670d\u52d9\u6642\u9593 \u8cbb\u7528\u8cc7\u52a9 \u7acb\u5373\u67e5\u8a62 \u555f\u840c\u6148\u5584\u6a5f\u69cb \u71df\u904b \u512a\u8cea\u8ab2\u5f8c\u8f14\u5c0e\u8b93\u5b78\u7fd2\u66f4\u8f15\u9b06 \u5c08\u70ba\u5c0f\u4e00\u81f3\u5c0f\u516d\u5b78\u751f\u8a2d\u8a08\uff0c\u89e3\u6c7a\u529f\u8ab2\u96e3\u984c\uff0c\u57f9\u990a\u81ea\u5f8b\u7fd2\u6163\u3002\u70ba\u96d9\u8077\u5bb6\u5ead\u6e1b\u58d3\uff0c\u5275\u9020\u9ad8\u54c1\u8cea\u5b78\u7fd2\u74b0\u5883\u3002 WhatsApp \u67e5\u8a62 \u67e5\u770b\u5b78\u8cbb\u8cc7\u52a9 1:10 \u512a\u8cea\u5e2b\u751f\u6bd4\u4f8b \u8ab2\u7a0b\u76ee\u7684\u8207\u76ee\u6a19 \u672c\u8a08\u5283\u65e8\u5728\u70ba\u5b78\u7fd2\u6709\u9700\u8981\u6216\u5bb6\u5ead\u7167\u9867\u6709\u56f0\u96e3\u7684\u5b78\u751f\u63d0\u4f9b\u5168\u65b9\u4f4d\u652f\u63f4\u3002\u6211\u5011\u900f\u904e\u512a\u8cea\u5e2b\u8cc7\uff0c\u91dd\u5c0d\u6027\u89e3\u6c7a\u540c\u5b78\u5728\u6bcf\u65e5\u529f\u8ab2\u4e2d\u9047\u5230\u7684\u5b78\u8853\u7591\u96e3\u3002 \u89e3\u6c7a\u5b78\u8853\u7591\u96e3 \u5354\u52a9\u5b78\u751f\u5b8c\u6210\u6bcf\u65e5\u529f\u8ab2\uff0c\u4e26\u9032\u884c\u5c08\u696d\u6838\u5c0d\u3002 \u6838\u5fc3\u79d1\u76ee\u6db5\u84cb \u91cd\u9ede\u8f14\u5c0e\uff1a\u4e2d\u3001\u82f1\u3001\u666e\u3001\u6578\u3001\u5e38\u4e94\u5927\u4e3b\u8981\u5b78\u79d1\u3002 \u71df\u904b\u6a5f\u69cb \u555f\u840c\u6148\u5584\u6a5f\u69cb \u81f4\u529b\u65bc\u793e\u5340\u767c\u5c55\u8207\u5f31\u52e2\u652f\u63f4\u7684\u5c08\u696d\u6559\u80b2\u7d44\u7e54 \u56db\u5927\u5c08\u696d\u7279\u8272 \u5168\u65b9\u4f4d\u7167\u9867\uff0c\u8b93\u5b69\u5b50\u5728\u95dc\u611b\u4e2d\u6210\u9577 \u5c08\u696d\u5c0e\u5e2b \u7d93\u9a57\u8c50\u5bcc\u3001\u6709\u8010\u6027\uff0c\u4e14\u5177\u5099\u5c08\u696d\u6559\u5b78\u8cc7\u6b77\u3002 \u734e\u52f5\u8a08\u5283 \u8a2d\u6709\u300c\u535a\u96c5\u734e\u52f5\u8a08\u5283\u300d\uff0c\u6fc0\u767c\u5b78\u7fd2\u52d5\u80fd\u3002 \u7dca\u5bc6\u6e9d\u901a \u7279\u8a2d\u901a\u8a0a\u7fa4\u7d44\uff0c\u96a8\u6642\u5411\u5bb6\u9577\u532f\u5831\u9032\u5ea6\u3002 \u82f1\u8a9e\u8a9e\u5883 \u6bcf\u5929\u7279\u8a2d\u82f1\u8a9e\u6642\u6bb5\uff0c\u63d0\u5347\u8a9e\u8a00\u807d\u8aaa\u80fd\u529b\u3002 \u670d\u52d9\u6642\u9593\u5b89\u6392 \u914d\u5408\u5b78\u6821\u65e5\u7a0b\uff0c\u63d0\u4f9b\u7a69\u5b9a\u7167\u9867 \u5b78\u671f\u9593 (\u661f\u671f\u4e00\u81f3\u4e94) \u8ab2\u5f8c\u8f14\u5c0e\u6642\u6bb5 15:15 &#8211; 18:30 \u6700\u9072\u63a5\u9001\u6642\u9593\u70ba 19:00 \u6691\u5047\u671f\u9593 (7\u6708-8\u6708) \u4e0a\u5348\u8f14\u5c0e\u6642\u6bb5 09:00 &#8211; 12:30 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/after-school-child-caring\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;After-School Child Caring&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/comments?post=1634"}],"version-history":[{"count":16,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1634\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}