{"id":6,"date":"2026-05-28T23:22:40","date_gmt":"2026-05-28T23:22:40","guid":{"rendered":"https:\/\/demo.optimizetomorrow.com\/?page_id=6"},"modified":"2026-05-29T10:01:51","modified_gmt":"2026-05-29T10:01:51","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.optimizetomorrow.com\/","title":{"rendered":"Home"},"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\nIRONWAR FITNESS \u2014 Forge Your Strength. Build Your Legacy.<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n<style>\r\n :root {\r\n --black: #0a0a0a;\r\n --dark: #1a1a1a;\r\n --darker: #111111;\r\n --red: #e63946;\r\n --red-dark: #c1121f;\r\n --red-hover: #ff4d5a;\r\n --white: #ffffff;\r\n --gray: #888888;\r\n --light-gray: #cccccc;\r\n --card-bg: #141414;\r\n --border: rgba(255,255,255,0.06);\r\n --max-w: 1200px;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n h1, h2, h3, h4 { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.05em; line-height: 1.1; }\r\n\r\n img { max-width: 100%; display: block; }\r\n\r\n a { text-decoration: none; color: inherit; }\r\n\r\n .container { max-width: var(--max-w); margin: 0 auto; padding: 0 24px; }\r\n\r\n .section-label {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n margin-bottom: 16px;\r\n display: inline-block;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(36px, 5vw, 60px);\r\n color: var(--white);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .section-sub {\r\n color: var(--gray);\r\n font-size: 16px;\r\n max-width: 540px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 14px 32px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n border: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.1);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .btn:hover::after { opacity: 1; }\r\n\r\n .btn-red {\r\n background: var(--red);\r\n color: var(--white);\r\n clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);\r\n }\r\n\r\n .btn-red:hover { background: var(--red-hover); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(230,57,70,0.4); }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--white);\r\n border: 2px solid rgba(255,255,255,0.6);\r\n }\r\n\r\n .btn-outline:hover { border-color: var(--white); background: rgba(255,255,255,0.08); transform: translateY(-2px); }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\r\n .fade-up {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .fade-up.delay-1 { transition-delay: 0.1s; }\r\n .fade-up.delay-2 { transition-delay: 0.2s; }\r\n .fade-up.delay-3 { transition-delay: 0.3s; }\r\n .fade-up.delay-4 { transition-delay: 0.4s; }\r\n .fade-up.delay-5 { transition-delay: 0.5s; }\r\n .fade-up.delay-6 { transition-delay: 0.6s; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 1. NAVBAR\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #navbar {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n background: rgba(10,10,10,0.85);\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid var(--border);\r\n transition: background 0.4s ease, box-shadow 0.4s ease;\r\n height: 88px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n #navbar.scrolled {\r\n background: rgba(10,10,10,0.97);\r\n box-shadow: 0 4px 30px rgba(0,0,0,0.5);\r\n }\r\n\r\n .nav-inner {\r\n width: 100%;\r\n max-width: var(--max-w);\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n }\r\n\r\n .nav-logo img {\r\n height: 90px;\r\n width: 90px;\r\n object-fit: contain;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n padding: 8px 14px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.7);\r\n transition: color 0.3s;\r\n position: relative;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px; left: 14px; right: 14px;\r\n height: 2px;\r\n background: var(--red);\r\n transform: scaleX(0);\r\n transition: transform 0.3s;\r\n }\r\n\r\n .nav-links a:hover,\r\n .nav-links a.active { color: var(--white); }\r\n\r\n .nav-links a:hover::after,\r\n .nav-links a.active::after { transform: scaleX(1); }\r\n\r\n .nav-cta {\r\n background: var(--red);\r\n color: var(--white) !important;\r\n padding: 10px 22px !important;\r\n font-weight: 700 !important;\r\n clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 100%, 8px 100%);\r\n transition: background 0.3s, transform 0.3s !important;\r\n }\r\n\r\n .nav-cta::after { display: none !important; }\r\n\r\n .nav-cta:hover { background: var(--red-hover) !important; transform: translateY(-1px) !important; }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px;\r\n height: 2px;\r\n background: var(--white);\r\n transition: all 0.3s;\r\n }\r\n\r\n .hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\r\n .hamburger.open span:nth-child(2) { opacity: 0; }\r\n .hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\r\n\r\n .mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 88px; left: 0; right: 0;\r\n background: rgba(10,10,10,0.98);\r\n border-bottom: 1px solid var(--border);\r\n padding: 16px 24px 24px;\r\n z-index: 999;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .mobile-menu.open { display: flex; }\r\n\r\n .mobile-menu a {\r\n padding: 12px 0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.7);\r\n border-bottom: 1px solid var(--border);\r\n transition: color 0.3s;\r\n }\r\n\r\n .mobile-menu a:last-child { border-bottom: none; }\r\n\r\n .mobile-menu a:hover { color: var(--red); }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 2. HERO\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1583454110551-21f2fa2afe61?w=1600');\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.05);\r\n transition: transform 8s ease;\r\n }\r\n\r\n #hero.loaded .hero-bg { transform: scale(1); }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(10,10,10,0.5) 0%, rgba(10,10,10,0.7) 50%, rgba(10,10,10,0.92) 100%);\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 120px 24px 80px;\r\n max-width: 900px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(230,57,70,0.15);\r\n border: 1px solid rgba(230,57,70,0.4);\r\n padding: 7px 18px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n margin-bottom: 28px;\r\n animation: fadeDown 1s ease both;\r\n }\r\n\r\n .hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--red); border-radius: 50%; animation: pulse 2s infinite; }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.4); }\r\n }\r\n\r\n @keyframes fadeDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .hero-title {\r\n font-size: clamp(52px, 10vw, 110px);\r\n line-height: 0.95;\r\n color: var(--white);\r\n text-shadow: 0 4px 40px rgba(0,0,0,0.6);\r\n animation: fadeUp 1s ease 0.2s both;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-title span { color: var(--red); }\r\n\r\n .hero-sub {\r\n font-size: clamp(15px, 2vw, 18px);\r\n color: rgba(255,255,255,0.75);\r\n max-width: 560px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n animation: fadeUp 1s ease 0.4s both;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeUp 1s ease 0.6s both;\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .scroll-arrow {\r\n position: absolute;\r\n bottom: 36px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 2;\r\n animation: bounce 2s infinite;\r\n cursor: pointer;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 22px;\r\n transition: color 0.3s;\r\n }\r\n\r\n .scroll-arrow:hover { color: var(--red); }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(8px); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 3. STATS BAR\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #stats {\r\n background: var(--black);\r\n border-top: 1px solid var(--border);\r\n border-bottom: 1px solid var(--border);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n #stats::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(90deg, transparent, rgba(230,57,70,0.05), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n divide-x: 1px solid var(--border);\r\n }\r\n\r\n .stat-item {\r\n padding: 48px 24px;\r\n text-align: center;\r\n border-right: 1px solid var(--border);\r\n position: relative;\r\n }\r\n\r\n .stat-item:last-child { border-right: none; }\r\n\r\n .stat-icon {\r\n font-size: 28px;\r\n color: var(--red);\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n .stat-number {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(42px, 5vw, 60px);\r\n color: var(--white);\r\n line-height: 1;\r\n margin-bottom: 8px;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .stat-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 4. ABOUT\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #about {\r\n background: var(--dark);\r\n padding: 100px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .about-img-wrap {\r\n position: relative;\r\n }\r\n\r\n .about-img-wrap::before {\r\n content: '';\r\n position: absolute;\r\n top: -16px; left: -16px;\r\n right: 16px; bottom: 16px;\r\n border: 2px solid var(--red);\r\n z-index: 0;\r\n opacity: 0.4;\r\n }\r\n\r\n .about-img-wrap img {\r\n width: 100%;\r\n height: 520px;\r\n object-fit: cover;\r\n position: relative;\r\n z-index: 1;\r\n filter: grayscale(20%) contrast(1.05);\r\n }\r\n\r\n .about-tag {\r\n display: inline-flex;\r\n gap: 8px;\r\n align-items: center;\r\n color: var(--red);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .about-tag::before { content: ''; display: block; width: 32px; height: 2px; background: var(--red); }\r\n\r\n .about-title {\r\n font-size: clamp(36px, 4vw, 52px);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .about-title span { color: var(--red); }\r\n\r\n .about-text {\r\n color: rgba(255,255,255,0.65);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .about-features {\r\n margin: 28px 0 36px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .about-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n color: var(--white);\r\n }\r\n\r\n .about-feature i {\r\n width: 28px; height: 28px;\r\n background: rgba(230,57,70,0.15);\r\n border: 1px solid rgba(230,57,70,0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n color: var(--red);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 5. CLASSES\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #classes {\r\n background: var(--black);\r\n padding: 100px 0;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .classes-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n }\r\n\r\n .class-card {\r\n position: relative;\r\n height: 320px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .class-card-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n transition: transform 0.6s ease;\r\n filter: grayscale(30%);\r\n }\r\n\r\n .class-card:hover .class-card-bg { transform: scale(1.08); filter: grayscale(0%); }\r\n\r\n .class-card-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(0deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.4) 60%, transparent 100%);\r\n transition: background 0.4s ease;\r\n }\r\n\r\n .class-card:hover .class-card-overlay {\r\n background: linear-gradient(0deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.6) 60%, rgba(10,10,10,0.2) 100%);\r\n }\r\n\r\n .class-card-content {\r\n position: absolute;\r\n bottom: 0; left: 0; right: 0;\r\n padding: 28px;\r\n transform: translateY(8px);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .class-card:hover .class-card-content { transform: translateY(0); }\r\n\r\n .class-icon {\r\n font-size: 22px;\r\n color: var(--red);\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n .class-name {\r\n font-size: 22px;\r\n color: var(--white);\r\n margin-bottom: 6px;\r\n font-family: 'Bebas Neue', sans-serif;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .class-desc {\r\n font-size: 13px;\r\n color: rgba(255,255,255,0.6);\r\n margin-bottom: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .class-btn {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n background: var(--red);\r\n color: var(--white);\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: opacity 0.4s ease, transform 0.4s ease, background 0.3s;\r\n clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);\r\n }\r\n\r\n .class-card:hover .class-btn { opacity: 1; transform: translateY(0); }\r\n .class-btn:hover { background: var(--red-hover); }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 6. TRAINERS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #trainers {\r\n background: var(--dark);\r\n padding: 100px 0;\r\n }\r\n\r\n .trainers-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .trainer-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n padding: 40px 28px;\r\n text-align: center;\r\n transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .trainer-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: var(--red);\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .trainer-card:hover::before { transform: scaleX(1); }\r\n\r\n .trainer-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(230,57,70,0.3);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n }\r\n\r\n .trainer-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n background: #2a2a2a;\r\n border: 3px solid var(--border);\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 36px;\r\n color: var(--gray);\r\n transition: border-color 0.4s;\r\n overflow: hidden;\r\n }\r\n\r\n .trainer-card:hover .trainer-avatar { border-color: var(--red); }\r\n\r\n .trainer-name {\r\n font-size: 24px;\r\n color: var(--white);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .trainer-specialty {\r\n color: var(--red);\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .trainer-exp {\r\n color: var(--gray);\r\n font-size: 13px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .trainer-socials {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n }\r\n\r\n .trainer-socials a {\r\n width: 34px; height: 34px;\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n color: var(--gray);\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n }\r\n\r\n .trainer-socials a:hover {\r\n background: var(--red);\r\n border-color: var(--red);\r\n color: var(--white);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 7. PRICING\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #pricing {\r\n background: var(--black);\r\n padding: 100px 0;\r\n }\r\n\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n align-items: start;\r\n }\r\n\r\n .pricing-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n padding: 40px 32px;\r\n position: relative;\r\n transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\r\n }\r\n\r\n .pricing-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 24px 60px rgba(0,0,0,0.5);\r\n }\r\n\r\n .pricing-card.featured {\r\n border-color: var(--red);\r\n background: #161010;\r\n transform: scale(1.03);\r\n }\r\n\r\n .pricing-card.featured:hover {\r\n transform: scale(1.03) translateY(-10px);\r\n box-shadow: 0 24px 60px rgba(230,57,70,0.2);\r\n }\r\n\r\n .popular-badge {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--red);\r\n color: var(--white);\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n padding: 5px 16px;\r\n white-space: nowrap;\r\n clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 100%, 6px 100%);\r\n }\r\n\r\n .pricing-tier {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 14px;\r\n letter-spacing: 0.2em;\r\n color: var(--red);\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .pricing-price {\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .pricing-amount {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 52px;\r\n color: var(--white);\r\n line-height: 1;\r\n }\r\n\r\n .pricing-currency {\r\n font-family: 'Inter', sans-serif;\r\n font-size: 18px;\r\n font-weight: 700;\r\n vertical-align: super;\r\n color: var(--gray);\r\n }\r\n\r\n .pricing-period {\r\n font-size: 13px;\r\n color: var(--gray);\r\n margin-top: 4px;\r\n }\r\n\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 32px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n\r\n .pricing-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.75);\r\n }\r\n\r\n .pricing-features li i {\r\n color: var(--red);\r\n font-size: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 8. TESTIMONIALS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #testimonials {\r\n background: var(--dark);\r\n padding: 100px 0;\r\n }\r\n\r\n .testi-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .testi-card {\r\n background: var(--card-bg);\r\n border: 1px solid var(--border);\r\n padding: 36px 28px;\r\n position: relative;\r\n transition: transform 0.4s ease, border-color 0.4s ease;\r\n }\r\n\r\n .testi-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(230,57,70,0.25);\r\n }\r\n\r\n .testi-quote-mark {\r\n font-family: Georgia, serif;\r\n font-size: 72px;\r\n color: var(--red);\r\n line-height: 0.6;\r\n margin-bottom: 20px;\r\n opacity: 0.7;\r\n display: block;\r\n }\r\n\r\n .testi-stars {\r\n display: flex;\r\n gap: 4px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .testi-stars i { color: #ffd700; font-size: 13px; }\r\n\r\n .testi-text {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.7);\r\n line-height: 1.8;\r\n margin-bottom: 24px;\r\n font-style: italic;\r\n }\r\n\r\n .testi-footer {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding-top: 20px;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .testi-avatar {\r\n width: 44px; height: 44px;\r\n border-radius: 50%;\r\n background: #2a2a2a;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: var(--gray);\r\n border: 2px solid var(--border);\r\n flex-shrink: 0;\r\n }\r\n\r\n .testi-name {\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: var(--white);\r\n margin-bottom: 2px;\r\n }\r\n\r\n .testi-meta {\r\n font-size: 12px;\r\n color: var(--gray);\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 9. CTA\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #cta {\r\n position: relative;\r\n padding: 120px 0;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1534367610401-9f5ed68180aa?w=1600');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n }\r\n\r\n .cta-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(10,10,10,0.82);\r\n }\r\n\r\n .cta-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-title {\r\n font-size: clamp(40px, 6vw, 72px);\r\n color: var(--white);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .cta-title span { color: var(--red); }\r\n\r\n .cta-sub {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.65);\r\n max-width: 480px;\r\n margin: 0 auto 36px;\r\n }\r\n\r\n .cta-phone {\r\n margin-top: 20px;\r\n font-size: 16px;\r\n color: rgba(255,255,255,0.5);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n justify-content: center;\r\n }\r\n\r\n .cta-phone i { color: var(--red); }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 10. CONTACT\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #contact {\r\n background: var(--black);\r\n padding: 100px 0;\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n\r\n .contact-info-title {\r\n font-size: clamp(28px, 3.5vw, 44px);\r\n margin-bottom: 32px;\r\n }\r\n\r\n .contact-info-title span { color: var(--red); }\r\n\r\n .contact-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .contact-item-icon {\r\n width: 44px; height: 44px;\r\n background: rgba(230,57,70,0.1);\r\n border: 1px solid rgba(230,57,70,0.25);\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 16px;\r\n color: var(--red);\r\n flex-shrink: 0;\r\n transition: background 0.3s;\r\n }\r\n\r\n .contact-item:hover .contact-item-icon {\r\n background: rgba(230,57,70,0.2);\r\n }\r\n\r\n .contact-item-text strong {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--red);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .contact-item-text span {\r\n font-size: 14px;\r\n color: rgba(255,255,255,0.65);\r\n line-height: 1.6;\r\n }\r\n\r\n .contact-form {\r\n background: var(--dark);\r\n border: 1px solid var(--border);\r\n padding: 40px;\r\n }\r\n\r\n .form-title {\r\n font-size: 24px;\r\n margin-bottom: 28px;\r\n color: var(--white);\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .form-group label {\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--gray);\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n background: var(--black);\r\n border: 1px solid var(--border);\r\n color: var(--white);\r\n padding: 12px 16px;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 14px;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n width: 100%;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n border-color: var(--red);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 110px;\r\n }\r\n\r\n .form-success {\r\n display: none;\r\n background: rgba(34,197,94,0.1);\r\n border: 1px solid rgba(34,197,94,0.3);\r\n color: #86efac;\r\n padding: 14px 18px;\r\n font-size: 13px;\r\n margin-top: 12px;\r\n text-align: center;\r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n 11. FOOTER\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n #footer {\r\n background: var(--black);\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .footer-main {\r\n padding: 60px 0 40px;\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr;\r\n gap: 60px;\r\n }\r\n\r\n .footer-logo img {\r\n height: 40px;\r\n margin-bottom: 18px;\r\n object-fit: contain;\r\n }\r\n\r\n .footer-tagline {\r\n font-size: 13px;\r\n color: var(--gray);\r\n line-height: 1.7;\r\n max-width: 240px;\r\n }\r\n\r\n .footer-col-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 16px;\r\n letter-spacing: 0.12em;\r\n color: var(--white);\r\n margin-bottom: 20px;\r\n position: relative;\r\n padding-bottom: 12px;\r\n }\r\n\r\n .footer-col-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 28px; height: 2px;\r\n background: var(--red);\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .footer-links a {\r\n font-size: 13px;\r\n color: var(--gray);\r\n transition: color 0.3s, padding-left 0.3s;\r\n display: inline-block;\r\n }\r\n\r\n .footer-links a:hover { color: var(--red); padding-left: 6px; }\r\n\r\n .footer-socials {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 8px;\r\n }\r\n\r\n .footer-socials a {\r\n width: 38px; height: 38px;\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--gray);\r\n transition: all 0.3s;\r\n border-radius: 6px;\r\n }\r\n\r\n .footer-socials a:hover {\r\n background: var(--red);\r\n border-color: var(--red);\r\n color: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid var(--border);\r\n padding: 20px 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .footer-copy {\r\n font-size: 12px;\r\n color: var(--gray);\r\n }\r\n\r\n .footer-copy span { color: var(--red); }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n RESPONSIVE\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .about-grid { grid-template-columns: 1fr; gap: 48px; }\r\n .about-img-wrap img { height: 360px; }\r\n .classes-grid { grid-template-columns: repeat(2, 1fr); }\r\n .footer-main { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n\r\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n .stat-item:nth-child(2) { border-right: none; }\r\n\r\n .classes-grid { grid-template-columns: 1fr; }\r\n\r\n .trainers-grid { grid-template-columns: 1fr; }\r\n\r\n .pricing-grid { grid-template-columns: 1fr; }\r\n .pricing-card.featured { transform: scale(1); }\r\n .pricing-card.featured:hover { transform: translateY(-10px); }\r\n\r\n .testi-grid { grid-template-columns: 1fr; }\r\n\r\n .contact-grid { grid-template-columns: 1fr; gap: 48px; }\r\n\r\n .footer-main { grid-template-columns: 1fr; gap: 36px; }\r\n .footer-bottom { flex-direction: column; text-align: center; }\r\n\r\n .form-row { grid-template-columns: 1fr; }\r\n\r\n .hero-buttons { flex-direction: column; align-items: center; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n .stat-item { padding: 32px 16px; }\r\n .about-img-wrap::before { display: none; }\r\n .contact-form { padding: 24px; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 Grain overlay \u2500\u2500\u2500 *\/\r\n body::after {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'\/%3E%3C\/svg%3E\");\r\n opacity: 0.025;\r\n pointer-events: none;\r\n z-index: 9999;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 -->\r\n<nav id=\"navbar\">\r\n <div class=\"nav-inner\">\r\n <a href=\"#hero\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/demo.optimizetomorrow.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-29-2026-02_43_44-PM.png\" alt=\"IRONWAR FITNESS Logo\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#hero\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About<\/a><\/li>\r\n <li><a href=\"#classes\">Classes<\/a><\/li>\r\n <li><a href=\"#trainers\">Trainers<\/a><\/li>\r\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-cta\">Join Now<\/a><\/li>\r\n <\/ul>\r\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Toggle menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- Mobile Menu -->\r\n<div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#hero\">Home<\/a>\r\n <a href=\"#about\">About<\/a>\r\n <a href=\"#classes\">Classes<\/a>\r\n <a href=\"#trainers\">Trainers<\/a>\r\n <a href=\"#pricing\">Pricing<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <a href=\"#contact\" style=\"color:var(--red);\">Join Now \u2192<\/a>\r\n<\/div>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section id=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">No Excuses. No Limits.<\/div>\r\n <h1 class=\"hero-title\">FORGE YOUR<br><span>STRENGTH<\/span><br>BUILD YOUR LEGACY<\/h1>\r\n <p class=\"hero-sub\">Karachi's most intense fitness experience. Transform your body. Dominate your goals.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#contact\" class=\"btn btn-red\"><i class=\"fa-solid fa-bolt\"><\/i> Start Training Today<\/a>\r\n <a href=\"#classes\" class=\"btn btn-outline\"><i class=\"fa-solid fa-dumbbell\"><\/i> View Our Classes<\/a>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#stats\" class=\"scroll-arrow\" aria-label=\"Scroll down\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/a>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 STATS \u2500\u2500\u2500 -->\r\n<section id=\"stats\">\r\n <div class=\"container\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item fade-up\">\r\n <i class=\"fa-solid fa-users stat-icon\"><\/i>\r\n <div class=\"stat-number\" data-target=\"500\">0<\/div>\r\n <div class=\"stat-label\">Members Strong<\/div>\r\n <\/div>\r\n <div class=\"stat-item fade-up delay-1\">\r\n <i class=\"fa-solid fa-user-tie stat-icon\"><\/i>\r\n <div class=\"stat-number\" data-target=\"10\">0<\/div>\r\n <div class=\"stat-label\">Expert Trainers<\/div>\r\n <\/div>\r\n <div class=\"stat-item fade-up delay-2\">\r\n <i class=\"fa-solid fa-star stat-icon\"><\/i>\r\n <div class=\"stat-number\" data-target=\"4.8\" data-decimal=\"true\">0<\/div>\r\n <div class=\"stat-label\">Star Rating<\/div>\r\n <\/div>\r\n <div class=\"stat-item fade-up delay-3\">\r\n <i class=\"fa-solid fa-trophy stat-icon\"><\/i>\r\n <div class=\"stat-number\" data-target=\"5\">0<\/div>\r\n <div class=\"stat-label\">Years Strong<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 -->\r\n<section id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"about-grid\">\r\n <div class=\"about-img-wrap fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526506118085-60ce8714f8c5?w=1600\" alt=\"IRONWAR FITNESS Gym\">\r\n <\/div>\r\n <div>\r\n <div class=\"about-tag fade-up\">Our Story<\/div>\r\n <h2 class=\"about-title fade-up delay-1\">ABOUT <span>IRONWAR<\/span> FITNESS<\/h2>\r\n <p class=\"about-text fade-up delay-2\">IRONWAR FITNESS was born from a simple belief \u2014 that everyone deserves access to a world-class training environment. Located in the heart of Federal B Area, Karachi, we've built more than a gym. We've built a battlefield.<\/p>\r\n <p class=\"about-text fade-up delay-3\">Every machine, every weight, every inch of this facility was designed for one purpose: to push you beyond your limits and forge the strongest version of yourself. No fluff. No gimmicks. Pure results.<\/p>\r\n <p class=\"about-text fade-up delay-3\">Our community is built on sweat, discipline, and mutual respect. From beginners to elite athletes, IRONWAR is where Karachi comes to level up.<\/p>\r\n <div class=\"about-features fade-up delay-4\">\r\n <div class=\"about-feature\"><i class=\"fa-solid fa-check\"><\/i> State of the Art Equipment<\/div>\r\n <div class=\"about-feature\"><i class=\"fa-solid fa-check\"><\/i> Expert Coaching & Programming<\/div>\r\n <div class=\"about-feature\"><i class=\"fa-solid fa-check\"><\/i> Proven, Measurable Results<\/div>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn btn-red fade-up delay-5\"><i class=\"fa-solid fa-fire\"><\/i> Join Our Community<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CLASSES \u2500\u2500\u2500 -->\r\n<section id=\"classes\">\r\n <div class=\"container\">\r\n <div class=\"section-header fade-up\">\r\n <span class=\"section-label\">Train Hard<\/span>\r\n <h2 class=\"section-title\">OUR CLASSES<\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto;\">From powerlifting to boxing \u2014 find the discipline that ignites your fire.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"classes-grid\">\r\n <div class=\"class-card fade-up\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1584466977773-e625c37cdd50?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-weight-hanging class-icon\"><\/i>\r\n <div class=\"class-name\">Powerlifting<\/div>\r\n <div class=\"class-desc\">Heavy weights, maximum strength. Build an iron foundation.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"class-card fade-up delay-1\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1599058945522-28d584b6f0ff?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-fire class-icon\"><\/i>\r\n <div class=\"class-name\">CrossFit<\/div>\r\n <div class=\"class-desc\">High intensity functional training. Push past every boundary.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"class-card fade-up delay-2\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1517438476312-10d79c077509?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-hand-fist class-icon\"><\/i>\r\n <div class=\"class-name\">Boxing<\/div>\r\n <div class=\"class-desc\">Combat fitness and conditioning. Sharpen your body and mind.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"class-card fade-up delay-3\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9f50b?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-heart-pulse class-icon\"><\/i>\r\n <div class=\"class-name\">Cardio Blast<\/div>\r\n <div class=\"class-desc\">High-energy fat-burning cardio sessions. Unleash your endurance.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"class-card fade-up delay-4\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544367567-0f2fcb009e0b?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-spa class-icon\"><\/i>\r\n <div class=\"class-name\">Yoga & Flexibility<\/div>\r\n <div class=\"class-desc\">Recovery and mobility work. Stay strong, stay supple.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"class-card fade-up delay-5\">\r\n <div class=\"class-card-bg\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1605296867304-46d5465a13f1?w=800')\"><\/div>\r\n <div class=\"class-card-overlay\"><\/div>\r\n <div class=\"class-card-content\">\r\n <i class=\"fa-solid fa-person-running class-icon\"><\/i>\r\n <div class=\"class-name\">Personal Training<\/div>\r\n <div class=\"class-desc\">One-on-one coaching tailored to your goals. Your results, amplified.<\/div>\r\n <a href=\"#contact\" class=\"class-btn\">Book Class<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 TRAINERS \u2500\u2500\u2500 -->\r\n<section id=\"trainers\">\r\n <div class=\"container\">\r\n <div class=\"section-header fade-up\" style=\"text-align:center;margin-bottom:60px;\">\r\n <span class=\"section-label\">The Experts<\/span>\r\n <h2 class=\"section-title\">MEET YOUR TRAINERS<\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto;\">World-class coaches committed to transforming your performance.<\/p>\r\n <\/div>\r\n <div class=\"trainers-grid\">\r\n <div class=\"trainer-card fade-up\">\r\n <div class=\"trainer-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div class=\"trainer-name\">Ahmed Khan<\/div>\r\n <div class=\"trainer-specialty\">Powerlifting Specialist<\/div>\r\n <div class=\"trainer-exp\"><i class=\"fa-solid fa-medal\" style=\"color:var(--red);margin-right:6px;\"><\/i>8 Years Experience<\/div>\r\n <div class=\"trainer-socials\">\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"trainer-card fade-up delay-2\">\r\n <div class=\"trainer-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div class=\"trainer-name\">Sara Malik<\/div>\r\n <div class=\"trainer-specialty\">CrossFit Coach<\/div>\r\n <div class=\"trainer-exp\"><i class=\"fa-solid fa-medal\" style=\"color:var(--red);margin-right:6px;\"><\/i>5 Years Experience<\/div>\r\n <div class=\"trainer-socials\">\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"trainer-card fade-up delay-4\">\r\n <div class=\"trainer-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div class=\"trainer-name\">Usman Ali<\/div>\r\n <div class=\"trainer-specialty\">Boxing Trainer<\/div>\r\n <div class=\"trainer-exp\"><i class=\"fa-solid fa-medal\" style=\"color:var(--red);margin-right:6px;\"><\/i>10 Years Experience<\/div>\r\n <div class=\"trainer-socials\">\r\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 -->\r\n<section id=\"pricing\">\r\n <div class=\"container\">\r\n <div class=\"section-header fade-up\" style=\"text-align:center;margin-bottom:60px;\">\r\n <span class=\"section-label\">Invest In Yourself<\/span>\r\n <h2 class=\"section-title\">SIMPLE PRICING<\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto;\">Transparent plans for every commitment level. No hidden fees.<\/p>\r\n <\/div>\r\n <div class=\"pricing-grid\">\r\n <div class=\"pricing-card fade-up\">\r\n <div class=\"pricing-tier\">Basic<\/div>\r\n <div class=\"pricing-price\">\r\n <div class=\"pricing-amount\"><span class=\"pricing-currency\">PKR <\/span>3,000<\/div>\r\n <div class=\"pricing-period\">per month<\/div>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Full Gym Access<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Locker Room<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Basic Equipment<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Changing Facilities<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline\" style=\"width:100%;justify-content:center;\">Get Started<\/a>\r\n <\/div>\r\n <div class=\"pricing-card featured fade-up delay-2\">\r\n <div class=\"popular-badge\">Most Popular<\/div>\r\n <div class=\"pricing-tier\">Pro<\/div>\r\n <div class=\"pricing-price\">\r\n <div class=\"pricing-amount\"><span class=\"pricing-currency\">PKR <\/span>5,500<\/div>\r\n <div class=\"pricing-period\">per month<\/div>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Everything in Basic<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> All Group Classes<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Nutrition Guide<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Progress Tracking<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Priority Booking<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-red\" style=\"width:100%;justify-content:center;clip-path:none;\">Choose Pro<\/a>\r\n <\/div>\r\n <div class=\"pricing-card fade-up delay-4\">\r\n <div class=\"pricing-tier\">Elite<\/div>\r\n <div class=\"pricing-price\">\r\n <div class=\"pricing-amount\"><span class=\"pricing-currency\">PKR <\/span>9,000<\/div>\r\n <div class=\"pricing-period\">per month<\/div>\r\n <\/div>\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> Everything in Pro<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Personal Trainer<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Custom Meal Plan<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> Body Composition Analysis<\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> VIP Member Status<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"btn btn-outline\" style=\"width:100%;justify-content:center;\">Go Elite<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 -->\r\n<section id=\"testimonials\">\r\n <div class=\"container\">\r\n <div class=\"section-header fade-up\" style=\"text-align:center;margin-bottom:60px;\">\r\n <span class=\"section-label\">Real Stories<\/span>\r\n <h2 class=\"section-title\">WHAT OUR MEMBERS SAY<\/h2>\r\n <\/div>\r\n <div class=\"testi-grid\">\r\n <div class=\"testi-card fade-up\">\r\n <span class=\"testi-quote-mark\">\"<\/span>\r\n <div class=\"testi-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"testi-text\">IRONWAR completely transformed my body and mindset. In 6 months I lost 18kg and gained more confidence than I've had in years. The trainers push you exactly when you need it most.<\/p>\r\n <div class=\"testi-footer\">\r\n <div class=\"testi-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div>\r\n <div class=\"testi-name\">Bilal Raza<\/div>\r\n <div class=\"testi-meta\">Member for 8 months<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-card fade-up delay-2\">\r\n <span class=\"testi-quote-mark\">\"<\/span>\r\n <div class=\"testi-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"testi-text\">The equipment here is top-tier and the atmosphere is electric. Sara's CrossFit classes are brutal in the best way. I've tried 4 gyms in Karachi \u2014 IRONWAR is on another level.<\/p>\r\n <div class=\"testi-footer\">\r\n <div class=\"testi-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div>\r\n <div class=\"testi-name\">Zara Hameed<\/div>\r\n <div class=\"testi-meta\">Member for 1 year<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"testi-card fade-up delay-4\">\r\n <span class=\"testi-quote-mark\">\"<\/span>\r\n <div class=\"testi-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"testi-text\">Training with Ahmed Khan changed everything for me competitively. His powerlifting programming is elite-level. I hit a 180kg squat PR last month. This place is the real deal.<\/p>\r\n <div class=\"testi-footer\">\r\n <div class=\"testi-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n <div>\r\n <div class=\"testi-name\">Faisal Qureshi<\/div>\r\n <div class=\"testi-meta\">Member for 14 months<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CTA \u2500\u2500\u2500 -->\r\n<section id=\"cta\">\r\n <div class=\"cta-bg\"><\/div>\r\n <div class=\"cta-overlay\"><\/div>\r\n <div class=\"container cta-content\">\r\n <span class=\"section-label fade-up\">Limited Spots Available<\/span>\r\n <h2 class=\"cta-title fade-up delay-1\">READY TO START YOUR <span>JOURNEY?<\/span><\/h2>\r\n <p class=\"cta-sub fade-up delay-2\">Join IRONWAR FITNESS today and transform your life. Your strongest self is waiting.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-red fade-up delay-3\" style=\"font-size:15px;padding:18px 44px;\"><i class=\"fa-solid fa-bolt\"><\/i> Get Your Free Trial<\/a>\r\n <div class=\"cta-phone fade-up delay-4\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <span>Call us: 0311 2793641<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 -->\r\n<section id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"contact-grid\">\r\n <div>\r\n <span class=\"section-label fade-up\">Get In Touch<\/span>\r\n <h2 class=\"contact-info-title fade-up delay-1\">FIND US.<br><span>TRAIN WITH US.<\/span><\/h2>\r\n <div class=\"contact-items\">\r\n <div class=\"contact-item fade-up delay-1\">\r\n <div class=\"contact-item-icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\r\n <div class=\"contact-item-text\">\r\n <strong>Location<\/strong>\r\n <span>Plot BS, 3 Gulberg West Lane, Federal B Area Block 12, Karachi<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item fade-up delay-2\">\r\n <div class=\"contact-item-icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\r\n <div class=\"contact-item-text\">\r\n <strong>Phone<\/strong>\r\n <span>0311 2793641<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item fade-up delay-3\">\r\n <div class=\"contact-item-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n <div class=\"contact-item-text\">\r\n <strong>Hours<\/strong>\r\n <span>Mon\u2013Sat: 6:00 AM \u2013 11:00 PM<br>Sunday: 8:00 AM \u2013 6:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item fade-up delay-4\">\r\n <div class=\"contact-item-icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n <div class=\"contact-item-text\">\r\n <strong>Email<\/strong>\r\n <span>info@ironwarfitness.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-form fade-up delay-2\">\r\n <h3 class=\"form-title\">SEND US A MESSAGE<\/h3>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Full Name<\/label>\r\n <input type=\"text\" id=\"fname\" placeholder=\"Your name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone<\/label>\r\n <input type=\"tel\" id=\"fphone\" placeholder=\"03XX XXXXXXX\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email Address<\/label>\r\n <input type=\"email\" id=\"femail\" placeholder=\"you@example.com\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Message<\/label>\r\n <textarea id=\"fmessage\" placeholder=\"How can we help you?\"><\/textarea>\r\n <\/div>\r\n <button class=\"btn btn-red\" onclick=\"submitForm()\" style=\"width:100%;justify-content:center;font-size:13px;\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i> Send Message\r\n <\/button>\r\n <div class=\"form-success\" id=\"formSuccess\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i> Message sent! We'll contact you within 24 hours.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\r\n<footer id=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-main\">\r\n <div>\r\n <div class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/demo.optimizetomorrow.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-29-2026-02_43_44-PM.png\" alt=\"IRONWAR FITNESS\">\r\n <\/div>\r\n <p class=\"footer-tagline\">Forge Your Strength. Build Your Legacy. Karachi's most intense fitness experience.<\/p>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-col-title\">Quick Links<\/div>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#hero\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#classes\">Our Classes<\/a><\/li>\r\n <li><a href=\"#trainers\">Trainers<\/a><\/li>\r\n <li><a href=\"#pricing\">Pricing<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <div class=\"footer-col-title\">Follow Us<\/div>\r\n <p style=\"font-size:13px;color:var(--gray);margin-bottom:16px;line-height:1.6;\">Stay updated with our latest classes, events and member transformations.<\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n <a href=\"#\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p class=\"footer-copy\">\u00a9 2026 <span>IRONWAR FITNESS<\/span>. All Rights Reserved.<\/p>\r\n <p class=\"footer-copy\">Designed by <span>Optimize Tomorrow<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ \u2500\u2500\u2500 Hero loaded \u2500\u2500\u2500\r\ndocument.getElementById('hero').classList.add('loaded');\r\n\r\n\/\/ \u2500\u2500\u2500 Navbar scroll \u2500\u2500\u2500\r\nconst navbar = document.getElementById('navbar');\r\nwindow.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 Hamburger \u2500\u2500\u2500\r\nconst hamburger = document.getElementById('hamburger');\r\nconst mobileMenu = document.getElementById('mobileMenu');\r\nhamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('open');\r\n mobileMenu.classList.toggle('open');\r\n});\r\n\r\nmobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('open');\r\n mobileMenu.classList.remove('open');\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 Active nav on scroll \u2500\u2500\u2500\r\nconst sections = document.querySelectorAll('section[id]');\r\nconst navLinks = document.querySelectorAll('.nav-links a');\r\n\r\nconst navObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n navLinks.forEach(link => {\r\n link.classList.toggle('active', link.getAttribute('href') === '#' + entry.target.id);\r\n });\r\n }\r\n });\r\n}, { threshold: 0.3 });\r\n\r\nsections.forEach(s => navObserver.observe(s));\r\n\r\n\/\/ \u2500\u2500\u2500 Fade-up animations \u2500\u2500\u2500\r\nconst fadeEls = document.querySelectorAll('.fade-up');\r\nconst fadeObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n fadeObserver.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.12 });\r\n\r\nfadeEls.forEach(el => fadeObserver.observe(el));\r\n\r\n\/\/ \u2500\u2500\u2500 Counter animation \u2500\u2500\u2500\r\nfunction animateCounter(el) {\r\n const target = parseFloat(el.dataset.target);\r\n const isDecimal = el.dataset.decimal === 'true';\r\n const duration = 1800;\r\n const start = performance.now();\r\n\r\n const step = (now) => {\r\n const elapsed = now - start;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const eased = 1 - Math.pow(1 - progress, 3);\r\n const current = eased * target;\r\n el.textContent = isDecimal ? current.toFixed(1) : Math.floor(current) + (target >= 100 ? '+' : (el.closest('.stat-item').querySelector('.stat-label').textContent.includes('Years') ? '+' : '+'));\r\n if (progress < 1) requestAnimationFrame(step);\r\n else el.textContent = (isDecimal ? target.toFixed(1) : target) + (target >= 100 ? '+' : '+');\r\n };\r\n requestAnimationFrame(step);\r\n}\r\n\r\nconst counters = document.querySelectorAll('.stat-number');\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n animateCounter(entry.target);\r\n counterObserver.unobserve(entry.target);\r\n }\r\n });\r\n}, { threshold: 0.5 });\r\n\r\ncounters.forEach(c => counterObserver.observe(c));\r\n\r\n\/\/ \u2500\u2500\u2500 Form submission \u2500\u2500\u2500\r\nfunction submitForm() {\r\n const name = document.getElementById('fname').value.trim();\r\n const email = document.getElementById('femail').value.trim();\r\n const phone = document.getElementById('fphone').value.trim();\r\n const msg = document.getElementById('fmessage').value.trim();\r\n\r\n if (!name || !phone) {\r\n alert('Please fill in at least your name and phone number.');\r\n return;\r\n }\r\n\r\n const successEl = document.getElementById('formSuccess');\r\n successEl.style.display = 'block';\r\n\r\n document.getElementById('fname').value = '';\r\n document.getElementById('femail').value = '';\r\n document.getElementById('fphone').value = '';\r\n document.getElementById('fmessage').value = '';\r\n\r\n setTimeout(() => { successEl.style.display = 'none'; }, 5000);\r\n}\r\n\r\n\/\/ \u2500\u2500\u2500 Smooth scroll for anchor links \u2500\u2500\u2500\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(link => {\r\n link.addEventListener('click', (e) => {\r\n const target = document.querySelector(link.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n const offset = 88;\r\n const top = target.getBoundingClientRect().top + window.scrollY - offset;\r\n window.scrollTo({ top, behavior: 'smooth' });\r\n }\r\n });\r\n});\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>IRONWAR FITNESS \u2014 Forge Your Strength. Build Your Legacy. Home About Classes Trainers Pricing Contact Join Now Home About Classes Trainers Pricing Contact Join Now \u2192 No Excuses. No Limits. FORGE YOURSTRENGTHBUILD YOUR LEGACY Karachi’s most intense fitness experience. Transform your body. Dominate your goals. Start Training Today View Our Classes 0 Members Strong 0 […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":11,"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/demo.optimizetomorrow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}