{"id":30,"date":"2026-04-27T21:56:01","date_gmt":"2026-04-27T21:56:01","guid":{"rendered":"https:\/\/gym.awakening24.com\/?page_id=30"},"modified":"2026-04-27T22:39:17","modified_gmt":"2026-04-27T22:39:17","slug":"membership","status":"publish","type":"page","link":"https:\/\/gym.awakening24.com\/index.php\/membership\/","title":{"rendered":"Membership"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n IronForge Elite | Membership Plans<\/title>\r\n <!-- Font Awesome 6 -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <!-- AOS Scroll Animation -->\r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', 'Space Grotesk', sans-serif;\r\n background: #050505;\r\n color: #ededed;\r\n overflow-x: hidden;\r\n }\r\n\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #0f0f0f; }\r\n ::-webkit-scrollbar-thumb { background: #ff2a2e; border-radius: 10px; }\r\n\r\n .container {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0 28px;\r\n }\r\n\r\n \/* Page Hero *\/\r\n .page-hero {\r\n padding: 80px 0 60px;\r\n text-align: center;\r\n background: radial-gradient(ellipse at 50% 0%, #121212 0%, #000000 100%);\r\n }\r\n .page-hero h1 {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n margin-bottom: 16px;\r\n color: white;\r\n }\r\n .page-hero h1 span {\r\n color: #ff2a2e;\r\n }\r\n .page-hero p {\r\n font-size: 1.2rem;\r\n color: #bbb;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Toggle Switch *\/\r\n .pricing-toggle {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n margin: 40px 0 50px;\r\n }\r\n .toggle-label {\r\n font-weight: 600;\r\n cursor: pointer;\r\n color: white;\r\n }\r\n .toggle-switch {\r\n width: 70px;\r\n height: 34px;\r\n background: #2a2a2a;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n border: 1px solid #ff2a2e;\r\n }\r\n .toggle-slider {\r\n width: 28px;\r\n height: 28px;\r\n background: #ff2a2e;\r\n border-radius: 50%;\r\n transition: 0.3s;\r\n }\r\n .toggle-switch.active .toggle-slider {\r\n transform: translateX(36px);\r\n }\r\n .save-badge {\r\n background: #ff2a2e20;\r\n padding: 6px 14px;\r\n border-radius: 40px;\r\n font-size: 0.8rem;\r\n color: #ff8a8c;\r\n }\r\n\r\n \/* Pricing Cards *\/\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 35px;\r\n margin-bottom: 70px;\r\n }\r\n .price-card {\r\n background: linear-gradient(145deg, #0f0f0f, #090909);\r\n border-radius: 44px;\r\n padding: 45px 30px;\r\n text-align: center;\r\n border: 1px solid #262626;\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .price-card:hover {\r\n transform: translateY(-12px);\r\n border-color: #ff2a2e;\r\n box-shadow: 0 25px 40px -12px rgba(255, 42, 46, 0.3);\r\n }\r\n .price-card.popular {\r\n border: 2px solid #ff2a2e;\r\n background: #0c0808;\r\n transform: scale(1.02);\r\n }\r\n .popular-badge {\r\n position: absolute;\r\n top: 20px;\r\n right: 25px;\r\n background: #ff2a2e;\r\n padding: 5px 15px;\r\n border-radius: 40px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n }\r\n .card-icon {\r\n font-size: 3rem;\r\n color: #ff2a2e;\r\n margin-bottom: 20px;\r\n }\r\n .price-card h3 {\r\n font-size: 2rem;\r\n margin-bottom: 10px;\r\n color: white;\r\n }\r\n .price {\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n color: #ff2a2e;\r\n margin: 20px 0;\r\n }\r\n .price span {\r\n font-size: 1rem;\r\n color: #aaa;\r\n font-weight: 400;\r\n }\r\n .price small {\r\n font-size: 0.9rem;\r\n color: #88ff88;\r\n }\r\n .features-list {\r\n list-style: none;\r\n margin: 30px 0;\r\n text-align: left;\r\n padding: 0 15px;\r\n }\r\n .features-list li {\r\n margin: 14px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: #ccc;\r\n }\r\n .features-list i.fa-check {\r\n color: #ff2a2e;\r\n font-size: 1.1rem;\r\n width: 24px;\r\n }\r\n .btn-card {\r\n width: 100%;\r\n margin-top: 15px;\r\n }\r\n\r\n \/* Comparison Table - FULLY RESPONSIVE *\/\r\n .comparison-section {\r\n padding: 60px 0;\r\n background: #080808;\r\n border-radius: 48px;\r\n margin: 40px 0;\r\n }\r\n .section-title {\r\n text-align: center;\r\n font-size: 2.5rem;\r\n margin-bottom: 40px;\r\n color: white;\r\n }\r\n .section-title span {\r\n color: #ff2a2e;\r\n }\r\n \r\n \/* Responsive Table Wrapper *\/\r\n .table-wrapper {\r\n width: 100%;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n border-radius: 28px;\r\n }\r\n .comparison-table {\r\n width: 100%;\r\n min-width: 600px;\r\n border-collapse: collapse;\r\n background: #0a0a0a;\r\n border-radius: 28px;\r\n overflow: hidden;\r\n }\r\n .comparison-table th,\r\n .comparison-table td {\r\n padding: 18px 16px;\r\n text-align: center;\r\n border-bottom: 1px solid #222;\r\n }\r\n .comparison-table th {\r\n background: #111;\r\n color: #ff2a2e;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n }\r\n .comparison-table td:first-child {\r\n text-align: left;\r\n font-weight: 600;\r\n background: #0a0a0a;\r\n position: sticky;\r\n left: 0;\r\n background: #0f0f0f;\r\n }\r\n .comparison-table .fa-check-circle {\r\n color: #ff2a2e;\r\n font-size: 1.3rem;\r\n }\r\n .comparison-table .fa-times-circle {\r\n color: #444;\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* Mobile table optimizations *\/\r\n @media (max-width: 768px) {\r\n .comparison-table th,\r\n .comparison-table td {\r\n padding: 12px 12px;\r\n font-size: 0.85rem;\r\n }\r\n .comparison-table th {\r\n font-size: 0.9rem;\r\n }\r\n .comparison-table .fa-check-circle,\r\n .comparison-table .fa-times-circle {\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n \/* Add-on Services *\/\r\n .addons-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 25px;\r\n margin: 50px 0;\r\n }\r\n .addon-card {\r\n background: #111;\r\n border-radius: 28px;\r\n padding: 28px;\r\n text-align: center;\r\n border: 1px solid #2a2a2a;\r\n }\r\n .addon-card i {\r\n font-size: 2.2rem;\r\n color: #ff2a2e;\r\n margin-bottom: 15px;\r\n }\r\n .addon-card h4 {\r\n color: white;\r\n margin-bottom: 10px;\r\n }\r\n .addon-card p {\r\n color: #bbb;\r\n }\r\n\r\n \/* FAQ Accordion *\/\r\n .faq-section {\r\n padding: 70px 0;\r\n }\r\n .faq-grid {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n .faq-item {\r\n background: #0f0f0f;\r\n margin-bottom: 18px;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n }\r\n .faq-question {\r\n padding: 22px 28px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n transition: 0.2s;\r\n color: white;\r\n }\r\n .faq-question:hover {\r\n background: #1a1a1a;\r\n }\r\n .faq-answer {\r\n padding: 0 28px 22px;\r\n color: #bbb;\r\n display: none;\r\n line-height: 1.6;\r\n }\r\n .faq-item.active .faq-answer {\r\n display: block;\r\n }\r\n\r\n \/* CTA Banner *\/\r\n .cta-banner-membership {\r\n background: linear-gradient(125deg, #ff2a2e, #9e1519);\r\n border-radius: 48px;\r\n padding: 55px 40px;\r\n text-align: center;\r\n margin: 50px 0;\r\n }\r\n .cta-banner-membership h2 {\r\n color: white;\r\n }\r\n .cta-banner-membership p {\r\n margin: 15px 0;\r\n color: #ffe0e0;\r\n }\r\n\r\n \/* Modal *\/\r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0,0,0,0.95);\r\n z-index: 10000;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .modal-content {\r\n background: #121212;\r\n max-width: 500px;\r\n width: 90%;\r\n padding: 45px 35px;\r\n border-radius: 48px;\r\n border-top: 6px solid #ff2a2e;\r\n }\r\n .modal-content h3 {\r\n color: white;\r\n margin-bottom: 20px;\r\n }\r\n .form-group {\r\n margin-bottom: 22px;\r\n }\r\n .form-group input, .form-group select {\r\n width: 100%;\r\n padding: 16px 20px;\r\n background: #1e1e1e;\r\n border: 1px solid #333;\r\n border-radius: 60px;\r\n color: white;\r\n }\r\n .form-message {\r\n margin-top: 15px;\r\n display: none;\r\n padding: 12px;\r\n border-radius: 50px;\r\n text-align: center;\r\n }\r\n \r\n \/* Buttons *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n border-radius: 60px;\r\n font-weight: 700;\r\n transition: 0.3s;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .btn-primary {\r\n background: linear-gradient(135deg, #ff2a2e, #c41e22);\r\n color: white;\r\n }\r\n .btn-outline {\r\n background: transparent;\r\n border: 1.5px solid #ff2a2e;\r\n color: white;\r\n }\r\n .btn-outline:hover, .btn-primary:hover {\r\n transform: translateY(-3px);\r\n }\r\n \r\n footer {\r\n background: #020202;\r\n padding: 45px 0;\r\n text-align: center;\r\n margin-top: 30px;\r\n }\r\n footer p {\r\n color: #888;\r\n }\r\n \r\n @media (max-width: 850px) {\r\n .page-hero h1 { font-size: 2.4rem; }\r\n .price-card.popular { transform: scale(1); }\r\n .section-title { font-size: 1.8rem; }\r\n .container { padding: 0 20px; }\r\n }\r\n @media (max-width: 550px) {\r\n .pricing-toggle { gap: 10px; }\r\n .toggle-label { font-size: 0.9rem; }\r\n .price-card { padding: 30px 20px; }\r\n .price { font-size: 2.5rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Page Hero -->\r\n<section class=\"page-hero\">\r\n <div class=\"container\">\r\n <h1>Choose Your <span>Warrior Path<\/span><\/h1>\r\n <p>Flexible plans, premium amenities, and expert coaching \u2014 designed for every fitness level.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Pricing Toggle (Monthly\/Yearly) -->\r\n<div class=\"container\">\r\n <div class=\"pricing-toggle\">\r\n <span class=\"toggle-label\" style=\"color:black;\">Monthly<\/span>\r\n <div class=\"toggle-switch\" id=\"priceToggle\">\r\n <div class=\"toggle-slider\"><\/div>\r\n <\/div>\r\n <span class=\"toggle-label\" style=\"color:black;\">Yearly <span class=\"save-badge\"><i class=\"fas fa-tag\"><\/i> Save up to 25%<\/span><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Pricing Cards Dynamic -->\r\n<div class=\"container\">\r\n <div class=\"pricing-grid\" id=\"pricingGrid\">\r\n <!-- JS will inject dynamic cards -->\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- Advanced Comparison Table - FULL WIDTH RESPONSIVE -->\r\n<section class=\"comparison-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Plan <span>Comparison<\/span><\/h2>\r\n <div class=\"table-wrapper\">\r\n <table class=\"comparison-table\">\r\n <thead>\r\n <tr>\r\n <th>Features<\/th>\r\n <th>Basic<\/th>\r\n <th>Pro \ud83d\udd25<\/th>\r\n <th>Elite<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Gym Floor Access<\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Locker & Wi-Fi<\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Group Classes<\/td>\r\n <td><i class=\"fas fa-times-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Personal Training (Sessions)<\/td>\r\n <td>0<\/td>\r\n <td>2 \/ month<\/td>\r\n <td>Unlimited<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Nutrition Consultation<\/td>\r\n <td><i class=\"fas fa-times-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>24\/7 Access<\/td>\r\n <td><i class=\"fas fa-times-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-times-circle\"><\/i><\/td>\r\n <td><i class=\"fas fa-check-circle\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Guest Passes \/ month<\/td>\r\n <td>0<\/td>\r\n <td>2<\/td>\r\n <td>6<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Add-on Services -->\r\n<div class=\"container\">\r\n <h2 class=\"section-title\">Premium <span>Add-ons<\/span><\/h2>\r\n <div class=\"addons-grid\">\r\n <div class=\"addon-card\"><i class=\"fas fa-dumbbell\"><\/i><h4>1-on-1 PT Session<\/h4><p>\u20b9999 \/ session<\/p><\/div>\r\n <div class=\"addon-card\"><i class=\"fas fa-apple-alt\"><\/i><h4>Custom Diet Plan<\/h4><p>\u20b91,499 \/ month<\/p><\/div>\r\n <div class=\"addon-card\"><i class=\"fas fa-chart-line\"><\/i><h4>Body Composition Scan<\/h4><p>\u20b9499 \/ scan<\/p><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Section -->\r\n<section class=\"faq-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked <span>Questions<\/span><\/h2>\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Can I upgrade my plan later? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n <div class=\"faq-answer\">Absolutely! You can upgrade anytime, and we'll pro-rate the remaining amount.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Is there a joining fee? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n <div class=\"faq-answer\">No joining fee for annual plans. Monthly plans have a one-time \u20b9999 registration fee.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">Can I freeze my membership? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n <div class=\"faq-answer\">Yes, up to 30 days per year (medical\/emergency).<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">What's included in free trial? <i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n <div class=\"faq-answer\">7 days full access + fitness assessment + 1 group class.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA Banner -->\r\n<div class=\"container\">\r\n <div class=\"cta-banner-membership\">\r\n <h2><i class=\"fas fa-calendar-alt\"><\/i> Not sure? Try 7 Days for \u20b9499<\/h2>\r\n <p>Experience our world-class facilities before committing.<\/p>\r\n <button class=\"btn btn-outline\" id=\"ctaTrialBtn\" style=\"background:white; color:#ff2a2e;\">Claim Trial Offer<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<footer>\r\n <p><i class=\"fas fa-dumbbell\"><\/i> IronForge Elite \u2014 Where champions are made<\/p>\r\n <p>\ud83d\udccd Mumbai, Bangalore, Delhi | \ud83d\udcde +91 9988776655 | <i class=\"fab fa-instagram\"><\/i> @ironforge.elite<\/p>\r\n<\/footer>\r\n\r\n<!-- Trial Modal -->\r\n<div id=\"membershipModal\" class=\"modal\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" style=\"float:right; font-size:28px; cursor:pointer;\" id=\"closeModal\">×<\/span>\r\n <h3>\ud83d\udd25 Join IronForge Elite<\/h3>\r\n <form id=\"membershipForm\">\r\n <div class=\"form-group\"><input type=\"text\" name=\"name\" placeholder=\"Full Name\" required><\/div>\r\n <div class=\"form-group\"><input type=\"tel\" name=\"phone\" placeholder=\"Mobile Number\" required><\/div>\r\n <div class=\"form-group\">\r\n <select name=\"planInterest\" required>\r\n <option value=\"\">Select Plan Interest<\/option>\r\n <option>Basic Monthly<\/option>\r\n <option>Pro Monthly<\/option>\r\n <option>Elite Monthly<\/option>\r\n <option>Basic Yearly<\/option>\r\n <option>Pro Yearly<\/option>\r\n <option>Elite Yearly<\/option>\r\n <\/select>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;\">Enquire Now<\/button>\r\n <div id=\"formMsg\" class=\"form-message\"><\/div>\r\n <\/form>\r\n <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n AOS.init({ duration: 800, once: true });\r\n \r\n \/\/ Pricing Data (INR)\r\n const plans = {\r\n monthly: {\r\n basic: { price: 2499, popular: false, features: ['Full gym access', 'Locker & Wi-Fi', 'Basic equipment', 'Weekday access'] },\r\n pro: { price: 3999, popular: true, features: ['Everything in Basic', 'Unlimited Group Classes', '2 PT sessions\/month', 'Diet chart', 'Guest pass x2'] },\r\n elite: { price: 5999, popular: false, features: ['Everything in Pro', 'Unlimited PT', '24\/7 Access', 'Nutrition consult', 'Guest pass x6'] }\r\n },\r\n yearly: {\r\n basic: { price: 23999, popular: false, features: ['Full gym access year', 'Locker & Wi-Fi', '2 months free (effective)'] },\r\n pro: { price: 37999, popular: true, features: ['Annual Pro Access', 'Unlimited Group Classes', '30 PT sessions\/year', 'Quarterly body scan', 'Save \u20b95000'] },\r\n elite: { price: 54999, popular: false, features: ['Ultimate Elite', 'Unlimited PT Year', '24\/7+ guest pass', 'Personalized coaching'] }\r\n }\r\n };\r\n\r\n let currentMode = 'monthly';\r\n\r\n function renderPricing() {\r\n const data = currentMode === 'monthly' ? plans.monthly : plans.yearly;\r\n const periodLabel = currentMode === 'monthly' ? '\/month' : '\/year';\r\n const grid = document.getElementById('pricingGrid');\r\n const keys = ['basic', 'pro', 'elite'];\r\n const titles = { basic: 'Basic', pro: 'Pro \ud83d\udd25', elite: 'Elite' };\r\n \r\n grid.innerHTML = '';\r\n keys.forEach(key => {\r\n const plan = data[key];\r\n const isPopular = plan.popular;\r\n const card = document.createElement('div');\r\n card.className = `price-card ${isPopular ? 'popular' : ''}`;\r\n card.setAttribute('data-aos', 'fade-up');\r\n card.innerHTML = `\r\n ${isPopular ? '<div class=\"popular-badge\"><i class=\"fas fa-crown\"><\/i> MOST POPULAR<\/div>' : ''}\r\n <div class=\"card-icon\"><i class=\"fas ${key === 'basic' ? 'fa-shield-alt' : (key === 'pro' ? 'fa-star-of-life' : 'fa-crown')}\"><\/i><\/div>\r\n <h3>${titles[key]}<\/h3>\r\n <div class=\"price\">\u20b9${plan.price.toLocaleString()}<span>${periodLabel}<\/span> ${currentMode === 'yearly' ? '<small> (incl. 2 months free)<\/small>' : ''}<\/div>\r\n <ul class=\"features-list\">\r\n ${plan.features.map(f => `<li><i class=\"fas fa-check\"><\/i> ${f}<\/li>`).join('')}\r\n <\/ul>\r\n <button class=\"btn ${isPopular ? 'btn-primary' : 'btn-outline'} btn-card enrollBtn\" data-plan=\"${key}\">Choose Plan \u2192<\/button>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n \r\n document.querySelectorAll('.enrollBtn').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n const planName = e.currentTarget.getAttribute('data-plan');\r\n openModalWithPlan(planName);\r\n });\r\n });\r\n }\r\n\r\n \/\/ Toggle switch\r\n const toggle = document.getElementById('priceToggle');\r\n toggle.addEventListener('click', () => {\r\n currentMode = currentMode === 'monthly' ? 'yearly' : 'monthly';\r\n toggle.classList.toggle('active');\r\n renderPricing();\r\n });\r\n\r\n \/\/ Modal logic\r\n const modal = document.getElementById('membershipModal');\r\n const closeModalBtn = document.getElementById('closeModal');\r\n const ctaTrial = document.getElementById('ctaTrialBtn');\r\n \r\n function openModalWithPlan(plan) {\r\n const selectEl = modal.querySelector('select[name=\"planInterest\"]');\r\n if(plan === 'basic') selectEl.value = currentMode === 'monthly' ? 'Basic Monthly' : 'Basic Yearly';\r\n else if(plan === 'pro') selectEl.value = currentMode === 'monthly' ? 'Pro Monthly' : 'Pro Yearly';\r\n else selectEl.value = currentMode === 'monthly' ? 'Elite Monthly' : 'Elite Yearly';\r\n modal.style.display = 'flex';\r\n }\r\n \r\n ctaTrial.addEventListener('click', () => { modal.style.display = 'flex'; });\r\n closeModalBtn.addEventListener('click', () => modal.style.display = 'none');\r\n window.addEventListener('click', (e) => { if(e.target === modal) modal.style.display = 'none'; });\r\n \r\n \/\/ Form submission\r\n const membershipForm = document.getElementById('membershipForm');\r\n const msgDiv = document.getElementById('formMsg');\r\n \r\n membershipForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const name = this.querySelector('input[name=\"name\"]').value.trim();\r\n const phone = this.querySelector('input[name=\"phone\"]').value.trim();\r\n const plan = this.querySelector('select[name=\"planInterest\"]').value;\r\n if(!name || !phone || !plan) {\r\n msgDiv.innerHTML = '\u26a0\ufe0f Please fill all fields';\r\n msgDiv.style.background = '#5a1e22';\r\n msgDiv.style.display = 'block';\r\n setTimeout(() => msgDiv.style.display = 'none', 2000);\r\n return;\r\n }\r\n const submitBtn = this.querySelector('button');\r\n submitBtn.disabled = true;\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-pulse\"><\/i> Submitting...';\r\n setTimeout(() => {\r\n let leads = JSON.parse(localStorage.getItem('gymMembershipLeads') || '[]');\r\n leads.unshift({ id: Date.now(), name, phone, plan, date: new Date().toISOString() });\r\n localStorage.setItem('gymMembershipLeads', JSON.stringify(leads));\r\n msgDiv.innerHTML = '\u2705 Thank you! Our advisor will contact you shortly.';\r\n msgDiv.style.background = '#1f5420';\r\n msgDiv.style.display = 'block';\r\n membershipForm.reset();\r\n submitBtn.disabled = false;\r\n submitBtn.innerHTML = 'Enquire Now';\r\n setTimeout(() => { msgDiv.style.display = 'none'; modal.style.display = 'none'; }, 2500);\r\n }, 700);\r\n });\r\n \r\n \/\/ FAQ accordion\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n item.classList.toggle('active');\r\n const icon = question.querySelector('i');\r\n if(item.classList.contains('active')) icon.className = 'fas fa-chevron-up';\r\n else icon.className = 'fas fa-chevron-down';\r\n });\r\n });\r\n \r\n renderPricing();\r\n \r\n \/\/ Admin: double-click footer to see leads\r\n document.querySelector('footer').addEventListener('dblclick', () => {\r\n const leads = JSON.parse(localStorage.getItem('gymMembershipLeads') || '[]');\r\n if(leads.length) { console.table(leads); alert(`\ud83d\udcca ${leads.length} membership inquiries! Check console.`); }\r\n else alert('No inquiries yet.');\r\n });\r\n window.showMembershipLeads = () => console.table(JSON.parse(localStorage.getItem('gymMembershipLeads') || '[]'));\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>IronForge Elite | Membership Plans Choose Your Warrior Path Flexible plans, premium amenities, and expert coaching \u2014 designed for every fitness level. Monthly Yearly Save up to 25% Plan Comparison Features Basic Pro \ud83d\udd25 Elite Gym Floor Access Locker & Wi-Fi Group Classes Personal Training (Sessions) 0 2 \/ month Unlimited Nutrition Consultation 24\/7 Access…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":16,"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/gym.awakening24.com\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}