\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #fafafa;\n }\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Language Switcher *\/\n .lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n display: flex;\n gap: 8px;\n background: rgba(255,255,255,0.95);\n padding: 5px;\n border-radius: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n .lang-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n border-radius: 20px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s;\n }\n\n .lang-btn.active {\n background: #c41e3a;\n color: white;\n }\n\n \/* Hero Section - Fixed Contrast *\/\n .hero-section {\n background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);\n color: white;\n padding: 100px 20px 80px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .hero-section h1 {\n font-size: 3em;\n margin-bottom: 15px;\n font-weight: 800;\n color: white; \/* FIXED: Was red, now white for contrast *\/\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n letter-spacing: -1px;\n }\n\n .subtitle {\n font-size: 1.4em;\n margin-bottom: 10px;\n opacity: 0.95;\n font-weight: 400;\n }\n\n .tagline {\n font-size: 1.1em;\n opacity: 0.9;\n background: rgba(255,255,255,0.15);\n display: inline-block;\n padding: 8px 20px;\n border-radius: 20px;\n margin-top: 10px;\n }\n\n \/* Features *\/\n .features-section {\n padding: 60px 0;\n }\n\n .section-title {\n text-align: center;\n font-size: 2em;\n color: #1a1a1a;\n margin-bottom: 40px;\n font-weight: 700;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .feature-card {\n background: white;\n padding: 40px 30px;\n border-radius: 16px;\n text-align: center;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n transition: all 0.3s;\n border: 1px solid #f0f0f0;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 30px rgba(196,30,58,0.15);\n border-color: #c41e3a;\n }\n\n .icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n }\n\n .feature-card h3 {\n color: #1a1a1a;\n margin-bottom: 10px;\n font-size: 1.3em;\n font-weight: 700;\n }\n\n .feature-card p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Pricing *\/\n .pricing-section {\n padding: 60px 0;\n background: white;\n }\n\n .pricing-grid {\n display: flex;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .price-card {\n background: white;\n border: 2px solid #c41e3a;\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n max-width: 380px;\n width: 100%;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n }\n\n .price-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #c41e3a, #8b0000);\n }\n\n .price-card h3 {\n color: #c41e3a;\n font-size: 1.5em;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .price-label {\n color: #999;\n font-size: 0.9em;\n margin-bottom: 20px;\n }\n\n .price {\n font-size: 3em;\n font-weight: 800;\n color: #1a1a1a;\n margin: 20px 0;\n line-height: 1;\n }\n\n .price span {\n font-size: 0.4em;\n color: #666;\n font-weight: 600;\n }\n\n .price-range {\n font-size: 0.5em;\n color: #666;\n font-weight: 600;\n display: block;\n margin-top: 5px;\n }\n\n .price-card ul {\n list-style: none;\n text-align: left;\n margin-top: 30px;\n }\n\n .price-card li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n color: #555;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .price-card li:last-child {\n border-bottom: none;\n }\n\n .checkmark {\n color: #c41e3a;\n font-weight: bold;\n }\n\n \/* Schedule *\/\n .schedule-section {\n padding: 60px 0;\n background: #f8f9fa;\n }\n\n .schedule-intro {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .schedule-intro h2 {\n color: #1a1a1a;\n font-size: 1.8em;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .schedule-note {\n color: #666;\n font-size: 0.95em;\n }\n\n .days-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .day-group {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n }\n\n .day-header {\n font-weight: 700;\n color: #c41e3a;\n font-size: 1.2em;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .day-badge {\n background: #c41e3a;\n color: white;\n padding: 4px 10px;\n border-radius: 12px;\n font-size: 0.7em;\n text-transform: uppercase;\n }\n\n .day-badge.weekend {\n background: #d4a574;\n }\n\n .slots-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .slot-btn {\n flex: 1;\n min-width: 120px;\n padding: 12px;\n border: 2px solid #e0e0e0;\n background: white;\n border-radius: 8px;\n cursor: pointer;\n text-align: center;\n transition: all 0.2s;\n font-size: 0.9em;\n color: #555;\n }\n\n .slot-btn:hover {\n border-color: #c41e3a;\n color: #c41e3a;\n transform: translateY(-2px);\n }\n\n .slot-btn.selected {\n background: #c41e3a;\n border-color: #c41e3a;\n color: white;\n box-shadow: 0 4px 12px rgba(196,30,58,0.3);\n }\n\n \/* Preview Box *\/\n .preview-box {\n display: none;\n background: white;\n border: 2px solid #25D366;\n border-radius: 16px;\n padding: 30px;\n margin-top: 30px;\n box-shadow: 0 10px 30px rgba(37,211,102,0.1);\n position: relative;\n }\n\n .preview-box.show {\n display: block;\n animation: slideUp 0.4s ease;\n }\n\n @keyframes slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .preview-content {\n background: #f0fff4;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n font-family: monospace;\n font-size: 0.95em;\n line-height: 1.6;\n color: #1a472a;\n white-space: pre-wrap;\n }\n\n .whatsapp-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 1.2em;\n font-weight: 700;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n transition: all 0.3s;\n box-shadow: 0 4px 15px rgba(37,211,102,0.3);\n }\n\n .whatsapp-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(37,211,102,0.4);\n }\n\n \/* Contact Section - Fixed from harsh black *\/\n .contact-section {\n background: linear-gradient(135deg, #2c1810 0%, #1a1a1a 100%); \/* Warm dark instead of pure black *\/\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n }\n\n .contact-section::before {\n content: '';\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 4em;\n opacity: 0.1;\n }\n\n .contact-section h2 {\n margin-bottom: 40px;\n color: #fff;\n font-size: 2em;\n font-weight: 700;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .contact-item {\n padding: 20px;\n }\n\n .contact-item strong {\n display: block;\n color: #d4a574; \/* Gold\/cream color instead of red *\/\n margin-bottom: 10px;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n\n .contact-item p, .contact-item a {\n margin: 0;\n color: rgba(255,255,255,0.9);\n font-size: 1.1em;\n text-decoration: none;\n transition: color 0.3s;\n line-height: 1.5;\n }\n\n .contact-item a {\n border-bottom: 1px dotted rgba(255,255,255,0.3);\n padding-bottom: 2px;\n }\n\n .contact-item a:hover {\n color: #d4a574;\n border-bottom-color: #d4a574;\n }\n\n .address-text {\n display: block;\n margin-top: 5px;\n }\n\n \/* Hidden utility *\/\n .hidden {\n display: none !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero-section h1 {\n font-size: 2em;\n }\n \n .subtitle {\n font-size: 1.1em;\n }\n \n .days-container {\n grid-template-columns: 1fr;\n }\n \n .lang-switcher {\n top: 10px;\n right: 10px;\n }\n \n .price {\n font-size: 2.5em;\n }\n\n .contact-section {\n padding: 60px 20px;\n }\n\n .contact-grid {\n gap: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"lang-switcher\">\n <button id=\"btn-zh\" class=\"lang-btn active\" onclick=\"switchLang('zh')\">\u4e2d\u6587<\/button>\n <button id=\"btn-en\" class=\"lang-btn\" onclick=\"switchLang('en')\">English<\/button>\n <\/div>\n\n \n <div id=\"lang-zh\">\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d<\/h1>\n <p class=\"subtitle\">\u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559<\/p>\n <div class=\"tagline\">\u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5<\/div>\n <\/div>\n <\/section>\n\n <section class=\"features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83c\udfc6<\/span>\n <h3>\u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3<\/h3>\n <p>\u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83d\udc65<\/span>\n <h3>\u5c0f\u73ed\u6559\u5b66<\/h3>\n <p>\u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\u23f0<\/span>\n <h3>\u7075\u6d3b\u65f6\u6bb5<\/h3>\n <p>\u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"pricing-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u8bfe\u7a0b\u8d39\u7528<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"price-card\">\n <h3>Standard Package<\/h3>\n <div class=\"price-label\">\u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528<\/div>\n <div class=\"price\">\n $100-$150\n <span class=\"price-range\">\u6bcf\u6708 \/ per month<\/span>\n <\/div>\n <ul>\n <li><span class=\"checkmark\">\u2713<\/span> \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> \u6bcf\u67084\u8282\u8bfe<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 1.5\u5c0f\u65f6\/\u8bfe<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"schedule-section\">\n <div class=\"container\">\n <div class=\"schedule-intro\">\n <h2>\ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d<\/h2>\n <p class=\"schedule-note\">\u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe<\/p>\n <\/div>\n\n <div class=\"days-container\">\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e00\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e00 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e8c\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div\n\nclass=\"slots-row\">\n\n<button\n class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e8c 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e94\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n<button\n\n class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e94 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u516d\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 10:30am-12:00pm', 'zh')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 2:00pm-3:30pm', 'zh')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 3:30pm-5:00pm', 'zh')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 5:00pm-6:30pm', 'zh')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u65e5\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 10:30am-12:00pm', 'zh')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 2:00pm-3:30pm', 'zh')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 3:30pm-5:00pm', 'zh')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 5:00pm-6:30pm', 'zh')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"preview-zh\" class=\"preview-box\">\n <div id=\"preview-content-zh\" class=\"preview-content\"><\/div>\n <button class=\"whatsapp-btn\" onclick=\"openWhatsApp('zh')\">\n <span>\ud83d\udcf1<\/span> \u53d1\u9001 WhatsApp \u62a5\u540d\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-section\">\n <div class=\"container\">\n <h2>\u8054\u7cfb\u6211\u4eec<\/h2>\n <div class=\"contact-grid\">\n <div class=\"contact-item\">\n <strong>\u5730\u5740 Address<\/strong>\n <p>\n <a href=\"https:\/\/www.google.com.sg\/maps\/place\/Singapore+Xiangqi+General+Association\/@1.349475,103.8483491,17z\/data=!3m1!4b1!4m6!3m5!1s0x31da1713f8fa9a3d:0xbf90e341292230ee!8m2!3d1.3494696!4d103.850924!16s%2Fg%2F1tff9q9l?entry=ttu\" target=\"_blank\">\n Singapore Xiangqi Association\n <span class=\"address-text\">51 Bishan St 13 #01-01<br>Singapore 579799<\/span>\n <\/a>\n <\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>\u7535\u8bdd Phone<\/strong>\n <p>+65 9783 9832<\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>\u90ae\u7bb1 Email<\/strong>\n <p>\n <a href=\"mailto:admin@xiangqi.sg\">admin@xiangqi.sg<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"lang-en\" class=\"hidden\">\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>Xiangqi Course Registration<\/h1>\n <p class=\"subtitle\">Professional Coaching by Singapore Xiangqi Association<\/p>\n <div class=\"tagline\">1.5 hours\/lesson \u00b7 4 lessons\/month \u00b7 Flexible Timings<\/div>\n <\/div>\n <\/section>\n\n <section class=\"features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why Choose Us<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83c\udfc6<\/span>\n <h3>Certified Coaches<\/h3>\n <p>Singapore Xiangqi Association certified coaching team with extensive teaching experience<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83d\udc65<\/span>\n <h3>Small Group Classes<\/h3>\n <p>Ensuring every student receives full attention and personalized guidance<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\u23f0<\/span>\n <h3>Flexible Schedule<\/h3>\n <p>Multiple time slots to fit different schedules<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"pricing-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Course Fees<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"price-card\">\n <h3>Standard Package<\/h3>\n <div class=\"price-label\">Transparent pricing, no hidden fees<\/div>\n <div class=\"price\">\n $100-$150\n <span class=\"price-range\">per month \/ \u6bcf\u6708<\/span>\n <\/div>\n <ul>\n <li><span class=\"checkmark\">\u2713<\/span> Professional coaching<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 4 lessons per month<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 1.5 hours per lesson<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"schedule-section\">\n <div class=\"container\">\n <div class=\"schedule-intro\">\n <h2>\ud83d\udc47 Select your preferred slots, then tap the button below to register<\/h2>\n <p class=\"schedule-note\">Note: Each slot is a fixed weekly 1.5-hour session, 4 sessions per month<\/p>\n <\/div>\n\n <div class=\"days-container\">\n <div class=\"day-group\">\n <div class=\"day-header\">\n Monday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Monday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Tuesday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Tuesday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Friday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Friday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Saturday\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 10:30am-12:00pm', 'en')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 2:00pm-3:30pm', 'en')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 3:30pm-5:00pm', 'en')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 5:00pm-6:30pm', 'en')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Sunday\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 10:30am-12:00pm', 'en')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 2:00pm-3:30pm', 'en')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 3:30pm-5:00pm', 'en')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 5:00pm-6:30pm', 'en')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"preview-en\" class=\"preview-box\">\n <div id=\"preview-content-en\" class=\"preview-content\"><\/div>\n <button class=\"whatsapp-btn\" onclick=\"openWhatsApp('en')\">\n <span>\ud83d\udcf1<\/span> Send WhatsApp to Register\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-section\">\n <div class=\"container\">\n <h2>Contact Us<\/h2>\n <div class=\"contact-grid\">\n <div class=\"contact-item\">\n <strong>Address \u5730\u5740<\/strong>\n <p>\n <a href=\"https:\/\/www.google.com.sg\/maps\/place\/Singapore+Xiangqi+General+Association\/@1.349475,103.8483491,17z\/data=!3m1!4b1!4m6!3m5!1s0x31da1713f8fa9a3d:0xbf90e341292230ee!8m2!3d1.3494696!4d103.850924!16s%2Fg%2F1tff9q9l?entry=ttu\" target=\"_blank\">\n Singapore Xiangqi Association\n <span class=\"address-text\">51 Bishan St 13 #01-01<br>Singapore 579799<\/span>\n <\/a>\n <\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>Phone \u7535\u8bdd<\/strong>\n <p>+65 9783 9832<\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>Email \u90ae\u7bb1<\/strong>\n <p>\n <a href=\"mailto:admin@xiangqi.sg\">admin@xiangqi.sg<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n const selections = {\n zh: [],\n en: []\n };\n const phone = '6597839832';\n\n function switchLang(lang) {\n \/\/ Hide all\n document.getElementById('lang-zh').classList.add('hidden');\n document.getElementById('lang-en').classList.add('hidden');\n document.getElementById('btn-zh').classList.remove('active');\n document.getElementById('btn-en').classList.remove('active');\n \n \/\/ Show selected\n document.getElementById('lang-' + lang).classList.remove('hidden');\n document.getElementById('btn-' + lang).classList.add('active');\n \n \/\/ Save preference\n localStorage.setItem('xq-lang', lang);\n }\n\n function selectTime(element, timeText, lang) {\n element.classList.toggle('selected');\n const idx = selections[lang].indexOf(timeText);\n \n if (idx > -1) {\n selections[lang].splice(idx, 1);\n } else {\n selections[lang].push(timeText);\n }\n \n updatePreview(lang);\n }\n\n function updatePreview(lang) {\n const previewBox = document.getElementById('preview-' + lang);\n const contentDiv = document.getElementById('preview-content-' + lang);\n \n if (selections[lang].length === 0) {\n previewBox.classList.remove('show');\n return;\n }\n \n let text = '';\n if (lang === 'zh') {\n text = `\u4f60\u597d\uff0c\u6211\u60f3\u62a5\u540d\u8c61\u68cb\u8bfe\u7a0b\u3002\\n\\n\u6709\u5174\u8da3\u7684\u65f6\u6bb5\uff1a\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\n\u8bf7\u786e\u8ba4\u4ee5\u4e0a\u65f6\u6bb5\u662f\u5426\u6709\u4f4d\uff08\u6bcf\u67084\u8282\u8bfe\uff0c\u6bcf\u82821.5\u5c0f\u65f6\uff09\uff0c\u8c22\u8c22\uff01`;\n } else {\n text = `Hi, I'd like to register for Xiangqi courses.\\n\\nPreferred slots:\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\nPlease confirm availability (4 lessons\/month, 1.5 hrs each). Thanks!`;\n }\n \n contentDiv.textContent = text;\n previewBox.classList.add('show');\n \n \/\/ Scroll to preview\n previewBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n\n function openWhatsApp(lang) {\n if (selections[lang].length === 0) {\n alert(lang === 'zh' ? '\u8bf7\u5148\u9009\u62e9\u81f3\u5c11\u4e00\u4e2a\u4e0a\u8bfe\u65f6\u6bb5' : 'Please select at least one time slot');\n return;\n }\n \n let text = '';\n if (lang === 'zh') {\n text = `\u4f60\u597d\uff0c\u6211\u60f3\u62a5\u540d\u8c61\u68cb\u8bfe\u7a0b\u3002\\n\\n\u6709\u5174\u8da3\u7684\u65f6\u6bb5\uff1a\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\n\u8bf7\u786e\u8ba4\u4ee5\u4e0a\u65f6\u6bb5\u662f\u5426\u6709\u4f4d\uff08\u6bcf\u67084\u8282\u8bfe\uff0c\u6bcf\u82821.5\u5c0f\u65f6\uff09\uff0c\u8c22\u8c22\uff01`;\n } else {\n text = `Hi, I'd like to register for Xiangqi courses.\\n\\nPreferred slots:\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\nPlease confirm availability (4 lessons\/month, 1.5 hrs each). Thanks!`;\n }\n \n \/\/ FIXED: Removed space in URL that was breaking the link\n window.open(`https:\/\/wa.me\/${phone}?text=${encodeURIComponent(text)}`, '_blank');\n }\n\n \/\/ Load saved language preference\n document.addEventListener('DOMContentLoaded', function() {\n const saved = localStorage.getItem('xq-lang');\n if (saved) switchLang(saved);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association \u4e2d\u6587 English \u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559 \u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5 \u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec \ud83c\udfc6 \u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3 \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c \ud83d\udc65 \u5c0f\u73ed\u6559\u5b66 \u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc \u23f0 \u7075\u6d3b\u65f6\u6bb5 \u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458 \u8bfe\u7a0b\u8d39\u7528 Standard Package \u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528 $100-$150 \u6bcf\u6708 \/ per month \u2713 \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc \u2713 \u6bcf\u67084\u8282\u8bfe \u2713 1.5\u5c0f\u65f6\/\u8bfe \ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d \u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe \u5468\u4e00 New 7:00pm – 8:30pm \u5468\u4e8c New 7:00pm – 8:30pm \u5468\u4e94 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"chess-course-page","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-253","page","type-page","status-publish","hentry","entry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Site Maker","author_link":"http:\/\/www.xiangqi.sg\/xqsite\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association \u4e2d\u6587 English \u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559 \u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5 \u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec \ud83c\udfc6 \u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3 \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c \ud83d\udc65 \u5c0f\u73ed\u6559\u5b66 \u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc \u23f0 \u7075\u6d3b\u65f6\u6bb5 \u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458 \u8bfe\u7a0b\u8d39\u7528 Standard Package \u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528 $100-$150 \u6bcf\u6708 \/ per month \u2713 \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc \u2713 \u6bcf\u67084\u8282\u8bfe \u2713 1.5\u5c0f\u65f6\/\u8bfe \ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d \u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe \u5468\u4e00 New 7:00pm – 8:30pm \u5468\u4e8c New 7:00pm – 8:30pm \u5468\u4e94…","_links":{"self":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":49,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":8934,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253\/revisions\/8934"}],"wp:attachment":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":253,"date":"2018-04-27T01:21:23","date_gmt":"2018-04-27T01:21:23","guid":{"rendered":"http:\/\/www.xiangqi.sg\/xqsite\/?page_id=253"},"modified":"2026-02-03T22:44:22","modified_gmt":"2026-02-03T14:44:22","slug":"%e4%b8%93%e6%a0%8f%e5%9f%b9%e8%ae%ad","status":"publish","type":"page","link":"http:\/\/www.xiangqi.sg\/xqsite\/%e4%b8%93%e6%a0%8f%e5%9f%b9%e8%ae%ad\/","title":{"rendered":"\u4e13\u680f\u57f9\u8bad"},"content":{"rendered":"\n\n\n\n \n \n \u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background: #fafafa;\n }\n\n .container {\n max-width: 1000px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Language Switcher *\/\n .lang-switcher {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n display: flex;\n gap: 8px;\n background: rgba(255,255,255,0.95);\n padding: 5px;\n border-radius: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n .lang-btn {\n padding: 8px 16px;\n border: none;\n background: transparent;\n color: #666;\n border-radius: 20px;\n cursor: pointer;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s;\n }\n\n .lang-btn.active {\n background: #c41e3a;\n color: white;\n }\n\n \/* Hero Section - Fixed Contrast *\/\n .hero-section {\n background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);\n color: white;\n padding: 100px 20px 80px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .hero-section h1 {\n font-size: 3em;\n margin-bottom: 15px;\n font-weight: 800;\n color: white; \/* FIXED: Was red, now white for contrast *\/\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n letter-spacing: -1px;\n }\n\n .subtitle {\n font-size: 1.4em;\n margin-bottom: 10px;\n opacity: 0.95;\n font-weight: 400;\n }\n\n .tagline {\n font-size: 1.1em;\n opacity: 0.9;\n background: rgba(255,255,255,0.15);\n display: inline-block;\n padding: 8px 20px;\n border-radius: 20px;\n margin-top: 10px;\n }\n\n \/* Features *\/\n .features-section {\n padding: 60px 0;\n }\n\n .section-title {\n text-align: center;\n font-size: 2em;\n color: #1a1a1a;\n margin-bottom: 40px;\n font-weight: 700;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .feature-card {\n background: white;\n padding: 40px 30px;\n border-radius: 16px;\n text-align: center;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n transition: all 0.3s;\n border: 1px solid #f0f0f0;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 30px rgba(196,30,58,0.15);\n border-color: #c41e3a;\n }\n\n .icon {\n font-size: 3em;\n margin-bottom: 20px;\n display: block;\n }\n\n .feature-card h3 {\n color: #1a1a1a;\n margin-bottom: 10px;\n font-size: 1.3em;\n font-weight: 700;\n }\n\n .feature-card p {\n color: #666;\n line-height: 1.6;\n }\n\n \/* Pricing *\/\n .pricing-section {\n padding: 60px 0;\n background: white;\n }\n\n .pricing-grid {\n display: flex;\n justify-content: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .price-card {\n background: white;\n border: 2px solid #c41e3a;\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n max-width: 380px;\n width: 100%;\n position: relative;\n overflow: hidden;\n box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n }\n\n .price-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #c41e3a, #8b0000);\n }\n\n .price-card h3 {\n color: #c41e3a;\n font-size: 1.5em;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .price-label {\n color: #999;\n font-size: 0.9em;\n margin-bottom: 20px;\n }\n\n .price {\n font-size: 3em;\n font-weight: 800;\n color: #1a1a1a;\n margin: 20px 0;\n line-height: 1;\n }\n\n .price span {\n font-size: 0.4em;\n color: #666;\n font-weight: 600;\n }\n\n .price-range {\n font-size: 0.5em;\n color: #666;\n font-weight: 600;\n display: block;\n margin-top: 5px;\n }\n\n .price-card ul {\n list-style: none;\n text-align: left;\n margin-top: 30px;\n }\n\n .price-card li {\n padding: 12px 0;\n border-bottom: 1px solid #f0f0f0;\n color: #555;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .price-card li:last-child {\n border-bottom: none;\n }\n\n .checkmark {\n color: #c41e3a;\n font-weight: bold;\n }\n\n \/* Schedule *\/\n .schedule-section {\n padding: 60px 0;\n background: #f8f9fa;\n }\n\n .schedule-intro {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .schedule-intro h2 {\n color: #1a1a1a;\n font-size: 1.8em;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .schedule-note {\n color: #666;\n font-size: 0.95em;\n }\n\n .days-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n margin-bottom: 40px;\n }\n\n .day-group {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n }\n\n .day-header {\n font-weight: 700;\n color: #c41e3a;\n font-size: 1.2em;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .day-badge {\n background: #c41e3a;\n color: white;\n padding: 4px 10px;\n border-radius: 12px;\n font-size: 0.7em;\n text-transform: uppercase;\n }\n\n .day-badge.weekend {\n background: #d4a574;\n }\n\n .slots-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .slot-btn {\n flex: 1;\n min-width: 120px;\n padding: 12px;\n border: 2px solid #e0e0e0;\n background: white;\n border-radius: 8px;\n cursor: pointer;\n text-align: center;\n transition: all 0.2s;\n font-size: 0.9em;\n color: #555;\n }\n\n .slot-btn:hover {\n border-color: #c41e3a;\n color: #c41e3a;\n transform: translateY(-2px);\n }\n\n .slot-btn.selected {\n background: #c41e3a;\n border-color: #c41e3a;\n color: white;\n box-shadow: 0 4px 12px rgba(196,30,58,0.3);\n }\n\n \/* Preview Box *\/\n .preview-box {\n display: none;\n background: white;\n border: 2px solid #25D366;\n border-radius: 16px;\n padding: 30px;\n margin-top: 30px;\n box-shadow: 0 10px 30px rgba(37,211,102,0.1);\n position: relative;\n }\n\n .preview-box.show {\n display: block;\n animation: slideUp 0.4s ease;\n }\n\n @keyframes slideUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .preview-content {\n background: #f0fff4;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n font-family: monospace;\n font-size: 0.95em;\n line-height: 1.6;\n color: #1a472a;\n white-space: pre-wrap;\n }\n\n .whatsapp-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n color: white;\n border: none;\n border-radius: 10px;\n font-size: 1.2em;\n font-weight: 700;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n transition: all 0.3s;\n box-shadow: 0 4px 15px rgba(37,211,102,0.3);\n }\n\n .whatsapp-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(37,211,102,0.4);\n }\n\n \/* Contact Section - Fixed from harsh black *\/\n .contact-section {\n background: linear-gradient(135deg, #2c1810 0%, #1a1a1a 100%); \/* Warm dark instead of pure black *\/\n color: white;\n padding: 80px 20px;\n text-align: center;\n position: relative;\n }\n\n .contact-section::before {\n content: '';\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 4em;\n opacity: 0.1;\n }\n\n .contact-section h2 {\n margin-bottom: 40px;\n color: #fff;\n font-size: 2em;\n font-weight: 700;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .contact-item {\n padding: 20px;\n }\n\n .contact-item strong {\n display: block;\n color: #d4a574; \/* Gold\/cream color instead of red *\/\n margin-bottom: 10px;\n font-size: 0.9em;\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n\n .contact-item p, .contact-item a {\n margin: 0;\n color: rgba(255,255,255,0.9);\n font-size: 1.1em;\n text-decoration: none;\n transition: color 0.3s;\n line-height: 1.5;\n }\n\n .contact-item a {\n border-bottom: 1px dotted rgba(255,255,255,0.3);\n padding-bottom: 2px;\n }\n\n .contact-item a:hover {\n color: #d4a574;\n border-bottom-color: #d4a574;\n }\n\n .address-text {\n display: block;\n margin-top: 5px;\n }\n\n \/* Hidden utility *\/\n .hidden {\n display: none !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero-section h1 {\n font-size: 2em;\n }\n \n .subtitle {\n font-size: 1.1em;\n }\n \n .days-container {\n grid-template-columns: 1fr;\n }\n \n .lang-switcher {\n top: 10px;\n right: 10px;\n }\n \n .price {\n font-size: 2.5em;\n }\n\n .contact-section {\n padding: 60px 20px;\n }\n\n .contact-grid {\n gap: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"lang-switcher\">\n <button id=\"btn-zh\" class=\"lang-btn active\" onclick=\"switchLang('zh')\">\u4e2d\u6587<\/button>\n <button id=\"btn-en\" class=\"lang-btn\" onclick=\"switchLang('en')\">English<\/button>\n <\/div>\n\n \n <div id=\"lang-zh\">\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d<\/h1>\n <p class=\"subtitle\">\u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559<\/p>\n <div class=\"tagline\">\u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5<\/div>\n <\/div>\n <\/section>\n\n <section class=\"features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83c\udfc6<\/span>\n <h3>\u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3<\/h3>\n <p>\u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83d\udc65<\/span>\n <h3>\u5c0f\u73ed\u6559\u5b66<\/h3>\n <p>\u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\u23f0<\/span>\n <h3>\u7075\u6d3b\u65f6\u6bb5<\/h3>\n <p>\u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"pricing-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u8bfe\u7a0b\u8d39\u7528<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"price-card\">\n <h3>Standard Package<\/h3>\n <div class=\"price-label\">\u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528<\/div>\n <div class=\"price\">\n $100-$150\n <span class=\"price-range\">\u6bcf\u6708 \/ per month<\/span>\n <\/div>\n <ul>\n <li><span class=\"checkmark\">\u2713<\/span> \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> \u6bcf\u67084\u8282\u8bfe<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 1.5\u5c0f\u65f6\/\u8bfe<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"schedule-section\">\n <div class=\"container\">\n <div class=\"schedule-intro\">\n <h2>\ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d<\/h2>\n <p class=\"schedule-note\">\u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe<\/p>\n <\/div>\n\n <div class=\"days-container\">\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e00\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e00 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e8c\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div\n\nclass=\"slots-row\">\n\n<button\n class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e8c 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u4e94\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n<button\n\n class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u4e94 7:00pm-8:30pm', 'zh')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u516d\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 10:30am-12:00pm', 'zh')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 2:00pm-3:30pm', 'zh')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 3:30pm-5:00pm', 'zh')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u516d 5:00pm-6:30pm', 'zh')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n \u5468\u65e5\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 10:30am-12:00pm', 'zh')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 2:00pm-3:30pm', 'zh')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 3:30pm-5:00pm', 'zh')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, '\u5468\u65e5 5:00pm-6:30pm', 'zh')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"preview-zh\" class=\"preview-box\">\n <div id=\"preview-content-zh\" class=\"preview-content\"><\/div>\n <button class=\"whatsapp-btn\" onclick=\"openWhatsApp('zh')\">\n <span>\ud83d\udcf1<\/span> \u53d1\u9001 WhatsApp \u62a5\u540d\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-section\">\n <div class=\"container\">\n <h2>\u8054\u7cfb\u6211\u4eec<\/h2>\n <div class=\"contact-grid\">\n <div class=\"contact-item\">\n <strong>\u5730\u5740 Address<\/strong>\n <p>\n <a href=\"https:\/\/www.google.com.sg\/maps\/place\/Singapore+Xiangqi+General+Association\/@1.349475,103.8483491,17z\/data=!3m1!4b1!4m6!3m5!1s0x31da1713f8fa9a3d:0xbf90e341292230ee!8m2!3d1.3494696!4d103.850924!16s%2Fg%2F1tff9q9l?entry=ttu\" target=\"_blank\">\n Singapore Xiangqi Association\n <span class=\"address-text\">51 Bishan St 13 #01-01<br>Singapore 579799<\/span>\n <\/a>\n <\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>\u7535\u8bdd Phone<\/strong>\n <p>+65 9783 9832<\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>\u90ae\u7bb1 Email<\/strong>\n <p>\n <a href=\"mailto:admin@xiangqi.sg\">admin@xiangqi.sg<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n \n <div id=\"lang-en\" class=\"hidden\">\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>Xiangqi Course Registration<\/h1>\n <p class=\"subtitle\">Professional Coaching by Singapore Xiangqi Association<\/p>\n <div class=\"tagline\">1.5 hours\/lesson \u00b7 4 lessons\/month \u00b7 Flexible Timings<\/div>\n <\/div>\n <\/section>\n\n <section class=\"features-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Why Choose Us<\/h2>\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83c\udfc6<\/span>\n <h3>Certified Coaches<\/h3>\n <p>Singapore Xiangqi Association certified coaching team with extensive teaching experience<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\ud83d\udc65<\/span>\n <h3>Small Group Classes<\/h3>\n <p>Ensuring every student receives full attention and personalized guidance<\/p>\n <\/div>\n <div class=\"feature-card\">\n <span class=\"icon\">\u23f0<\/span>\n <h3>Flexible Schedule<\/h3>\n <p>Multiple time slots to fit different schedules<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"pricing-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Course Fees<\/h2>\n <div class=\"pricing-grid\">\n <div class=\"price-card\">\n <h3>Standard Package<\/h3>\n <div class=\"price-label\">Transparent pricing, no hidden fees<\/div>\n <div class=\"price\">\n $100-$150\n <span class=\"price-range\">per month \/ \u6bcf\u6708<\/span>\n <\/div>\n <ul>\n <li><span class=\"checkmark\">\u2713<\/span> Professional coaching<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 4 lessons per month<\/li>\n <li><span class=\"checkmark\">\u2713<\/span> 1.5 hours per lesson<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"schedule-section\">\n <div class=\"container\">\n <div class=\"schedule-intro\">\n <h2>\ud83d\udc47 Select your preferred slots, then tap the button below to register<\/h2>\n <p class=\"schedule-note\">Note: Each slot is a fixed weekly 1.5-hour session, 4 sessions per month<\/p>\n <\/div>\n\n <div class=\"days-container\">\n <div class=\"day-group\">\n <div class=\"day-header\">\n Monday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Monday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Tuesday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Tuesday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Friday\n <span class=\"day-badge\">New<\/span>\n <\/div>\n <div class=\"slots-row\">\n \n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Friday 7:00pm-8:30pm', 'en')\">7:00pm – 8:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Saturday\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 10:30am-12:00pm', 'en')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 2:00pm-3:30pm', 'en')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 3:30pm-5:00pm', 'en')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Saturday 5:00pm-6:30pm', 'en')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n\n <div class=\"day-group\">\n <div class=\"day-header\">\n Sunday\n <span class=\"day-badge weekend\">Weekend<\/span>\n <\/div>\n <div class=\"slots-row\">\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 10:30am-12:00pm', 'en')\">10:30am – 12:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 2:00pm-3:30pm', 'en')\">2:00pm – 3:30pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 3:30pm-5:00pm', 'en')\">3:30pm – 5:00pm<\/button>\n <button class=\"slot-btn\" onclick=\"selectTime(this, 'Sunday 5:00pm-6:30pm', 'en')\">5:00pm – 6:30pm<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"preview-en\" class=\"preview-box\">\n <div id=\"preview-content-en\" class=\"preview-content\"><\/div>\n <button class=\"whatsapp-btn\" onclick=\"openWhatsApp('en')\">\n <span>\ud83d\udcf1<\/span> Send WhatsApp to Register\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"contact-section\">\n <div class=\"container\">\n <h2>Contact Us<\/h2>\n <div class=\"contact-grid\">\n <div class=\"contact-item\">\n <strong>Address \u5730\u5740<\/strong>\n <p>\n <a href=\"https:\/\/www.google.com.sg\/maps\/place\/Singapore+Xiangqi+General+Association\/@1.349475,103.8483491,17z\/data=!3m1!4b1!4m6!3m5!1s0x31da1713f8fa9a3d:0xbf90e341292230ee!8m2!3d1.3494696!4d103.850924!16s%2Fg%2F1tff9q9l?entry=ttu\" target=\"_blank\">\n Singapore Xiangqi Association\n <span class=\"address-text\">51 Bishan St 13 #01-01<br>Singapore 579799<\/span>\n <\/a>\n <\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>Phone \u7535\u8bdd<\/strong>\n <p>+65 9783 9832<\/p>\n <\/div>\n <div class=\"contact-item\">\n <strong>Email \u90ae\u7bb1<\/strong>\n <p>\n <a href=\"mailto:admin@xiangqi.sg\">admin@xiangqi.sg<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n const selections = {\n zh: [],\n en: []\n };\n const phone = '6597839832';\n\n function switchLang(lang) {\n \/\/ Hide all\n document.getElementById('lang-zh').classList.add('hidden');\n document.getElementById('lang-en').classList.add('hidden');\n document.getElementById('btn-zh').classList.remove('active');\n document.getElementById('btn-en').classList.remove('active');\n \n \/\/ Show selected\n document.getElementById('lang-' + lang).classList.remove('hidden');\n document.getElementById('btn-' + lang).classList.add('active');\n \n \/\/ Save preference\n localStorage.setItem('xq-lang', lang);\n }\n\n function selectTime(element, timeText, lang) {\n element.classList.toggle('selected');\n const idx = selections[lang].indexOf(timeText);\n \n if (idx > -1) {\n selections[lang].splice(idx, 1);\n } else {\n selections[lang].push(timeText);\n }\n \n updatePreview(lang);\n }\n\n function updatePreview(lang) {\n const previewBox = document.getElementById('preview-' + lang);\n const contentDiv = document.getElementById('preview-content-' + lang);\n \n if (selections[lang].length === 0) {\n previewBox.classList.remove('show');\n return;\n }\n \n let text = '';\n if (lang === 'zh') {\n text = `\u4f60\u597d\uff0c\u6211\u60f3\u62a5\u540d\u8c61\u68cb\u8bfe\u7a0b\u3002\\n\\n\u6709\u5174\u8da3\u7684\u65f6\u6bb5\uff1a\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\n\u8bf7\u786e\u8ba4\u4ee5\u4e0a\u65f6\u6bb5\u662f\u5426\u6709\u4f4d\uff08\u6bcf\u67084\u8282\u8bfe\uff0c\u6bcf\u82821.5\u5c0f\u65f6\uff09\uff0c\u8c22\u8c22\uff01`;\n } else {\n text = `Hi, I'd like to register for Xiangqi courses.\\n\\nPreferred slots:\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\nPlease confirm availability (4 lessons\/month, 1.5 hrs each). Thanks!`;\n }\n \n contentDiv.textContent = text;\n previewBox.classList.add('show');\n \n \/\/ Scroll to preview\n previewBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }\n\n function openWhatsApp(lang) {\n if (selections[lang].length === 0) {\n alert(lang === 'zh' ? '\u8bf7\u5148\u9009\u62e9\u81f3\u5c11\u4e00\u4e2a\u4e0a\u8bfe\u65f6\u6bb5' : 'Please select at least one time slot');\n return;\n }\n \n let text = '';\n if (lang === 'zh') {\n text = `\u4f60\u597d\uff0c\u6211\u60f3\u62a5\u540d\u8c61\u68cb\u8bfe\u7a0b\u3002\\n\\n\u6709\u5174\u8da3\u7684\u65f6\u6bb5\uff1a\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\n\u8bf7\u786e\u8ba4\u4ee5\u4e0a\u65f6\u6bb5\u662f\u5426\u6709\u4f4d\uff08\u6bcf\u67084\u8282\u8bfe\uff0c\u6bcf\u82821.5\u5c0f\u65f6\uff09\uff0c\u8c22\u8c22\uff01`;\n } else {\n text = `Hi, I'd like to register for Xiangqi courses.\\n\\nPreferred slots:\\n\u2022 ${selections[lang].join('\\n\u2022 ')}\\n\\nPlease confirm availability (4 lessons\/month, 1.5 hrs each). Thanks!`;\n }\n \n \/\/ FIXED: Removed space in URL that was breaking the link\n window.open(`https:\/\/wa.me\/${phone}?text=${encodeURIComponent(text)}`, '_blank');\n }\n\n \/\/ Load saved language preference\n document.addEventListener('DOMContentLoaded', function() {\n const saved = localStorage.getItem('xq-lang');\n if (saved) switchLang(saved);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association \u4e2d\u6587 English \u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559 \u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5 \u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec \ud83c\udfc6 \u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3 \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c \ud83d\udc65 \u5c0f\u73ed\u6559\u5b66 \u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc \u23f0 \u7075\u6d3b\u65f6\u6bb5 \u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458 \u8bfe\u7a0b\u8d39\u7528 Standard Package \u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528 $100-$150 \u6bcf\u6708 \/ per month \u2713 \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc \u2713 \u6bcf\u67084\u8282\u8bfe \u2713 1.5\u5c0f\u65f6\/\u8bfe \ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d \u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe \u5468\u4e00 New 7:00pm – 8:30pm \u5468\u4e8c New 7:00pm – 8:30pm \u5468\u4e94 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"chess-course-page","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-253","page","type-page","status-publish","hentry","entry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Site Maker","author_link":"http:\/\/www.xiangqi.sg\/xqsite\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d | Singapore Xiangqi Association \u4e2d\u6587 English \u8c61\u68cb\u8bfe\u7a0b\u62a5\u540d \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u4e13\u4e1a\u6267\u6559 \u6bcf\u5802\u8bfe1.5\u5c0f\u65f6 \u00b7 \u6bcf\u67084\u5802\u8bfe \u00b7 \u7075\u6d3b\u65f6\u6bb5 \u4e3a\u4ec0\u4e48\u9009\u62e9\u6211\u4eec \ud83c\udfc6 \u4e13\u4e1a\u8ba4\u8bc1\u6559\u7ec3 \u65b0\u52a0\u5761\u8c61\u68cb\u603b\u4f1a\u8ba4\u8bc1\u6559\u7ec3\u56e2\u961f\uff0c\u5177\u5907\u4e30\u5bcc\u6559\u5b66\u7ecf\u9a8c \ud83d\udc65 \u5c0f\u73ed\u6559\u5b66 \u786e\u4fdd\u6bcf\u4f4d\u5b66\u5458\u5f97\u5230\u5145\u5206\u5173\u6ce8\u548c\u4e2a\u6027\u5316\u6307\u5bfc \u23f0 \u7075\u6d3b\u65f6\u6bb5 \u591a\u79cd\u65f6\u6bb5\u9009\u62e9\uff0c\u9002\u5408\u4e0d\u540c Schedule \u7684\u5b66\u5458 \u8bfe\u7a0b\u8d39\u7528 Standard Package \u900f\u660e\u5b9a\u4ef7\uff0c\u65e0\u9690\u85cf\u8d39\u7528 $100-$150 \u6bcf\u6708 \/ per month \u2713 \u4e13\u4e1a\u6559\u7ec3\u6307\u5bfc \u2713 \u6bcf\u67084\u8282\u8bfe \u2713 1.5\u5c0f\u65f6\/\u8bfe \ud83d\udc47 \u70b9\u51fb\u9009\u62e9\u65f6\u6bb5\uff0c\u7136\u540e\u6309\u4e0b\u65b9\u6309\u94ae\u5feb\u901f\u62a5\u540d \u6ce8\u610f\uff1a\u4ee5\u4e0b\u6bcf\u4e2a\u65f6\u6bb5\u4e3a\u6bcf\u5468\u56fa\u5b9a1.5\u5c0f\u65f6\u8bfe\u7a0b\uff0c\u6bcf\u6708\u51714\u8282\u8bfe \u5468\u4e00 New 7:00pm – 8:30pm \u5468\u4e8c New 7:00pm – 8:30pm \u5468\u4e94…","_links":{"self":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":49,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":8934,"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/pages\/253\/revisions\/8934"}],"wp:attachment":[{"href":"http:\/\/www.xiangqi.sg\/xqsite\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}