{"id":2782,"date":"2025-08-19T04:54:40","date_gmt":"2025-08-19T04:54:40","guid":{"rendered":"http:\/\/localhost:10003\/?page_id=2782"},"modified":"2025-08-27T10:47:53","modified_gmt":"2025-08-27T10:47:53","slug":"playground","status":"publish","type":"page","link":"https:\/\/astralcafe.vn\/vi\/playground\/","title":{"rendered":"Playground"},"content":{"rendered":"\n<section class=\"relative w-full px-5 sm:px-10 md:px-15 desktop:px-20 py-0 xs:pb-10 pt-[108px] bg-astral-white\">\n    <div class=\"relative w-full container-desktop mx-auto flex flex-col justify-center items-center gap-7\">\n        <div class=\"flex flex-col items-center relative w-full\">\n            <div class=\"relative self-stretch w-full h-[340px] bg-astral-blue rounded-[20px] overflow-hidden\">\n                <img decoding=\"async\"\n                    class=\"absolute w-full h-full top-0 left-0 object-cover\"\n                    alt=\"Vector\"\n                    src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/background-hidden.svg\" \/>\n            <\/div>\n\n            <div class=\"relative w-[220px] h-[220px] mt-[-140px] rounded-full\">\n                                    <div class=\"w-full h-full flex items-center justify-center bg-astral-soft-yellow rounded-full\" id=\"profile-image-preview\">\n                        <span class=\"header-user-initial translate-y-[6px] text-astral-blue font-medium font-gelasio text-5xl !leading-[130%] tracking-[0.02em]\">\n                                                    <\/span>\n                    <\/div>\n                            <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col items-center justify-center gap-1\">\n            <h1 class=\"font-gelasio text-[24px] md:text-[32px] desktop:text-[46px] leading-[130%] font-semibold text-astral-blue text-center whitespace-nowrap\">\n                            <\/h1>\n\n            <p class=\"font-inter font-normal text-astral-blue text-base md:text-lg !leading-[150%] text-center whitespace-nowrap\">\n                            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section class=\"relative w-full px-5 sm:px-10 md:px-15 desktop:px-20 py-10 bg-astral-white\">\n    <div class=\"relative w-full container-desktop mx-auto flex flex-col justify-center items-center gap-8 md:gap-10 lg:gap-12 desktop:gap-15\">\n        <div class=\"flex items-center gap-3 w-full justify-center flex-wrap\">\n            <div class=\"flex justify-center items-center bg-astral-blue min-w-[160px] whitespace-nowrap h-[40px] border border-solid border-astral-blue px-3 py-2 rounded-[100px] cursor-pointer\">\n                <span class=\"font-inter font-medium text-astral-gold text-base !leading-[150%] text-center\">\n                    Astral Journal\n                <\/span>\n            <\/div>\n            <div class=\"relative flex justify-center items-center bg-transparent min-w-[160px] whitespace-nowrap h-[40px] border border-solid border-astral-blue px-3 py-2 rounded-[100px] cursor-pointer\">\n                <span class=\"font-inter font-medium text-astral-blue text-base !leading-[150%] text-center\">\n                    Portal of the day\n                <\/span>\n                <span class=\"absolute -top-2.5 right-2.5 px-1 py-2 rounded-[100px] w-20 h-5 bg-astral-light-yellow flex items-center justify-center font-inter text-astral-blue font-medium text-[10px] leading-[130%] text-center\">\n                    Coming soon\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"flex flex-col justify-center w-full px-5 py-10 gap-8 md:gap-10 lg:gap-12 desktop:gap-15 rounded-[20px] bg-astral-soft-yellow\">\n            <div class=\"flex flex-col justify-center gap-6\">\n                <div class=\"flex items-center justify-center gap-2\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 7.5C8.6955 8.43858 7.93253 9.1955 7 14.5C6.06142 9.1955 5.3045 8.43253 0 7.5C5.3045 6.56142 6.06747 5.8045 7 0.5C7.93858 5.8045 8.6955 6.56747 14 7.5Z\" fill=\"#FFE349\" \/>\n                    <\/svg>\n                    <h3 class=\"font-semibold text-astral-blue text-sm sm:text-base text-center !leading-[130%] tracking-[0.12em] whitespace-nowrap font-gelasio\">\n                        EVENT\n                    <\/h3>\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 7.5C8.6955 8.43858 7.93253 9.1955 7 14.5C6.06142 9.1955 5.3045 8.43253 0 7.5C5.3045 6.56142 6.06747 5.8045 7 0.5C7.93858 5.8045 8.6955 6.56747 14 7.5Z\" fill=\"#FFE349\" \/>\n                    <\/svg>\n                <\/div>\n                <h1 class=\"font-gelasio font-semibold text-astral-blue text-[24px] sm:text-[36px] md:text-[40px] text-center !leading-[130%] tracking-[0.02em]\">\n                    Tarot Booking Rewards\n                <\/h1>\n            <\/div>\n\n            <div class=\"flex flex-col lg:flex-row items-center h-auto lg:h-[360px] gap-2\" style=\"filter: grayscale(85%)\">\n                <div id=\"reward-img\" class=\"flex flex-col items-center justify-center gap-3 bg-white px-5 py-7 w-full lg:max-w-[360px] h-full rounded-xl lg:rounded-tl-xl lg:rounded-bl-xl lg:rounded-tr-none lg:rounded-br-none flex-1\" style=\"\">\n                    <div class=\"flex items-center justify-center w-full max-w-[240px] h-[240px]\">\n                        <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/uploads\/2025\/08\/Matcha-mo-nhat.png\" alt=\"Reward\" class=\"w-full h-full object-contain\">\n                    <\/div>\n                    <div class=\"flex items-center justify-center px-4 py-2 bg-astral-light-yellow rounded-[8px]\">\n                        <span class=\"font-gelasio text-astral-blue font-bold text-xl !leading-[150%] text-center uppercase\">\n                            1 Drink Free                        <\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col justify-center items-center gap-10 bg-white p-5 w-full h-full rounded-xl lg:rounded-tl-none lg:rounded-bl-none lg:rounded-tr-xl lg:rounded-br-xl flex-1\">\n                                            <h3 class=\"font-inter text-astral-blue font-medium text-lg !leading-[150%] text-center\">\n                            Complete <span class=\"font-bold\">5 Tarot readings<\/span> before the time runs out <br> and unlock your special gift.                        <\/h3>\n                        <div class=\"flex items-center justify-center gap-4 flex-wrap\">\n                                                            <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/stamp.png\"\n                                    alt=\"Stamp\"\n                                    class=\"w-20 h-20 object-cover opacity-20\">\n                                                            <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/stamp.png\"\n                                    alt=\"Stamp\"\n                                    class=\"w-20 h-20 object-cover opacity-20\">\n                                                            <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/stamp.png\"\n                                    alt=\"Stamp\"\n                                    class=\"w-20 h-20 object-cover opacity-20\">\n                                                            <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/stamp.png\"\n                                    alt=\"Stamp\"\n                                    class=\"w-20 h-20 object-cover opacity-20\">\n                                                            <img decoding=\"async\" src=\"https:\/\/astralcafe.vn\/wp-content\/themes\/astral-golden-owl\/assets\/images\/playground\/stamp.png\"\n                                    alt=\"Stamp\"\n                                    class=\"w-20 h-20 object-cover opacity-20\">\n                                                    <\/div>\n\n                        <div class=\"flex items-center justify-center gap-2.5 rounded-xl px-4 py-2 bg-[#FFF7DE]\">\n                            <span class=\"font-inter font-medium text-base !leading-[150%] text-astral-blue\">\n                                Duration\n                            <\/span>\n                            <span class=\"font-inter font-semibold text-base !leading-[150%] text-astral-blue\">\n                                01.08 &#8211; 30.09                            <\/span>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"flex flex-col items-center gap-10 py-5\">\n                <div class=\"flex flex-col items-center gap-11 w-full\">\n                    <h3 class=\"font-gelasio text-astral-blue font-semibold text-[24px] sm:text-[36px] md:text-[40px] leading-[130%] tracking-[0.02em] text-center\">\n                        How it Work\n                    <\/h3>\n                                        <div class=\"flex flex-col sm:flex-row items-start gap-2 sm:gap-0 px-0 sm:px-10\">\n                                                    <div class=\"relative flex flex-col items-start justify-center gap-10 flex-1\">\n                                <div class=\"relative w-full h-0 sm:h-px bg-astral-light-yellow\">\n                                    <div class=\"relative flex w-8 h-8 items-center justify-center sm:-top-4 bg-astral-light-yellow rounded-full\">\n                                        <span class=\"translate-y-[1px] font-gelasio text-astral-blue font-medium text-xl !leading-[150%]\">\n                                            1                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-col gap-2 pr-5\">\n                                    <h2 class=\"font-gelasio text-astral-blue text-lg sm:text-xl font-semibold !leading-[130%]\">\n                                        Book a Reading                                    <\/h2>\n                                    <p class=\"font-inter text-astral-blue font-medium text-sm !leading-[150%]\">\n                                        Choose your favorite Reader and complete a Tarot or Numerology session.                                    <\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"relative flex flex-col items-start justify-center gap-10 flex-1\">\n                                <div class=\"relative w-full h-0 sm:h-px bg-astral-light-yellow\">\n                                    <div class=\"relative flex w-8 h-8 items-center justify-center sm:-top-4 bg-astral-light-yellow rounded-full\">\n                                        <span class=\"translate-y-[1px] font-gelasio text-astral-blue font-medium text-xl !leading-[150%]\">\n                                            2                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-col gap-2 pr-5\">\n                                    <h2 class=\"font-gelasio text-astral-blue text-lg sm:text-xl font-semibold !leading-[130%]\">\n                                        Leave a Review                                    <\/h2>\n                                    <p class=\"font-inter text-astral-blue font-medium text-sm !leading-[150%]\">\n                                        Share your honest feedback <br class=\"hidden desktop:inline\"> after the session.                                    <\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"relative flex flex-col items-start justify-center gap-10 flex-1\">\n                                <div class=\"relative w-full h-0 sm:h-px bg-astral-light-yellow\">\n                                    <div class=\"relative flex w-8 h-8 items-center justify-center sm:-top-4 bg-astral-light-yellow rounded-full\">\n                                        <span class=\"translate-y-[1px] font-gelasio text-astral-blue font-medium text-xl !leading-[150%]\">\n                                            3                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-col gap-2 pr-5\">\n                                    <h2 class=\"font-gelasio text-astral-blue text-lg sm:text-xl font-semibold !leading-[130%]\">\n                                        Collect Points                                    <\/h2>\n                                    <p class=\"font-inter text-astral-blue font-medium text-sm !leading-[150%]\">\n                                        Each completed booking with <br class=\"hidden desktop:inline\"> a review earns you 1 point.                                    <\/p>\n                                <\/div>\n                            <\/div>\n                                                    <div class=\"relative flex flex-col items-start justify-center gap-10 flex-1\">\n                                <div class=\"relative w-full h-0 sm:h-px bg-astral-light-yellow\">\n                                    <div class=\"relative flex w-8 h-8 items-center justify-center sm:-top-4 bg-astral-light-yellow rounded-full\">\n                                        <span class=\"translate-y-[1px] font-gelasio text-astral-blue font-medium text-xl !leading-[150%]\">\n                                            4                                        <\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex flex-col gap-2 pr-5\">\n                                    <h2 class=\"font-gelasio text-astral-blue text-lg sm:text-xl font-semibold !leading-[130%]\">\n                                        Complete Five Points                                    <\/h2>\n                                    <p class=\"font-inter text-astral-blue font-medium text-sm !leading-[150%]\">\n                                        Then you reach 5 points within the <br class=\"hidden desktop:inline\"> event period, you\u2019ll unlock a special gift curated just for you.                                    <\/p>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n\n                <a href=\"\/#combo\" class=\"flex items-center justify-center bg-astral-blue w-full max-w-[240px] h-[48px] gap-2 px-5 py-3 rounded-[100px] cursor-pointer\">\n                    <span class=\"font-inter text-astral-gold font-semibold text-xs !leading-[130%] text-center uppercase\">Book a Session NOW<\/span>\n                    <svg width=\"27\" height=\"14\" viewBox=\"0 0 27 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M18.4918 0.00149679C18.9206 -0.00109573 19.3493 0.000200532 19.7781 0.00149679C19.6333 3.38733 22.8927 6.57483 26.4949 6.35706C26.5017 6.78612 26.5017 7.21388 26.4949 7.64294C22.8859 7.4148 19.6306 10.6075 19.7781 13.9985C19.3493 13.9998 18.9192 14.0011 18.4904 13.9985C18.5464 13.1857 18.6174 12.3639 18.8974 11.5888C19.4558 9.96584 20.6506 8.57107 22.1213 7.60535C11.3899 7.63776 11.2299 7.56048 0.5 7.59419C0.517751 7.17549 0.517751 6.7568 0.5 6.33941C7.6401 6.36663 4.20888 6.3765 11.3476 6.38428C14.9675 6.39983 18.5887 6.35187 22.2059 6.40891C20.5919 5.43153 19.3261 3.90324 18.8086 2.14292C18.5847 1.44942 18.5369 0.720921 18.4918 0.00149679Z\" fill=\"#FFE349\" \/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section id=\"booking-history-section\" class=\"relative px-5 sm:px-10 md:px-15 desktop:px-20 py-10 bg-astral-white\">\n    <div class=\"relative w-full container-desktop mx-auto flex flex-col items-start gap-4\">\n        <h1 class=\"font-gelasio text-astral-blue font-semibold text-[24px] md:text-[32px] desktop:text-[40px] leading-[130%] tracking-[0.02em] text-center\">\n            Booking History (0)        <\/h1>\n        <div class=\"hidden sm450:flex flex-col items-center w-full rounded-[20px] gap-4 p-5 bg-astral-soft-yellow\">\n            <div class=\"overflow-x-auto w-full\">\n                <table class=\"w-full\">\n                    <thead class=\"w-full h-15\">\n                        <tr>\n                            <th class=\"p-3 min-w-[160px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Reader&#8217;s name<\/th>\n                            <th class=\"p-3 min-w-[130px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Service type<\/th>\n                            <th class=\"p-3 min-w-[170px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Session date<\/th>\n                            <th class=\"p-3 min-w-[120px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Status<\/th>\n                            <th class=\"p-3 min-w-[160px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Package<\/th>\n                            <th class=\"p-3 min-w-[220px] text-left font-inter text-[#877848] font-medium text-base desktop:text-lg !leading-[150%] whitespace-nowrap\">Action<\/th>\n                        <\/tr>\n                    <\/thead>\n\n                    <tbody class=\"bg-white rounded-t-xl\">\n                                                    <tr class=\"no-booking\">\n                                <td colspan=\"6\" class=\"p-4 h-40 text-center text-astral-blue\">No bookings found.<\/td>\n                            <\/tr>\n                                            <\/tbody>\n                                    <\/table>\n            <\/div>\n\n            <div class=\"flex items-center justify-center gap-2 py-2\">\n                <div class=\"w-5 h-5\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M6.7043 0H6.98711C7.3 0.0246094 7.61016 0.0949219 7.89492 0.229297C8.4332 0.472266 8.9707 0.717188 9.50859 0.960938C9.8168 1.10234 10.184 1.10195 10.4922 0.961328C11.0031 0.732422 11.5121 0.498828 12.0219 0.267188C12.3219 0.117578 12.6492 0.0292969 12.9828 0H13.273C13.8313 0.0378906 14.377 0.261719 14.7863 0.645703C15.0641 0.902734 15.2809 1.225 15.4133 1.57969C15.6242 2.13789 15.832 2.69688 16.0434 3.25508C16.1574 3.56719 16.4082 3.825 16.718 3.94648C17.1531 4.11094 17.5895 4.27305 18.0246 4.43711C18.3281 4.55312 18.6434 4.65195 18.9133 4.83867C19.559 5.26133 19.9742 6.00508 20 6.77617V6.98594C19.9766 7.27891 19.9156 7.57031 19.7957 7.83945C19.5812 8.31602 19.3637 8.79062 19.1477 9.26641C19.0707 9.43984 18.9781 9.61055 18.9488 9.8C18.9078 10.0332 18.9414 10.277 19.0391 10.4926C19.2703 11.0043 19.5023 11.5156 19.7344 12.027C19.8855 12.3332 19.9734 12.6672 20 13.0074V13.2176C19.9754 14.1484 19.3691 15.0309 18.5055 15.3797C17.9125 15.6109 17.3137 15.8273 16.7188 16.0547C16.4082 16.1742 16.1566 16.4324 16.0418 16.7449C15.8914 17.1426 15.7434 17.5406 15.5934 17.9383C15.4559 18.2949 15.3457 18.6707 15.1133 18.9813C14.6973 19.575 14.0047 19.9516 13.2832 20H12.9895C12.7051 19.9738 12.4215 19.9145 12.1602 19.7969C11.6668 19.5734 11.1742 19.3484 10.6812 19.1246C10.4891 19.0344 10.2902 18.9434 10.0746 18.9348C9.85 18.9168 9.62734 18.977 9.42734 19.075C8.90781 19.3121 8.38828 19.5484 7.86836 19.7832C7.59375 19.9086 7.29609 19.975 6.99609 20H6.73203C5.8293 19.9523 4.98125 19.3664 4.63242 18.5309C4.39687 17.9289 4.17852 17.3203 3.94648 16.7176C3.8293 16.4176 3.58477 16.1715 3.28516 16.0539C2.68125 15.8207 2.07227 15.602 1.46953 15.3676C0.620312 15.0121 0.0261719 14.1414 0 13.2215V13.0156C0.0238281 12.7121 0.0890625 12.4105 0.216797 12.1332C0.460938 11.5949 0.706641 11.057 0.950781 10.5188C1.11211 10.1859 1.10469 9.78438 0.938672 9.45469C0.694531 8.91719 0.449219 8.37969 0.206641 7.84141C0.0855469 7.57383 0.0261719 7.2832 0 6.9918V6.78398C0.0257813 6.00117 0.450391 5.24531 1.11172 4.82461C1.37695 4.64609 1.68437 4.55234 1.98008 4.43906C2.40352 4.27969 2.82734 4.12227 3.25 3.96133C3.6293 3.82969 3.90234 3.49336 4.0125 3.11445C4.2043 2.60195 4.39687 2.08945 4.58945 1.57734C4.7125 1.24883 4.9082 0.948047 5.1582 0.702344C5.56719 0.290234 6.12852 0.0492188 6.7043 0ZM8.46094 5.33398C7.58398 5.73242 6.86953 6.47617 6.5125 7.37109C6.21563 8.10117 6.17188 8.92695 6.37383 9.6875C6.57617 10.4641 7.04883 11.1609 7.67969 11.6547C7.9918 11.8973 8.21992 12.2504 8.28477 12.6434C9.43125 12.643 10.5773 12.6434 11.7238 12.643C11.8012 12.2676 12.0125 11.9273 12.2988 11.6754C12.4309 11.5605 12.5668 11.45 12.6883 11.3238C13.275 10.7316 13.6488 9.93516 13.7297 9.10547C13.8098 8.33242 13.6438 7.53437 13.25 6.86328C12.7848 6.07031 12.023 5.45352 11.1461 5.17422C10.2727 4.89492 9.29492 4.95117 8.46094 5.33398ZM8.3 13.477C8.30703 13.8125 8.26133 14.1687 8.41523 14.4809C8.55547 14.7891 8.88047 15 9.21953 14.9996C9.74063 15.0004 10.2617 15.0004 10.7828 14.9996C11.2063 15.0004 11.6031 14.6754 11.6809 14.2578C11.7191 13.9996 11.6918 13.7367 11.6996 13.4766C10.5664 13.4766 9.4332 13.4762 8.3 13.477Z\" fill=\"#0D2854\" \/>\n                    <\/svg>\n                <\/div>\n                <span class=\"font-inter text-astral-blue font-medium text-base !leading-[150%]\">\n                    Don\u2019t forget \u2014 leave a review after your session to collect points for your reward.\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"sm450:hidden flex flex-col items-center justify-center gap-3 w-full\">\n            <div class=\"flex items-start gap-2 rounded-lg p-3 bg-astral-soft-yellow\">\n                <div class=\"flex items-center justify-center w-4 h-6\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <g clip-path=\"url(#clip0_2273_1883)\">\n                            <path d=\"M5.36344 0H5.58969C5.84 0.0196875 6.08813 0.0759375 6.31594 0.183437C6.74656 0.377813 7.17656 0.57375 7.60687 0.76875C7.85344 0.881875 8.14719 0.881563 8.39375 0.769063C8.8025 0.585938 9.20969 0.399063 9.6175 0.21375C9.8575 0.0940625 10.1194 0.0234375 10.3862 0H10.6184C11.065 0.0303125 11.5016 0.209375 11.8291 0.516563C12.0512 0.722188 12.2247 0.98 12.3306 1.26375C12.4994 1.71031 12.6656 2.1575 12.8347 2.60406C12.9259 2.85375 13.1266 3.06 13.3744 3.15719C13.7225 3.28875 14.0716 3.41844 14.4197 3.54969C14.6625 3.6425 14.9147 3.72156 15.1306 3.87094C15.6472 4.20906 15.9794 4.80406 16 5.42094V5.58875C15.9812 5.82312 15.9325 6.05625 15.8366 6.27156C15.665 6.65281 15.4909 7.0325 15.3181 7.41313C15.2566 7.55188 15.1825 7.68844 15.1591 7.84C15.1263 8.02656 15.1531 8.22156 15.2312 8.39406C15.4163 8.80344 15.6019 9.2125 15.7875 9.62156C15.9084 9.86656 15.9788 10.1337 16 10.4059V10.5741C15.9803 11.3187 15.4953 12.0247 14.8044 12.3038C14.33 12.4888 13.8509 12.6619 13.375 12.8438C13.1266 12.9394 12.9253 13.1459 12.8334 13.3959C12.7131 13.7141 12.5947 14.0325 12.4747 14.3506C12.3647 14.6359 12.2766 14.9366 12.0906 15.185C11.7578 15.66 11.2037 15.9613 10.6266 16H10.3916C10.1641 15.9791 9.93719 15.9316 9.72812 15.8375C9.33344 15.6587 8.93937 15.4788 8.545 15.2997C8.39125 15.2275 8.23219 15.1547 8.05969 15.1478C7.88 15.1334 7.70187 15.1816 7.54187 15.26C7.12625 15.4497 6.71062 15.6388 6.29469 15.8266C6.075 15.9269 5.83687 15.98 5.59688 16H5.38562C4.66344 15.9619 3.985 15.4931 3.70594 14.8247C3.5175 14.3431 3.34281 13.8562 3.15719 13.3741C3.06344 13.1341 2.86781 12.9372 2.62812 12.8431C2.145 12.6566 1.65781 12.4816 1.17562 12.2941C0.49625 12.0097 0.0209375 11.3131 0 10.5772V10.4125C0.0190625 10.1697 0.07125 9.92844 0.173438 9.70656C0.36875 9.27594 0.565313 8.84562 0.760625 8.415C0.889688 8.14875 0.88375 7.8275 0.750938 7.56375C0.555625 7.13375 0.359375 6.70375 0.165312 6.27313C0.0684375 6.05906 0.0209375 5.82656 0 5.59344V5.42719C0.020625 4.80094 0.360312 4.19625 0.889375 3.85969C1.10156 3.71688 1.3475 3.64188 1.58406 3.55125C1.92281 3.42375 2.26187 3.29781 2.6 3.16906C2.90344 3.06375 3.12188 2.79469 3.21 2.49156C3.36344 2.08156 3.5175 1.67156 3.67156 1.26188C3.77 0.999063 3.92656 0.758438 4.12656 0.561875C4.45375 0.232187 4.90281 0.039375 5.36344 0ZM6.76875 4.26719C6.06719 4.58594 5.49563 5.18094 5.21 5.89687C4.9725 6.48094 4.9375 7.14156 5.09906 7.75C5.26094 8.37125 5.63906 8.92875 6.14375 9.32375C6.39344 9.51781 6.57594 9.80031 6.62781 10.1147C7.545 10.1144 8.46187 10.1147 9.37906 10.1144C9.44094 9.81406 9.61 9.54188 9.83906 9.34031C9.94469 9.24844 10.0534 9.16 10.1506 9.05906C10.62 8.58531 10.9191 7.94813 10.9838 7.28438C11.0478 6.66594 10.915 6.0275 10.6 5.49062C10.2278 4.85625 9.61844 4.36281 8.91687 4.13938C8.21812 3.91594 7.43594 3.96094 6.76875 4.26719ZM6.64 10.7816C6.64562 11.05 6.60906 11.335 6.73219 11.5847C6.84437 11.8313 7.10437 12 7.37563 11.9997C7.7925 12.0003 8.20938 12.0003 8.62625 11.9997C8.965 12.0003 9.2825 11.7403 9.34469 11.4062C9.37531 11.1997 9.35344 10.9894 9.35969 10.7812C8.45312 10.7812 7.54656 10.7809 6.64 10.7816Z\" fill=\"#0D2854\" \/>\n                        <\/g>\n                        <defs>\n                            <clipPath id=\"clip0_2273_1883\">\n                                <rect width=\"16\" height=\"16\" fill=\"white\" \/>\n                            <\/clipPath>\n                        <\/defs>\n                    <\/svg>\n                <\/div>\n                <span class=\"font-inter text-astral-blue font-medium text-base !leading-[150%]\">\n                    Don\u2019t forget \u2014 leave a review after your session to collect points for your reward.\n                <\/span>\n            <\/div>\n\n            <div class=\"flex flex-col items-center justify-center gap-3 w-full\">\n                                    <div class=\"flex flex-col items-center justify-center bg-astral-light-yellow rounded-lg gap-2 p-3\">\n                        <span class=\"p-4 h-40 font-inter text-center text-astral-blue\">No bookings found.<\/span>\n                    <\/div>\n                            <\/div>\n\n                <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"authenticated.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2782","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Playground - Astral<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/astralcafe.vn\/vi\/playground\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Playground - Astral\" \/>\n<meta property=\"og:url\" content=\"https:\/\/astralcafe.vn\/vi\/playground\/\" \/>\n<meta property=\"og:site_name\" content=\"Astral\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/astralcafepatisserie\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-27T10:47:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/astralcafe.vn\/playground\/\",\"url\":\"https:\/\/astralcafe.vn\/playground\/\",\"name\":\"Playground - Astral\",\"isPartOf\":{\"@id\":\"https:\/\/astralcafe.vn\/#website\"},\"datePublished\":\"2025-08-19T04:54:40+00:00\",\"dateModified\":\"2025-08-27T10:47:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/astralcafe.vn\/playground\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/astralcafe.vn\/playground\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/astralcafe.vn\/playground\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/astralcafe.vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Playground\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/astralcafe.vn\/#website\",\"url\":\"https:\/\/astralcafe.vn\/\",\"name\":\"Astral\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/astralcafe.vn\/#organization\"},\"alternateName\":\"astral\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/astralcafe.vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/astralcafe.vn\/#organization\",\"name\":\"Astral\",\"url\":\"https:\/\/astralcafe.vn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/astralcafe.vn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/astralcafe.vn\/wp-content\/uploads\/2025\/08\/cropped-Favicon_1-copy.png\",\"contentUrl\":\"https:\/\/astralcafe.vn\/wp-content\/uploads\/2025\/08\/cropped-Favicon_1-copy.png\",\"width\":512,\"height\":512,\"caption\":\"Astral\"},\"image\":{\"@id\":\"https:\/\/astralcafe.vn\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/astralcafepatisserie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Playground - Astral","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/astralcafe.vn\/vi\/playground\/","og_locale":"vi_VN","og_type":"article","og_title":"Playground - Astral","og_url":"https:\/\/astralcafe.vn\/vi\/playground\/","og_site_name":"Astral","article_publisher":"https:\/\/www.facebook.com\/astralcafepatisserie","article_modified_time":"2025-08-27T10:47:53+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/astralcafe.vn\/playground\/","url":"https:\/\/astralcafe.vn\/playground\/","name":"Playground - Astral","isPartOf":{"@id":"https:\/\/astralcafe.vn\/#website"},"datePublished":"2025-08-19T04:54:40+00:00","dateModified":"2025-08-27T10:47:53+00:00","breadcrumb":{"@id":"https:\/\/astralcafe.vn\/playground\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/astralcafe.vn\/playground\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/astralcafe.vn\/playground\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/astralcafe.vn\/"},{"@type":"ListItem","position":2,"name":"Playground"}]},{"@type":"WebSite","@id":"https:\/\/astralcafe.vn\/#website","url":"https:\/\/astralcafe.vn\/","name":"Astral","description":"","publisher":{"@id":"https:\/\/astralcafe.vn\/#organization"},"alternateName":"astral","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/astralcafe.vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/astralcafe.vn\/#organization","name":"Astral","url":"https:\/\/astralcafe.vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/astralcafe.vn\/#\/schema\/logo\/image\/","url":"https:\/\/astralcafe.vn\/wp-content\/uploads\/2025\/08\/cropped-Favicon_1-copy.png","contentUrl":"https:\/\/astralcafe.vn\/wp-content\/uploads\/2025\/08\/cropped-Favicon_1-copy.png","width":512,"height":512,"caption":"Astral"},"image":{"@id":"https:\/\/astralcafe.vn\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/astralcafepatisserie"]}]}},"_links":{"self":[{"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/pages\/2782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/comments?post=2782"}],"version-history":[{"count":3,"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/pages\/2782\/revisions"}],"predecessor-version":[{"id":2786,"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/pages\/2782\/revisions\/2786"}],"wp:attachment":[{"href":"https:\/\/astralcafe.vn\/vi\/wp-json\/wp\/v2\/media?parent=2782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}