{"id":8228,"date":"2026-05-18T22:10:35","date_gmt":"2026-05-18T22:10:35","guid":{"rendered":"https:\/\/revolutionstudio.co.uk\/?page_id=8228"},"modified":"2026-05-19T17:13:10","modified_gmt":"2026-05-19T17:13:10","slug":"3-for-30-intro-offer","status":"publish","type":"page","link":"https:\/\/revolutionstudio.co.uk\/ar\/3-for-30-intro-offer\/","title":{"rendered":"3 for \u00a330 intro offer"},"content":{"rendered":"<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-d524285f wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:45px;padding-right:30px;padding-bottom:10px;padding-left:30px\">\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-9ce6ffdc wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-right:30px;padding-bottom:0;padding-left:30px\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-3da7f8db wp-block-group-is-layout-constrained\">\n<h6 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:700\">FIRST TIMERS ONLY<\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-7e3293bba3f0ceb6509321cfef5b5a36\" id=\"image-heading-text-button-1\" style=\"color:#000000;margin-bottom:0;font-style:normal;font-weight:700;line-height:1.5\">3 Class Starter Pack<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Rev Intro 3-Pack Three sessions across Spin, Reformer, Strength, Infrared Sculpt &amp; Reset. <br>Exclusively for first-time clients. \u00a330 \u00b7 One-time access<\/p>\n<\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<script>window.localStorage.setItem('country', 'uk');<\/script>\n<!-- ==========================================\n     REVOLUTION STUDIO x 1REBEL GUTENBERG BLOCK\n     ========================================== -->\n<style>\n    \/* Scoped Container to avoid conflicts with your active WordPress Theme *\/\n    .rev-rebel-container {\n        width: 100%;\n        max-width: 1012px;\n        margin: 2rem auto;\n        box-sizing: border-box;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .rev-rebel-card {\n        background-color: #ffffff;\n        border: 1px solid #000000;\n        position: relative;\n        padding: 40px 24px;\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n        box-sizing: border-box;\n        transition: all 0.3s ease;\n    }\n\n    .rev-rebel-card:hover {\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* Exclusive Black Badge - Revolution Studio Color Palette *\/\n    .rev-rebel-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        background-color: #000000;\n        color: #ffffff;\n        font-size: 10px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        padding: 6px 16px;\n        user-select: none;\n    }\n\n    \/* Typography from Revolution Studio: Strong Sans-Serif *\/\n    .rev-rebel-title {\n        font-size: 22px;\n        font-weight: 800;\n        color: #000000;\n        line-height: 1.2;\n        margin: 0 0 12px 0;\n        letter-spacing: -0.2px;\n    }\n\n    .rev-rebel-description {\n        font-size: 14px;\n        color: #555555;\n        line-height: 1.6;\n        margin: 0;\n        font-weight: 400;\n        max-width: 580px;\n    }\n\n    \/* Action & Price Block CSS *\/\n    .rev-rebel-actions {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 24px;\n        border-top: 1px solid #eaeaea;\n        padding-top: 24px;\n        margin-top: 8px;\n    }\n\n    .rev-rebel-price {\n        font-size: 32px;\n        font-weight: 700;\n        color: #000000;\n        line-height: 1;\n        letter-spacing: -0.5px;\n    }\n\n    .rev-rebel-button {\n        display: inline-block;\n        background-color: #ffffff;\n        color: #000000;\n        border: 1px solid #000000;\n        font-size: 12px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        padding: 12px 36px;\n        cursor: pointer;\n        transition: all 0.25s ease;\n        text-align: center;\n        text-decoration: none;\n    }\n\n    .rev-rebel-button:hover {\n        background-color: #000000;\n        color: #ffffff;\n    }\n\n    \/* Tablet and Desktop Responsive Overrides (1Rebel Horizontal Style) *\/\n    @media (min-width: 768px) {\n        .rev-rebel-card {\n            flex-direction: row;\n            align-items: center;\n            justify-content: space-between;\n            padding: 44px 48px;\n            gap: 32px;\n        }\n\n        .rev-rebel-title {\n            font-size: 26px;\n        }\n\n        .rev-rebel-badge {\n            font-size: 11px;\n            padding: 8px 20px;\n        }\n\n        .rev-rebel-actions {\n            border-top: none;\n            padding-top: 0;\n            margin-top: 0;\n            justify-content: flex-end;\n            gap: 36px;\n            flex-shrink: 0;\n        }\n\n        .rev-rebel-price {\n            font-size: 40px;\n        }\n    }\n<\/style>\n\n<div class=\"rev-rebel-container\">\n    <div class=\"rev-rebel-card\">\n        \n        <!-- Revolution-themed High-Contrast Black Badge -->\n        <div class=\"rev-rebel-badge\">\n            First Timer Exclusive\n        <\/div>\n\n        <!-- Left Information Column -->\n        <div>\n            <h3 class=\"rev-rebel-title\">\n                3 CLASS STARTER PACK\n            <\/h3>\n            <p class=\"rev-rebel-description\">\n                Rev Intro 3-Pack. Three sessions across Spin, Reformer, Strength, Infrared Sculpt &amp; Reset. Exclusively for first-time clients. Must be used within 1 month. Cannot be shared.\n            <\/p>\n        <\/div>\n\n        <!-- Right Price and Buy Action Column -->\n        <div class=\"rev-rebel-actions\">\n            <div class=\"rev-rebel-price\">\n                \u00a330\n            <\/div>\n            <a href=\"https:\/\/revolutionstudio.co.uk\/ar\/pricing\/?_mt=%2Fbuy%2F49060%3FactiveProduct%3Dcredits-14851\" class=\"rev-rebel-button\">\n                Buy\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-8cf8ed17 wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-right:30px;padding-bottom:var(--wp--preset--spacing--x-large);padding-left:30px\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-3da7f8db wp-block-group-is-layout-constrained\">\n<h6 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:700\">\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062e\u0628\u0631\u0627\u0621. \u0642\u0648\u0627\u0626\u0645 \u062a\u0634\u063a\u064a\u0644 \u0645\u062e\u0635\u0651\u0635\u0629 \u062d\u0633\u0628 \u0627\u0644\u0637\u0644\u0628. <\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color wp-elements-45924b9d45fab6a0cdf87c7ba3c19182\" id=\"image-heading-text-button-1\" style=\"color:#000000;margin-bottom:0;font-style:normal;font-weight:700;line-height:1.5\">\u0623\u0631\u0628\u0639\u0629 \u062a\u0645\u0627\u0631\u064a\u0646 \u0631\u064a\u0627\u0636\u064a\u0629 \u0645\u0645\u064a\u0632\u0629<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Everything you need to get stronger, fitter, and feel unstoppable.<\/p>\n<\/div>\n\n\n\n<div style=\"height:52px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-002ffff5 wp-block-columns-is-layout-flex\" id=\"column-four-image\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-a45e5a0b wp-block-column-is-layout-flow\" style=\"flex-basis:250px\">\n<div class=\"wp-block-cover\" style=\"min-height:300px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" class=\"wp-block-cover__image-background wp-image-4246 size-full\" alt=\"\" src=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30.jpg 1200w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30-300x200.jpg 300w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30-1024x683.jpg 1024w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30-768x512.jpg 768w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/PHOTO-2025-07-31-20-27-30-18x12.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim-20 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-fa2302d760bd3cdc448bac00ef35457e\" style=\"font-style:normal;font-weight:700;line-height:1.5\"><a href=\"#book-now\">\u0627\u0644\u0645\u0635\u0644\u062d<\/a><\/h3>\n\n\n\n<p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-bda7f9aa8a1a5aa8010ef4e6820a12d9 wp-block-paragraph\">\u0627\u0644\u0645\u0635\u0644\u062d \u0627\u0644\u0645\u0631\u062a\u0641\u0639.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-a45e5a0b wp-block-column-is-layout-flow\" style=\"flex-basis:250px\">\n<div class=\"wp-block-cover\" style=\"min-height:300px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" class=\"wp-block-cover__image-background wp-image-4242 size-full\" alt=\"\" src=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847.jpg 1200w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847-300x200.jpg 300w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847-1024x683.jpg 1024w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847-768x512.jpg 768w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/IMG_3847-18x12.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-2d7ba318bf539a04738eba537f567b02\" style=\"font-style:normal;font-weight:700;line-height:1.5\"><a href=\"#book-now\">\u0627\u0644\u062f\u0648\u0631\u0629<\/a><\/h3>\n\n\n\n<p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-030de229cd4ae7ad62a14656263e6146 wp-block-paragraph\" style=\"margin-right:-20px;margin-left:-20px;padding-right:0px;padding-left:0px\">&nbsp;\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u062f\u0648\u0631\u0627\u0646 ... \u0625\u0646\u0647\u0627 \u062b\u0648\u0631\u0629! <\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-a45e5a0b wp-block-column-is-layout-flow\" style=\"flex-basis:250px\">\n<div class=\"wp-block-cover\" style=\"min-height:300px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" class=\"wp-block-cover__image-background wp-image-4243 size-full\" alt=\"\" src=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573.jpg 1200w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573-300x200.jpg 300w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573-1024x683.jpg 1024w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573-768x512.jpg 768w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2025\/08\/V9A7573-18x12.jpg 18w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-8835f7f5cd9029c8ddb33b5b7ade8697\" style=\"font-style:normal;font-weight:700;line-height:1.5\"><a href=\"#book-now\">\u0627\u0644\u0642\u0648\u0629<\/a><\/h3>\n\n\n\n<p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-a82fdd8333d317a8181741b5f67ab95d wp-block-paragraph\">\u0623\u0642\u0648\u0649. \u0623\u0643\u062b\u0631 \u0644\u064a\u0627\u0642\u0629. \u0623\u0633\u0631\u0639.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-a45e5a0b wp-block-column-is-layout-flow\" style=\"flex-basis:250px\">\n<div class=\"wp-block-cover\" style=\"min-height:300px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1066\" height=\"1600\" class=\"wp-block-cover__image-background wp-image-6486 size-full\" alt=\"\" src=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797.jpg\" style=\"object-position:46% 72%\" data-object-fit=\"cover\" data-object-position=\"46% 72%\" srcset=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797.jpg 1066w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797-200x300.jpg 200w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797-682x1024.jpg 682w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797-768x1153.jpg 768w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797-1023x1536.jpg 1023w, https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2026\/01\/d51df490-278d-4fd0-8731-6c7a680c9797-8x12.jpg 8w\" sizes=\"auto, (max-width: 1066px) 100vw, 1066px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-contrast-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-ee14750f47d462ed79555a453a89002d\" style=\"font-style:normal;font-weight:700;line-height:1.5\"><a href=\"#book-now\">Infrared Sculpt<\/a><\/h3>\n\n\n\n<p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-c9531349b75801bb4d170030f61a5de7 wp-block-paragraph\">Infrared heat. Serious sweat.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-contrast-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-8cf8ed17 wp-block-group-is-layout-constrained\" style=\"margin-top:0px;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-right:30px;padding-bottom:var(--wp--preset--spacing--x-large);padding-left:30px\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-3da7f8db wp-block-group-is-layout-constrained\">\n<h6 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-f4f6b6b0e6bcaa17d6717f39dcec5e36\" style=\"font-style:normal;font-weight:700\">UK WIDE<\/h6>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-base-color has-text-color has-link-color wp-elements-3a8c08144408ed6fd169e912e37a8b59\" id=\"image-heading-text-button-1\" style=\"margin-bottom:0;font-style:normal;font-weight:700;line-height:1.5\">FIND YOUR LOCAL CLUB<\/h2>\n\n\n\n<p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-f7074d9cb7b1992857323a9bc5a13840 wp-block-paragraph\">WE&#8217;RE NEVER FAR AWAY<\/p>\n<\/div>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- ==========================================\n     REVOLUTION STUDIO - PREMIUM LOCATION MAP (WORDPRESS COMPATIBLE - DARK THEME)\n     ========================================== -->\n\n<!-- Leaflet CSS for Grayscale Interactive Map -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\" \/>\n\n<style>\n    \/* Scoped Container to prevent WP Theme leakage *\/\n    .rev-map-block {\n        width: 100%;\n        max-width: 1100px;\n        margin: 2rem auto;\n        box-sizing: border-box;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: #ffffff;\n        -webkit-font-smoothing: antialiased;\n        position: relative;\n        background-color: #131212;\n    }\n\n    \/* Wrap selector pills with absolute positioned fade indicators matching dark page background *\/\n    .rev-map-pills-wrapper {\n        position: relative;\n        width: 100%;\n        margin-bottom: 16px;\n    }\n\n    \/* Gradient Fades for Scroll Overflow Indicators matching #131212 *\/\n    .rev-map-fade {\n        position: absolute;\n        top: 0;\n        bottom: 12px; \/* Aligns with the padding-bottom of the scrollbar *\/\n        width: 45px;\n        pointer-events: none;\n        z-index: 10;\n        transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n        opacity: 0;\n    }\n\n    .rev-map-fade-left {\n        left: 0;\n        background: linear-gradient(to right, #131212 15%, rgba(19, 18, 18, 0));\n    }\n\n    .rev-map-fade-right {\n        right: 0;\n        background: linear-gradient(to left, #131212 15%, rgba(19, 18, 18, 0));\n    }\n\n    \/* Studio Selector Pills Row *\/\n    .rev-map-pills-container {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding-bottom: 12px;\n        margin-bottom: 0;\n        scrollbar-width: none; \/* Hide scrollbar Firefox *\/\n        scroll-behavior: smooth; \/* Ensures auto-centering transition is fluid *\/\n        position: relative;\n    }\n    .rev-map-pills-container::-webkit-scrollbar {\n        display: none; \/* Hide scrollbar Chrome\/Safari\/Edge *\/\n    }\n\n    .rev-map-pill {\n        background-color: #1a1a1a;\n        color: #ffffff;\n        border: 1px solid #ffffff;\n        padding: 8px 16px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        white-space: nowrap;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        flex-shrink: 0; \/* Ensures buttons don't compress *\/\n    }\n\n    .rev-map-pill:hover, .rev-map-pill.active {\n        background-color: #ffffff;\n        color: #131212;\n    }\n\n    \/* Map Viewport Frame *\/\n    .rev-map-frame {\n        position: relative;\n        width: 100%;\n        height: 500px;\n        border: 1px solid #ffffff;\n        background-color: #131212;\n        overflow: hidden;\n    }\n\n    \/* Custom Grayscale Map tile positioning styling *\/\n    .rev-map-viewport {\n        width: 100%;\n        height: 100%;\n        background-color: #e5e5e5;\n        filter: grayscale(1) invert(0.05) contrast(1.1);\n    }\n\n    \/* Custom Compact Rectangular Logo Pin Style *\/\n    .rev-custom-marker {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 44px !important;\n        height: 32px !important;\n        background-color: #ffffff;\n        border: 1px solid #000000;\n        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);\n        cursor: pointer;\n        transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);\n        padding: 2px;\n        box-sizing: border-box;\n    }\n\n    \/* Bottom Arrow Pointer for Pin *\/\n    .rev-custom-marker::after {\n        content: '';\n        position: absolute;\n        bottom: -5px;\n        left: 50%;\n        transform: translateX(-50%);\n        border-width: 5px 5px 0;\n        border-style: solid;\n        border-color: #000000 transparent;\n        display: block;\n        width: 0;\n    }\n\n    .rev-custom-marker img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n    }\n\n    \/* Active State for selected Logo Pin *\/\n    .rev-custom-marker.active-pin {\n        transform: scale(1.15) translateY(-3px);\n        border: 2px solid #ffffff;\n        box-shadow: 0 6px 15px rgba(255, 255, 255, 0.2);\n    }\n\n    .rev-custom-marker.active-pin::after {\n        bottom: -7px;\n        border-color: #ffffff transparent;\n    }\n\n    \/* Interactive Details Popup Card (Sleek Dark Overlay Mode) *\/\n    .rev-info-overlay {\n        position: absolute;\n        bottom: 20px;\n        left: 20px;\n        right: 20px;\n        z-index: 1000;\n        background-color: #1a1a1a;\n        border: 1px solid #ffffff;\n        padding: 24px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        display: none;\n        flex-direction: column;\n        transition: all 0.3s ease;\n        animation: slideUp 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    @keyframes slideUp {\n        from { transform: translateY(20px); opacity: 0; }\n        to { transform: translateY(0); opacity: 1; }\n    }\n\n    .rev-info-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 8px;\n    }\n\n    .rev-info-title {\n        font-size: 20px;\n        font-weight: 800;\n        text-transform: uppercase;\n        margin: 0;\n        letter-spacing: -0.5px;\n        color: #ffffff;\n    }\n\n    .rev-info-close {\n        background: none;\n        border: none;\n        font-size: 20px;\n        cursor: pointer;\n        color: #aaaaaa;\n        padding: 0;\n        line-height: 1;\n    }\n    .rev-info-close:hover {\n        color: #ffffff;\n    }\n\n    .rev-info-address {\n        font-size: 13px;\n        color: #cccccc;\n        line-height: 1.5;\n        margin: 0 0 20px 0;\n    }\n\n    \/* Actions Alignment inside Popup *\/\n    .rev-info-actions {\n        display: flex;\n        gap: 12px;\n        align-items: center;\n    }\n\n    .rev-info-btn-book {\n        flex: 1;\n        background-color: #ffffff;\n        color: #000000;\n        border: 1px solid #ffffff;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        text-align: center;\n        padding: 12px;\n        text-decoration: none;\n        transition: all 0.2s ease;\n    }\n    .rev-info-btn-book:hover {\n        background-color: transparent;\n        color: #ffffff;\n    }\n\n    .rev-info-btn-directions {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 43px;\n        height: 43px;\n        border: 1px solid #ffffff;\n        background-color: transparent;\n        color: #ffffff;\n        text-decoration: none;\n        transition: all 0.2s ease;\n    }\n    .rev-info-btn-directions:hover {\n        background-color: #ffffff;\n        color: #000000;\n    }\n    .rev-info-btn-directions svg {\n        fill: currentColor;\n    }\n\n    \/* Desktop Viewport Overrides *\/\n    @media (min-width: 768px) {\n        .rev-map-frame {\n            height: 550px;\n        }\n        .rev-info-overlay {\n            width: 360px;\n            bottom: 30px;\n            left: 30px;\n            right: auto;\n        }\n    }\n<\/style>\n\n<div class=\"rev-map-block\">\n\n    <!-- Scroll Wrapper featuring visual blur guides -->\n    <div class=\"rev-map-pills-wrapper\">\n        <div class=\"rev-map-fade rev-map-fade-left\" id=\"rev-fade-left\"><\/div>\n        \n        <!-- Horizontal Studio Selector Pills -->\n        <div class=\"rev-map-pills-container\" id=\"pills-list\">\n            <!-- Generated studio pills will live here dynamically -->\n        <\/div>\n        \n        <div class=\"rev-map-fade rev-map-fade-right\" id=\"rev-fade-right\"><\/div>\n    <\/div>\n\n    <!-- Map Canvas Window -->\n    <div class=\"rev-map-frame\">\n        <div id=\"rev-map-viewport\" class=\"rev-map-viewport\"><\/div>\n\n        <!-- Dynamic Information Drawer (Revolution Studio Minimal Style) -->\n        <div id=\"info-overlay\" class=\"rev-info-overlay\">\n            <div class=\"rev-info-header\">\n                <h4 class=\"rev-info-title\" id=\"info-title\">Studio Name<\/h4>\n                <button class=\"rev-info-close\" onclick=\"closeOverlay()\">\u2715<\/button>\n            <\/div>\n            <p class=\"rev-info-address\" id=\"info-address\">Studio Address<\/p>\n\n            <div class=\"rev-info-actions\">\n                <a href=\"#\" target=\"_blank\" class=\"rev-info-btn-book\" id=\"info-book-link\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/a>\n                <a href=\"#\" target=\"_blank\" class=\"rev-info-btn-directions\" id=\"info-directions-link\" title=\"Directions on Google Maps\">\n                    <!-- Dynamic directions arrow icon -->\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 4C16.41 4 20 7.59 20 12C20 13.91 19.33 15.66 18.23 17.06L14 12.83V9H10V11H12.17L16.29 15.12C15.19 16.91 13.19 18 11 18C7.14 18 4 14.86 4 11C4 7.14 7.14 4 11 4H12Z\"\/>\n                        <path d=\"M15 9V11.5L18 8.5L15 5.5V8H11V9H15Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Leaflet JavaScript library -->\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\n\n<script>\n    \/\/ Authentic Revolution Studio Locations JSON Feed (Dubai Removed)\n    const studios = [\n        {\n            \"title\": \"Airdrie\",\n            \"address1\": \"Unit 1 - Block 2, Chapelhall Industrial Estate\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.8501206,\n                \"lng\": -3.9514162\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/airdrie\"\n                }\n            ],\n            \"index\": 0\n        },\n        {\n            \"title\": \"Cumbernauld\",\n            \"address1\": \"10 Badenheath Pl\",\n            \"address2\": \"Westfield\",\n            \"coords\": {\n                \"lat\": 55.9278429,\n                \"lng\": -4.0548321\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/cumbernauld\"\n                }\n            ],\n            \"index\": 1\n        },\n        {\n            \"title\": \"East Kilbride\",\n            \"address1\": \"14 Singer Road\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.7481937,\n                \"lng\": -4.1708391\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/east-kilbride\"\n                }\n            ],\n            \"index\": 2\n        },\n        {\n            \"title\": \"Edinburgh\",\n            \"address1\": \"16 Annandale St\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.960164,\n                \"lng\": -3.184895\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/edinburgh\"\n                }\n            ],\n            \"index\": 3\n        },\n        {\n            \"title\": \"Glasgow City Centre\",\n            \"address1\": \"310 St Vincent Street\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.8629898,\n                \"lng\": -4.2678413\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/glasgow-city-centre\"\n                }\n            ],\n            \"index\": 4\n        },\n        {\n            \"title\": \"Glasgow Southside\",\n            \"address1\": \"28 Cogan Street\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.8217144,\n                \"lng\": -4.2987447\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/glasgow-southside\"\n                }\n            ],\n            \"index\": 5\n        },\n        {\n            \"title\": \"Glasgow West End\",\n            \"address1\": \"1 Dowanside Lane\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.8751391,\n                \"lng\": -4.2944797\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/glasgow-west-end\"\n                }\n            ],\n            \"index\": 6\n        },\n        {\n            \"title\": \"Kirkintilloch\",\n            \"address1\": \"Unit 8, 15 Campsie Rd\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.94195,\n                \"lng\": -4.164408\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/kirkintilloch\"\n                }\n            ],\n            \"index\": 7\n        },\n        {\n            \"title\": \"Livingston\",\n            \"address1\": \"The Parkway Retail Square\",\n            \"address2\": \"Livingston\",\n            \"coords\": {\n                \"lat\": 55.8847119,\n                \"lng\": -3.518345\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/livingston\"\n                }\n            ],\n            \"index\": 8\n        },\n        {\n            \"title\": \"Paisley\",\n            \"address1\": \"64-74 Abercorn Street\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 55.851606,\n                \"lng\": -4.420969\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/paisley\"\n                }\n            ],\n            \"index\": 9\n        },\n        {\n            \"title\": \"Stirling\",\n            \"address1\": \"Unit 1, 15 Borrowmeadow Road\",\n            \"address2\": \"\",\n            \"coords\": {\n                \"lat\": 56.116817,\n                \"lng\": -3.915356\n            },\n            \"actions\": [\n                {\n                    \"label\": \"Book now\",\n                    \"defaultUrl\": \"\/location\/stirling\"\n                }\n            ],\n            \"index\": 10\n        }\n    ];\n\n    let map;\n    let markers = [];\n\n    \/\/ Tracks and displays\/hides left and right visual scroll gradients dynamically\n    function updateScrollFades() {\n        const container = document.getElementById('pills-list');\n        const fadeLeft = document.getElementById('rev-fade-left');\n        const fadeRight = document.getElementById('rev-fade-right');\n        \n        if (!container || !fadeLeft || !fadeRight) return;\n        \n        const scrollLeft = container.scrollLeft;\n        const maxScroll = container.scrollWidth - container.clientWidth;\n        \n        \/\/ Show left fade when scrolled inward\n        if (scrollLeft > 3) {\n            fadeLeft.style.opacity = '1';\n        } else {\n            fadeLeft.style.opacity = '0';\n        }\n        \n        \/\/ Show right fade when there are remaining elements obscured on the right\n        if (scrollLeft < maxScroll - 3) {\n            fadeRight.style.opacity = '1';\n        } else {\n            fadeRight.style.opacity = '0';\n        }\n    }\n\n    \/\/ Initialize Map Viewport\n    function initMap() {\n        \/\/ Positioned and zoomed in beautifully on the Scottish cluster\n        map = L.map('rev-map-viewport', {\n            zoomControl: false,\n            attributionControl: false\n        }).setView([55.882, -4.030], 9.5);\n\n        \/\/ Reverted back to the crisp Light-Mode Monochrome tile scheme\n        L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/light_all\/{z}\/{x}\/{y}.png', {\n            maxZoom: 18\n        }).addTo(map);\n\n        const pillsList = document.getElementById('pills-list');\n        \n        studios.forEach((studio, i) => {\n            \/\/ 1. Generate Navigation Pills dynamically\n            const pill = document.createElement('button');\n            pill.className = 'rev-map-pill';\n            pill.innerText = studio.title;\n            pill.id = `pill-${i}`;\n            pill.onclick = () => selectStudio(i);\n            pillsList.appendChild(pill);\n\n            \/\/ 2. Build Compact Logo Card Marker (44x32px box + pointer offset)\n            const customIcon = L.divIcon({\n                className: '', \n                html: `\n                    <div class=\"rev-custom-marker\" id=\"marker-${i}\">\n                        <img decoding=\"async\" src=\"https:\/\/revolutionstudio.co.uk\/wp-content\/uploads\/2023\/02\/Logo-RS-Rectangular-01-300x200-1.png\" alt=\"Revolution Studio Pin\" \/>\n                    <\/div>\n                `,\n                iconSize: [44, 37], \/\/ width 44px, height 32px + 5px arrow\n                iconAnchor: [22, 37] \/\/ anchor pointing exactly at the bottom center arrow tip\n            });\n\n            \/\/ 3. Mount interactive Marker on Leaflet canvas\n            const marker = L.marker([studio.coords.lat, studio.coords.lng], { icon: customIcon }).addTo(map);\n            marker.on('click', () => {\n                selectStudio(i);\n            });\n\n            markers.push(marker);\n        });\n\n        \/\/ Initialize scroll fading positions once list loads\n        setTimeout(updateScrollFades, 200);\n\n        \/\/ Bind scroll fade listener\n        pillsList.addEventListener('scroll', updateScrollFades);\n        window.addEventListener('resize', updateScrollFades);\n    }\n\n    \/\/ Studio Selection Action Dispatcher\n    function selectStudio(i) {\n        const studio = studios[i];\n\n        \/\/ Highlight Selected Pill element and ALWAYS scroll it to the center of the list\n        document.querySelectorAll('.rev-map-pill').forEach(pill => pill.classList.remove('active'));\n        const activePill = document.getElementById(`pill-${i}`);\n        if (activePill) {\n            activePill.classList.add('active');\n            \n            \/\/ Forces smooth center alignment inside the wrapper window\n            activePill.scrollIntoView({ \n                behavior: 'smooth', \n                block: 'nearest', \n                inline: 'center' \n            });\n        }\n\n        \/\/ Highlight selected Dynamic Brand Logo Pin\n        document.querySelectorAll('.rev-custom-marker').forEach(pin => pin.classList.remove('active-pin'));\n        setTimeout(() => {\n            const activePin = document.getElementById(`marker-${i}`);\n            if (activePin) activePin.classList.add('active-pin');\n        }, 50);\n\n        \/\/ Map settings targeting Scotland locations\n        const targetZoom = 12;\n        const offsetLat = window.innerWidth < 768 ? 0.04 : 0.015;\n\n        \/\/ Fly smoothly to target latitude &#038; longitude\n        if (map) {\n            map.flyTo([studio.coords.lat - offsetLat, studio.coords.lng], targetZoom, {\n                animate: true,\n                duration: 1.2\n            });\n        }\n\n        \/\/ Populate overlay popup details\n        document.getElementById('info-title').innerText = studio.title;\n        \n        \/\/ Assemble beautiful address text\n        const addressText = studio.address2 \n            ? `${studio.address1}, ${studio.address2}` \n            : studio.address1;\n        document.getElementById('info-address').innerText = addressText;\n\n        \/\/ Map button targets\n        const action = studio.actions[0] || { label: \"Book now\", defaultUrl: \"#\" };\n        const bookBtn = document.getElementById('info-book-link');\n        bookBtn.innerText = action.label;\n        bookBtn.href = action.defaultUrl;\n\n        \/\/ Set dynamic Google Maps directions url\n        document.getElementById('info-directions-link').href = `https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=${studio.coords.lat}%2C${studio.coords.lng}`;\n\n        document.getElementById('info-overlay').style.display = 'flex';\n    }\n\n    \/\/ Reset overlay layout and revert camera to overview\n    function closeOverlay() {\n        document.getElementById('info-overlay').style.display = 'none';\n        document.querySelectorAll('.rev-custom-marker').forEach(pin => pin.classList.remove('active-pin'));\n        document.querySelectorAll('.rev-map-pill').forEach(pill => pill.classList.remove('active'));\n        if (map) {\n            map.flyTo([55.882, -4.030], 9.5, {\n                animate: true,\n                duration: 1.0\n            });\n        }\n    }\n\n    \/\/ Safe Leaflet window instancing\n    window.addEventListener('DOMContentLoaded', () => {\n        initMap();\n    });\n<\/script>\n\n\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>FIRST TIMERS ONLY 3 Class Starter Pack Rev Intro 3-Pack Three sessions across Spin, Reformer, Strength, Infrared Sculpt &amp; Reset. Exclusively for first-time clients. \u00a330 \u00b7 One-time access First Timer Exclusive 3 CLASS STARTER PACK Rev Intro 3-Pack. Three sessions across Spin, Reformer, Strength, Infrared Sculpt &amp; Reset. Exclusively for first-time clients. Must be used [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-8228","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/pages\/8228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/comments?post=8228"}],"version-history":[{"count":16,"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/pages\/8228\/revisions"}],"predecessor-version":[{"id":8257,"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/pages\/8228\/revisions\/8257"}],"wp:attachment":[{"href":"https:\/\/revolutionstudio.co.uk\/ar\/wp-json\/wp\/v2\/media?parent=8228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}