{"id":9,"date":"2026-06-30T00:37:07","date_gmt":"2026-06-30T00:37:07","guid":{"rendered":"https:\/\/yoyomassage.net\/?page_id=9"},"modified":"2026-06-30T00:44:37","modified_gmt":"2026-06-30T00:44:37","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/yoyomassage.net\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e158b1e e-con-full e-flex e-con e-parent\" data-id=\"e158b1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6cb4e elementor-widget elementor-widget-html\" data-id=\"7f6cb4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --main-green: #2d7248;\n            --light-green: #439967;\n            --cream-bg: #f8f6f2;\n            --deep-charcoal: #2e3430;\n            --pale-cream: #f3efe9;\n            --pure-white: #ffffff;\n            --soft-shadow: 0 10px 30px rgba(45, 114, 72, 0.08);\n            --smooth-transition: all 0.3s ease;\n        }\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--cream-bg);\n            color: var(--deep-charcoal);\n            line-height: 1.7;\n            font-size: 16px;\n            overflow-x: hidden;\n        }\n        h1, h2, h3, h4 {\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n        }\n        .cursive-title {\n            font-style: italic;\n            font-weight: 700;\n        }\n        a {\n            text-decoration: none;\n            color: inherit;\n            transition: var(--smooth-transition);\n        }\n        .container {\n            width: 94%;\n            max-width: 1420px;\n            margin: 0 auto;\n        }\n        .section-padding {\n            padding: 92px 0;\n        }\n        .green-divider {\n            width: 100px;\n            height: 2px;\n            background-color: var(--main-green);\n            margin: 20px auto 42px;\n        }\n        .btn-green {\n            display: inline-block;\n            padding: 17px 38px;\n            background: linear-gradient(135deg, var(--main-green), var(--light-green));\n            color: var(--pure-white);\n            border-radius: 3px;\n            font-weight: 500;\n            letter-spacing: 0.6px;\n            border: none;\n            cursor: pointer;\n        }\n        .btn-green:hover {\n            background: linear-gradient(135deg, var(--light-green), var(--main-green));\n            transform: translateY(-4px);\n        }\n        .btn-outline-green {\n            background: transparent;\n            border: 1px solid var(--main-green);\n            color: white;\n        }\n        .btn-outline-green:hover {\n            background-color: var(--main-green);\n            color: white;\n        }\n\n        \/* Header Navigation *\/\n        header {\n            background: var(--pure-white);\n            position: sticky;\n            top: 0;\n            z-index: 999;\n            box-shadow: var(--soft-shadow);\n        }\n        .nav-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0;\n        }\n        .logo-wrapper {\n            width: 235px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n        }\n        .logo-wrapper img {\n            width: auto;\n            height: 100%;\n        }\n        .desktop-nav-bar {\n            display: flex;\n            gap: 46px;\n            align-items: center;\n        }\n        .desktop-nav-bar a {\n            font-size: 15px;\n            font-weight: 400;\n        }\n        .desktop-nav-bar a:hover {\n            color: var(--main-green);\n        }\n        .mobile-hamburger {\n            font-size: 34px;\n            color: var(--main-green);\n            display: none;\n            cursor: pointer;\n        }\n        .mobile-nav-dropdown {\n            display: none;\n            flex-direction: column;\n            gap: 26px;\n            padding: 32px;\n            background: var(--pure-white);\n            border-top: 1px solid var(--pale-cream);\n        }\n        .mobile-nav-dropdown.active {\n            display: flex;\n        }\n\n        \/* Hero Banner Section *\/\n        .hero-banner {\n            height: 92vh;\n            background: linear-gradient(rgba(46, 52, 48, 0.70), rgba(45, 114, 72, 0.63)), url('https:\/\/yoyomassage.net\/wp-content\/uploads\/2026\/06\/Couple-27.jpg');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            display: flex;\n            align-items: center;\n            text-align: center;\n        }\n        .hero-banner h1 {\n            font-size: 68px;\n            margin-bottom: 20px;\n        }\n        .hero-banner p {\n            font-size: 21px;\n            max-width: 740px;\n            margin: 0 auto 50px;\n            opacity: 0.96;\n        }\n        .hero-button-group {\n            display: flex;\n            gap: 28px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n\n        \/* About Us Section *\/\n        .about-wrap {\n            background: var(--pure-white);\n        }\n        .about-two-column-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 74px;\n            align-items: center;\n        }\n        .about-text h2 {\n            font-size: 48px;\n            margin-bottom: 16px;\n            color: var(--deep-charcoal);\n        }\n        .about-text p {\n            margin-bottom: 24px;\n            color: #444a46;\n        }\n        .selling-point-list {\n            margin-top: 36px;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n        .selling-point-list li {\n            list-style: none;\n            padding-left: 32px;\n            position: relative;\n        }\n        .selling-point-list li::before {\n            content: \"\u2726\";\n            color: var(--main-green);\n            position: absolute;\n            left: 0;\n            font-size: 18px;\n        }\n        .promo-notice-block {\n            background: rgba(45, 114, 72, 0.07);\n            padding: 30px;\n            margin-top: 44px;\n            border-left: 4px solid var(--main-green);\n        }\n        .promo-notice-block h4 {\n            color: var(--main-green);\n            margin-bottom: 12px;\n            font-size: 20px;\n        }\n        .spa-main-image {\n            width: 100%;\n            height: 550px;\n            border-radius: 6px;\n            object-fit: cover;\n            box-shadow: var(--soft-shadow);\n        }\n\n        \/* Full Service Price List Section *\/\n        .price-main-section {\n            background: var(--pale-cream);\n            text-align: center;\n        }\n        .price-main-section h2 {\n            font-size: 48px;\n        }\n        .price-card-grid {\n            margin-top: 66px;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));\n            gap: 38px;\n        }\n        .single-price-card {\n            background: var(--pure-white);\n            padding: 46px 36px;\n            border-radius: 6px;\n            box-shadow: var(--soft-shadow);\n            text-align: left;\n            transition: var(--smooth-transition);\n        }\n        .single-price-card:hover {\n            transform: translateY(-10px);\n        }\n        .single-price-card h3 {\n            text-align: center;\n            color: var(--main-green);\n            margin-bottom: 24px;\n            font-size: 27px;\n            border-bottom: 1px solid var(--pale-cream);\n            padding-bottom: 14px;\n        }\n        .price-item-row {\n            display: flex;\n            justify-content: space-between;\n            padding: 13px 0;\n            border-bottom: 1px solid var(--pale-cream);\n        }\n        .price-item-row:last-child {\n            border-bottom: none;\n        }\n        .payment-note-text {\n            margin-top: 26px;\n            font-size: 14px;\n            font-style: italic;\n            color: #505753;\n            text-align: center;\n        }\n\n        \/* Booking CTA Banner *\/\n        .cta-reserve-banner {\n            background: linear-gradient(rgba(46, 52, 48, 0.86), rgba(45, 114, 72, 0.75)), url('https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?ixlib=rb-4.0.3&auto=format&fit=crop&w=1800&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            text-align: center;\n            padding: 112px 0;\n        }\n        .cta-reserve-banner h2 {\n            font-size: 54px;\n            margin-bottom: 24px;\n        }\n        .cta-reserve-banner p {\n            max-width: 760px;\n            margin: 0 auto 48px;\n            font-size: 20px;\n            opacity: 0.94;\n        }\n\n        \/* Contact & Google Map Section *\/\n        .contact-map-area {\n            background: var(--cream-bg);\n        }\n        .contact-two-column-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 66px;\n        }\n        .contact-info-block h3 {\n            font-size: 38px;\n            margin-bottom: 38px;\n        }\n        .single-contact-item {\n            margin-bottom: 32px;\n        }\n        .single-contact-item h4 {\n            font-family: 'Poppins', sans-serif;\n            font-size: 19px;\n            font-weight: 500;\n            color: var(--main-green);\n            margin-bottom: 10px;\n        }\n        .google-map-iframe {\n            width: 100%;\n            height: 510px;\n            border-radius: 6px;\n            border: none;\n            box-shadow: var(--soft-shadow);\n        }\n\n        \/* Footer Area *\/\n        footer {\n            background: var(--deep-charcoal);\n            color: #eef3f0;\n            padding: 28px 0;\n        }\n        .copyright-text {\n            text-align: center;\n            font-size: 14px;\n        }\n\n        \/* Responsive Media Queries *\/\n        @media(max-width: 1024px) {\n            .about-two-column-grid, .contact-two-column-grid {\n                grid-template-columns: 1fr;\n                gap: 54px;\n            }\n            .spa-main-image {\n                height: 430px;\n            }\n            .hero-banner h1 {\n                font-size: 56px;\n            }\n        }\n        @media(max-width: 768px) {\n            .desktop-nav-bar {\n                display: none;\n            }\n            .mobile-hamburger {\n                display: block;\n            }\n            .section-padding {\n                padding: 74px 0;\n            }\n            .hero-banner h1 {\n                font-size: 44px;\n            }\n            .price-card-grid {\n                grid-template-columns: 1fr;\n            }\n            .hero-button-group {\n                flex-direction: column;\n                align-items: center;\n            }\n            .btn-green {\n                width: 300px;\n                text-align: center;\n            }\n        }\n        @media(max-width: 480px) {\n            .hero-banner {\n                height: 80vh;\n            }\n            .hero-banner h1 {\n                font-size: 36px;\n            }\n            .about-text h2, .price-main-section h2, .cta-reserve-banner h2 {\n                font-size: 34px;\n            }\n            .google-map-iframe {\n                height: 370px;\n            }\n            .logo-wrapper {\n                width: 170px;\n                height: 62px;\n            }\n        }\n    <\/style\n\n<header>\n    <div class=\"container nav-row\">\n        <div class=\"logo-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/yoyomassage.net\/wp-content\/uploads\/2026\/06\/yo-yo-massage.png\" alt=\"Yo Yo Massage Logo\">\n        <\/div>\n        <nav class=\"desktop-nav-bar\">\n            <a href=\"#home\">Home<\/a>\n            <a href=\"#about-us\">About Us<\/a>\n            <a href=\"#service-price\">Service Menu & Prices<\/a>\n            <a href=\"#contact-location\">Location & Hours<\/a>\n        <\/nav>\n        <div class=\"mobile-hamburger\" id=\"menuToggleBtn\">\u2630<\/div>\n    <\/div>\n    <div class=\"mobile-nav-dropdown\" id=\"mobileMenuPanel\">\n        <a href=\"#home\">Home<\/a>\n        <a href=\"#about-us\">About Us<\/a>\n        <a href=\"#service-price\">Service Menu & Prices<\/a>\n        <a href=\"#contact-location\">Location & Hours<\/a>\n    <\/div>\n<\/header>\n\n<!-- Hero Landing Banner -->\n<section class=\"hero-banner\" id=\"home\">\n    <div class=\"container\">\n        <h1 class=\"cursive-title\">Yo Yo Massage<\/h1>\n        <div class=\"green-divider\"><\/div>\n        <p>Premium massage spa located in Liberty Hill, TX. Specialized in relaxing couple massage, full body massage, four hands synchronized therapy & cupping treatment for all guests age 18+.<\/p>\n        <div class=\"hero-button-group\">\n            <a href=\"tel:512-866-9777\" class=\"btn-green\">Call Us Now: 512-866-9777<\/a>\n            <a href=\"#service-price\" class=\"btn-green btn-outline-green\">View Full Service Menu<\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- About Us Section -->\n<section class=\"about-wrap section-padding\" id=\"about-us\">\n    <div class=\"container about-two-column-grid\">\n        <div class=\"about-text\">\n            <h2>About Yo Yo Massage<\/h2>\n            <div class=\"green-divider\"><\/div>\n            <p>Yo Yo Massage is a professional wellness massage spa situated at 101 Jonathan Dr #3, Liberty Hill, Texas. We warmly welcome all male and female guests aged 18 and above, delivering quiet, peaceful massage space to release daily stress and muscle tension.<\/p>\n            <p>Our flagship service is luxury couple massage for pairs seeking shared relaxation. We also provide single full body massage, synchronized four hands massage and cupping therapy to target tight muscles, soreness and fatigue. Every therapist is trained with refined massage techniques to guarantee a comfortable, effective experience for every visitor.<\/p>\n            <p>We maintain convenient daily opening hours to fit your busy schedule, accepting walk-in guests and advance phone reservations every single week.<\/p>\n            <ul class=\"selling-point-list\">\n                <li>Flagship luxury Couple Massage service for two guests<\/li>\n                <li>Highly skilled therapists with excellent professional massage techniques<\/li>\n                <li>Four Hands synchronized massage & cupping therapy available<\/li>\n                <li>All genders welcome, minimum guest age requirement 18+<\/li>\n                <li>Daily long opening hours from 10 AM until 9 PM Monday through Sunday<\/li>\n            <\/ul>\n            <div class=\"promo-notice-block\">\n                <h4>Exclusive Loyalty Promotion Offer<\/h4>\n                <p>Complete 7 paid massage sessions with us, and your 8th massage session is completely FREE! Come back regularly to enjoy our loyalty reward program.<\/p>\n            <\/div>\n            <a href=\"#service-price\" class=\"btn-green\" style=\"margin-top:46px;\">Explore All Massage Services<\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" class=\"spa-main-image\" alt=\"Yo Yo Massage Relaxing Treatment Room\" src=\"https:\/\/yoyomassage.net\/wp-content\/uploads\/2026\/06\/Andsome-Man-Relaxed-and-Enjoying-Back-Massage.-1.png\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Complete Service Price List Section -->\n<section class=\"price-main-section section-padding\" id=\"service-price\">\n    <div class=\"container\">\n        <h2>Official Service Menu & Price List<\/h2>\n        <div class=\"green-divider\"><\/div>\n        <div class=\"price-card-grid\">\n            <!-- Single Body Massage Card -->\n            <div class=\"single-price-card\">\n                <h3>Body Massage<\/h3>\n                <div class=\"price-item-row\">30 min Body Massage <span>$50<\/span><\/div>\n                <div class=\"price-item-row\">45 min Body Massage <span>$60<\/span><\/div>\n                <div class=\"price-item-row\">1 Hour Body Massage <span>$80<\/span><\/div>\n                <div class=\"price-item-row\">90 min Body Massage <span>$120<\/span><\/div>\n                <div class=\"price-item-row\">2 Hour Body Massage <span>$160<\/span><\/div>\n            <\/div>\n            <!-- Couple Massage Card -->\n            <div class=\"single-price-card\">\n                <h3>Couple Massage<\/h3>\n                <div class=\"price-item-row\">1 Hour Couple Massage <span>$160<\/span><\/div>\n                <div class=\"price-item-row\">90 mins Couple Massage <span>$240<\/span><\/div>\n            <\/div>\n            <!-- Four Hands & Cupping Massage Card -->\n            <div class=\"single-price-card\">\n                <h3>Special Massage Treatments<\/h3>\n                <div class=\"price-item-row\">4 Hands Massage 1 Hour <span>$160<\/span><\/div>\n                <div style=\"margin-top:22px;border-top:1px solid var(--pale-cream);padding-top:16px;\">\n                    <div class=\"price-item-row\">One Cupping Massage <span>$20<\/span><\/div>\n                <\/div>\n                <p class=\"payment-note-text\">Note: 3% service charge for Card Payment<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Reservation CTA Full Banner -->\n<section class=\"cta-reserve-banner\">\n    <div class=\"container\">\n        <h2>Book Your Relaxing Massage Today<\/h2>\n        <div class=\"green-divider\"><\/div>\n        <p>Take advantage of our loyalty reward: 7 massages completed = your 8th massage is free! We accept walk-ins and phone reservations daily from 10AM to 9PM for all guests aged 18 and older.<\/p>\n        <a href=\"tel:512-866-9777\" class=\"btn-green\">Call 512-866-9777 To Schedule Your Visit<\/a>\n    <\/div>\n<\/section>\n\n<!-- Contact Info & Embedded Google Map -->\n<section class=\"contact-map-area section-padding\" id=\"contact-location\">\n    <div class=\"container contact-two-column-grid\">\n        <div class=\"contact-info-block\">\n            <h3>Spa Location & Business Information<\/h3>\n            <div class=\"single-contact-item\">\n                <h4>Full Business Name<\/h4>\n                <p>Yo Yo Massage<\/p>\n            <\/div>\n            <div class=\"single-contact-item\">\n                <h4>Store Mobile Phone Number<\/h4>\n                <p><a href=\"tel:512-866-9777\">512-866-9777<\/a><\/p>\n            <\/div>\n            <div class=\"single-contact-item\">\n                <h4>Complete Physical Address<\/h4>\n                <p><a href=\"https:\/\/maps.app.goo.gl\/QCZuCHDvS7UAgnp26\" target=\"_blank\">101 Jonathan Dr #3, Liberty Hill, TX 78642<\/a><\/p>\n            <\/div>\n            <div class=\"single-contact-item\">\n                <h4>Daily Business Hours<\/h4>\n                <p>Monday \u2013 Sunday: 10:00 AM \u2013 9:00 PM<\/p>\n            <\/div>\n            <div class=\"single-contact-item\">\n                <h4>Guest Eligibility Policy<\/h4>\n                <p>All Male & Female Guests Welcome | Minimum Age Requirement: 18 Years Old<\/p>\n            <\/div>\n        <\/div>\n        <div>\n            <iframe class=\"google-map-iframe\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3431.9301066358544!2d-97.9036101245818!3d30.664096588946748!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x865ad7ee97d71671%3A0xb671390ec5f1d06f!2sYo%20Yo%20Massage!5e0!3m2!1szh-CN!2sus!4v1782540131653!5m2!1szh-CN!2sus\" allowfullscreen loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Website Footer Copyright -->\n<footer>\n    <div class=\"copyright-text\">\n        \u00a9 2026 Yo Yo Massage Liberty Hill TX | All Rights Reserved | Professional Massage Spa For All Guests 18+\n    <\/div>\n<\/footer>\n\n<!-- Mobile Menu Toggle + Smooth Scroll JS (Bug-Free) -->\n<script>\n    \/\/ Mobile hamburger menu control\n    const menuTriggerBtn = document.getElementById('menuToggleBtn');\n    const mobileMenuPanel = document.getElementById('mobileMenuPanel');\n    menuTriggerBtn.addEventListener('click', () => {\n        mobileMenuPanel.classList.toggle('active');\n    });\n    \/\/ Close mobile dropdown after clicking navigation link\n    document.querySelectorAll('#mobileMenuPanel a').forEach(navLink => {\n        navLink.addEventListener('click', () => {\n            mobileMenuPanel.classList.remove('active');\n        });\n    });\n    \/\/ Smooth anchor scrolling with header offset\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchorLink => {\n        anchorLink.addEventListener('click', function (event) {\n            event.preventDefault();\n            const targetAnchorId = this.getAttribute('href');\n            const targetSection = document.querySelector(targetAnchorId);\n            if (targetSection) {\n                window.scrollTo({\n                    top: targetSection.offsetTop - 94,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>:root { &#8211;main-green: #2d7248; &#8211;light-green: #439967; &#8211;cream-bg: #f8f6f2; &#8211;deep-charcoal: #2e3430; &#8211;pale-cream: #f3efe9; &#8211;pure-white: #ffffff; &#8211;soft-shadow: 0 10px 30px rgba(45, 114, 72, 0.08); &#8211;smooth-transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: &#8216;Poppins&#8217;, sans-serif; background-color: var(&#8211;cream-bg); color: var(&#8211;deep-charcoal); line-height: 1.7; font-size: 16px; overflow-x: hidden; } h1, h2, h3, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoyomassage.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":7,"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/yoyomassage.net\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/yoyomassage.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}