{"id":6410,"date":"2025-12-29T07:56:08","date_gmt":"2025-12-29T07:56:08","guid":{"rendered":"https:\/\/spinecareandwellness.com\/?page_id=6410"},"modified":"2026-01-30T09:18:26","modified_gmt":"2026-01-30T09:18:26","slug":"home","status":"publish","type":"page","link":"https:\/\/spinecareandwellness.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n Spine Reborn | Advanced Spine Care & Wellness<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* ===== CSS VARIABLES ===== *\/\n :root {\n --primary-blue: #2A6EBB;\n --healing-green: #4CAF7A;\n --warm-orange: #FF9A6C;\n --soft-teal: #5BC0BE;\n --light-bg: #F8FBFE;\n --dark-text: #2C3E50;\n --gray-text: #5D6D7E;\n --white: #FFFFFF;\n --shadow: 0 10px 30px rgba(42, 110, 187, 0.08);\n --shadow-hover: 0 15px 40px rgba(42, 110, 187, 0.12);\n --transition: all 0.3s ease;\n --border-radius: 12px;\n }\n\n \/* ===== RESET & BASE STYLES ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n color: var(--dark-text);\n background-color: var(--light-bg);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n line-height: 1.2;\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .section-padding {\n padding: 80px 0;\n }\n\n .section-title {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n text-align: center;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n width: 80px;\n height: 4px;\n background: linear-gradient(to right, var(--primary-blue), var(--healing-green));\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n }\n\n .btn {\n display: inline-block;\n padding: 15px 32px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n transition: var(--transition);\n cursor: pointer;\n border: none;\n font-family: 'Poppins', sans-serif;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary-blue), var(--soft-teal));\n color: white;\n box-shadow: var(--shadow);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-hover);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--primary-blue);\n border: 2px solid var(--primary-blue);\n }\n\n .btn-secondary:hover {\n background-color: rgba(42, 110, 187, 0.05);\n }\n\n \/* ===== HEADER ===== *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);\n padding: 15px 0;\n }\n\n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .logo-icon {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--primary-blue), var(--healing-green));\n border-radius: 8px;\n position: relative;\n animation: gentlePulse 4s infinite ease-in-out;\n }\n\n @keyframes gentlePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n .logo-icon::before {\n content: 'S';\n position: absolute;\n color: white;\n font-weight: 700;\n font-size: 24px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .logo-text {\n font-size: 1.5rem;\n font-weight: 700;\n background: linear-gradient(to right, var(--primary-blue), var(--healing-green));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 30px;\n }\n\n nav a {\n font-weight: 500;\n transition: var(--transition);\n position: relative;\n }\n\n nav a:hover {\n color: var(--primary-blue);\n }\n\n nav a::after {\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n background: var(--primary-blue);\n bottom: -5px;\n left: 0;\n transition: var(--transition);\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n .header-cta {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .phone-link {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 600;\n color: var(--primary-blue);\n }\n\n .ai-assistant-btn {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--healing-green), var(--soft-teal));\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 1.2rem;\n box-shadow: var(--shadow);\n cursor: pointer;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(76, 175, 122, 0.7); }\n 70% { box-shadow: 0 0 0 10px rgba(76, 175, 122, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(76, 175, 122, 0); }\n }\n\n .mobile-menu-btn {\n display: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n\n \/* ===== HERO SECTION ===== *\/\n .hero {\n padding-top: 150px;\n padding-bottom: 100px;\n background: linear-gradient(135deg, rgba(248, 251, 254, 0.9) 0%, rgba(232, 244, 248, 0.9) 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n width: 500px;\n height: 500px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(91, 192, 190, 0.1) 0%, rgba(91, 192, 190, 0) 70%);\n top: -200px;\n right: -200px;\n }\n\n .hero-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 40px;\n }\n\n .hero-content {\n flex: 1;\n }\n\n .hero-title {\n font-size: 3.2rem;\n margin-bottom: 20px;\n line-height: 1.1;\n }\n\n .hero-subtitle {\n font-size: 1.2rem;\n color: var(--gray-text);\n margin-bottom: 30px;\n max-width: 500px;\n }\n\n .hero-buttons {\n display: flex;\n gap: 15px;\n margin-bottom: 40px;\n }\n\n .hero-stats {\n display: flex;\n gap: 30px;\n }\n\n .stat-item {\n display: flex;\n flex-direction: column;\n }\n\n .stat-number {\n font-size: 2.2rem;\n font-weight: 700;\n color: var(--primary-blue);\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--gray-text);\n }\n\n .hero-visual {\n flex: 1;\n position: relative;\n }\n\n .body-visual {\n width: 100%;\n max-width: 500px;\n height: 500px;\n background: linear-gradient(135deg, #e6f7ff 0%, #f0f9ff 100%);\n border-radius: 20px;\n position: relative;\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n\n .pain-point {\n position: absolute;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background: rgba(255, 107, 107, 0.8);\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 0.8rem;\n font-weight: 600;\n }\n\n .pain-point:hover {\n transform: scale(1.2);\n background: rgba(255, 107, 107, 1);\n }\n\n .pain-point:nth-child(1) {\n top: 20%;\n left: 45%;\n }\n\n .pain-point:nth-child(2) {\n top: 50%;\n left: 40%;\n }\n\n .pain-point:nth-child(3) {\n top: 70%;\n left: 50%;\n }\n\n .pain-label {\n position: absolute;\n bottom: 20px;\n left: 20px;\n background: rgba(255, 255, 255, 0.9);\n padding: 10px 15px;\n border-radius: 10px;\n box-shadow: var(--shadow);\n font-size: 0.9rem;\n }\n\n \/* ===== PAIN MAP MODAL ===== *\/\n .modal-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 2000;\n align-items: center;\n justify-content: center;\n }\n\n .modal {\n background-color: white;\n border-radius: var(--border-radius);\n width: 90%;\n max-width: 600px;\n padding: 40px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n position: relative;\n animation: modalAppear 0.4s ease-out;\n }\n\n @keyframes modalAppear {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n font-size: 1.5rem;\n cursor: pointer;\n color: var(--gray-text);\n }\n\n .modal-title {\n font-size: 1.8rem;\n margin-bottom: 20px;\n color: var(--primary-blue);\n }\n\n .pain-slider {\n width: 100%;\n margin: 20px 0;\n }\n\n .slider-labels {\n display: flex;\n justify-content: space-between;\n margin-top: 5px;\n font-size: 0.9rem;\n color: var(--gray-text);\n }\n\n .pain-description {\n width: 100%;\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n margin: 15px 0;\n font-family: 'Poppins', sans-serif;\n }\n\n .modal-result {\n background-color: #f8f9fa;\n padding: 20px;\n border-radius: 10px;\n margin: 20px 0;\n border-left: 4px solid var(--healing-green);\n }\n\n .modal-buttons {\n display: flex;\n gap: 15px;\n margin-top: 25px;\n }\n\n \/* ===== TRANSFORMATION SECTION ===== *\/\n .transformation {\n background-color: white;\n }\n\n .timeline-container {\n max-width: 800px;\n margin: 50px auto 0;\n position: relative;\n }\n\n .timeline-slider {\n -webkit-appearance: none;\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: linear-gradient(to right, #FF9A6C, #4CAF7A);\n outline: none;\n margin-bottom: 60px;\n }\n\n .timeline-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background: var(--primary-blue);\n cursor: pointer;\n box-shadow: 0 0 10px rgba(0,0,0,0.2);\n border: 3px solid white;\n }\n\n .timeline-markers {\n display: flex;\n justify-content: space-between;\n position: relative;\n margin-top: -40px;\n }\n\n .timeline-marker {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100px;\n text-align: center;\n cursor: pointer;\n }\n\n .marker-dot {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #ddd;\n margin-bottom: 10px;\n transition: var(--transition);\n }\n\n .timeline-marker.active .marker-dot {\n background-color: var(--healing-green);\n transform: scale(1.3);\n }\n\n .timeline-content {\n background-color: #f8f9fa;\n border-radius: var(--border-radius);\n padding: 40px;\n margin-top: 30px;\n min-height: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n .timeline-icon {\n font-size: 3rem;\n margin-bottom: 20px;\n color: var(--primary-blue);\n }\n\n \/* ===== PATIENT MATCHMAKER ===== *\/\n .matchmaker {\n background: linear-gradient(135deg, #f0f9ff 0%, #e6f7ff 100%);\n }\n\n .matchmaker-cards {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-top: 50px;\n flex-wrap: wrap;\n }\n\n .matchmaker-card {\n background-color: white;\n border-radius: var(--border-radius);\n padding: 30px;\n width: 300px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .matchmaker-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-hover);\n }\n\n .matchmaker-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, var(--primary-blue), var(--healing-green));\n }\n\n .matchmaker-icon {\n font-size: 2.5rem;\n margin-bottom: 20px;\n color: var(--primary-blue);\n }\n\n .matchmaker-path {\n display: inline-block;\n background-color: rgba(76, 175, 122, 0.1);\n color: var(--healing-green);\n padding: 5px 15px;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 600;\n margin-top: 15px;\n }\n\n .quiz-button-container {\n text-align: center;\n margin-top: 50px;\n }\n\n \/* ===== SOCIAL PROOF ===== *\/\n .testimonial-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 30px;\n margin-top: 50px;\n }\n\n .testimonial-card {\n background-color: white;\n border-radius: var(--border-radius);\n padding: 30px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n\n .testimonial-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .testimonial-header {\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n }\n\n .testimonial-avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: #ddd;\n margin-right: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n color: var(--primary-blue);\n font-size: 1.5rem;\n }\n\n .testimonial-tag {\n display: inline-block;\n background-color: rgba(255, 154, 108, 0.1);\n color: var(--warm-orange);\n padding: 3px 10px;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-top: 10px;\n }\n\n .outcome-metrics {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n gap: 30px;\n margin-top: 60px;\n padding: 40px;\n background: linear-gradient(135deg, rgba(42, 110, 187, 0.05) 0%, rgba(76, 175, 122, 0.05) 100%);\n border-radius: var(--border-radius);\n }\n\n .metric-item {\n text-align: center;\n flex: 1;\n min-width: 150px;\n }\n\n .metric-value {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-blue);\n margin-bottom: 10px;\n }\n\n \/* ===== 3-STEP PROCESS ===== *\/\n .process-steps {\n display: flex;\n justify-content: space-between;\n margin-top: 60px;\n position: relative;\n }\n\n .process-steps::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 10%;\n width: 80%;\n height: 2px;\n background: linear-gradient(to right, var(--primary-blue), var(--healing-green));\n z-index: 1;\n }\n\n .step-card {\n background-color: white;\n border-radius: var(--border-radius);\n padding: 30px;\n width: 30%;\n box-shadow: var(--shadow);\n position: relative;\n z-index: 2;\n transition: var(--transition);\n }\n\n .step-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-hover);\n }\n\n .step-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--primary-blue), var(--soft-teal));\n border-radius: 50%;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 20px;\n }\n\n .ai-feature {\n display: inline-block;\n background-color: rgba(91, 192, 190, 0.1);\n color: var(--soft-teal);\n padding: 8px 15px;\n border-radius: 50px;\n font-size: 0.9rem;\n margin-top: 15px;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .ai-feature:hover {\n background-color: rgba(91, 192, 190, 0.2);\n }\n\n \/* ===== AUTHORITY SECTION ===== *\/\n .authority {\n background-color: white;\n }\n\n .authority-container {\n display: flex;\n align-items: center;\n gap: 50px;\n margin-top: 50px;\n }\n\n .authority-image {\n flex: 1;\n border-radius: var(--border-radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n\n .authority-image img {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .authority-content {\n flex: 1;\n }\n\n .credentials {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n margin: 20px 0;\n }\n\n .credential {\n background-color: rgba(42, 110, 187, 0.05);\n padding: 10px 20px;\n border-radius: 50px;\n font-weight: 500;\n }\n\n \/* ===== OFFER SECTION ===== *\/\n .offer {\n background: linear-gradient(135deg, rgba(42, 110, 187, 0.05) 0%, rgba(76, 175, 122, 0.05) 100%);\n }\n\n .offer-card {\n max-width: 800px;\n margin: 50px auto 0;\n background-color: white;\n border-radius: var(--border-radius);\n padding: 50px;\n box-shadow: var(--shadow);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .offer-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(to right, var(--primary-blue), var(--healing-green));\n }\n\n .offer-highlight {\n display: inline-block;\n background: linear-gradient(135deg, var(--warm-orange), #FF6B6B);\n color: white;\n padding: 5px 20px;\n border-radius: 50px;\n font-weight: 600;\n margin: 20px 0;\n }\n\n .offer-price {\n font-size: 3rem;\n font-weight: 700;\n color: var(--primary-blue);\n margin: 20px 0;\n }\n\n .price-strike {\n text-decoration: line-through;\n color: var(--gray-text);\n font-size: 1.5rem;\n margin-right: 10px;\n }\n\n .availability {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background-color: rgba(76, 175, 122, 0.1);\n padding: 10px 20px;\n border-radius: 50px;\n margin-top: 20px;\n }\n\n .availability-dot {\n width: 10px;\n height: 10px;\n background-color: var(--healing-green);\n border-radius: 50%;\n animation: blink 1.5s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .fear-reducers {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 20px;\n margin-top: 30px;\n }\n\n .fear-reducer {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n \/* ===== FOOTER ===== *\/\n footer {\n background-color: #2C3E50;\n color: white;\n padding: 60px 0 30px;\n }\n\n .footer-container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 40px;\n }\n\n .footer-column h4 {\n font-size: 1.2rem;\n margin-bottom: 25px;\n position: relative;\n }\n\n .footer-column h4::after {\n content: '';\n position: absolute;\n width: 30px;\n height: 3px;\n background-color: var(--healing-green);\n bottom: -10px;\n left: 0;\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 12px;\n }\n\n .footer-links a {\n color: #b0b7c3;\n transition: var(--transition);\n }\n\n .footer-links a:hover {\n color: white;\n padding-left: 5px;\n }\n\n .resource-link {\n display: block;\n background-color: rgba(255, 255, 255, 0.05);\n padding: 12px 15px;\n border-radius: 8px;\n margin-bottom: 10px;\n transition: var(--transition);\n }\n\n .resource-link:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n\n .newsletter-form {\n display: flex;\n margin-top: 15px;\n }\n\n .newsletter-input {\n flex: 1;\n padding: 12px 15px;\n border: none;\n border-radius: 50px 0 0 50px;\n font-family: 'Poppins', sans-serif;\n }\n\n .newsletter-btn {\n background: linear-gradient(135deg, var(--healing-green), var(--soft-teal));\n color: white;\n border: none;\n padding: 0 20px;\n border-radius: 0 50px 50px 0;\n cursor: pointer;\n }\n\n .social-icons {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n\n .social-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n }\n\n .social-icon:hover {\n background-color: var(--healing-green);\n transform: translateY(-3px);\n }\n\n .copyright {\n text-align: center;\n margin-top: 50px;\n padding-top: 20px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n color: #b0b7c3;\n font-size: 0.9rem;\n }\n\n \/* ===== RESPONSIVE STYLES ===== *\/\n @media (max-width: 1024px) {\n .hero-container {\n flex-direction: column;\n }\n \n .process-steps {\n flex-direction: column;\n gap: 30px;\n }\n \n .process-steps::before {\n display: none;\n }\n \n .step-card {\n width: 100%;\n }\n \n .authority-container {\n flex-direction: column;\n }\n \n .footer-container {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n nav {\n display: none;\n }\n \n .mobile-menu-btn {\n display: block;\n }\n \n .header-cta {\n display: none;\n }\n \n .hero-title {\n font-size: 2.5rem;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .matchmaker-cards {\n flex-direction: column;\n align-items: center;\n }\n \n .testimonial-grid {\n grid-template-columns: 1fr;\n }\n \n .footer-container {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Header -->\n <header>\n <div class=\"container header-container\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><\/div>\n <div class=\"logo-text\">Spine Reborn<\/div>\n <\/div>\n \n <nav>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#process\">Our Process<\/a><\/li>\n <li><a href=\"#conditions\">Conditions<\/a><\/li>\n <li><a href=\"#stories\">Patient Stories<\/a><\/li>\n <li><a href=\"#resources\">Wellness Resources<\/a><\/li>\n <\/ul>\n <\/nav>\n \n <div class=\"header-cta\">\n <a href=\"tel:5554325669\" class=\"phone-link\">\n <i class=\"fas fa-phone\"><\/i>\n (555) HEAL-NOW\n <\/a>\n <div class=\"ai-assistant-btn\" id=\"aiAssistantBtn\">\n <i class=\"fas fa-robot\"><\/i>\n <\/div>\n <button class=\"btn btn-primary\">Book Discovery Call<\/button>\n <\/div>\n \n <div class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"container hero-container\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Your Spine Was Meant For Living, Not Just Enduring<\/h1>\n <p class=\"hero-subtitle\">Most spine clinics treat your MRI. We treat YOUR LIFE. Start with our 30-second pain assessment below.<\/p>\n \n <div class=\"hero-buttons\">\n <button class=\"btn btn-primary\" id=\"startAssessmentBtn\">Start Your Pain-Free Journey<\/button>\n <button class=\"btn btn-secondary\">Watch 2-min Intro Video \u2192<\/button>\n <\/div>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">87%<\/div>\n <div class=\"stat-label\">Pain Reduction<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">2,000+<\/div>\n <div class=\"stat-label\">Patients Helped<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">15+<\/div>\n <div class=\"stat-label\">Years Experience<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"body-visual\" id=\"bodyVisual\">\n <div class=\"pain-point\" data-pain=\"neck\">N<\/div>\n <div class=\"pain-point\" data-pain=\"mid-back\">M<\/div>\n <div class=\"pain-point\" data-pain=\"lower-back\">L<\/div>\n <div class=\"pain-label\">Click where it hurts to begin<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Pain Map Modal -->\n <div class=\"modal-overlay\" id=\"painMapModal\">\n <div class=\"modal\">\n <div class=\"modal-close\" id=\"modalClose\">×<\/div>\n <h2 class=\"modal-title\">Your Personalized Pain Assessment<\/h2>\n \n <p>You selected: <strong id=\"selectedPainArea\">Neck Pain<\/strong><\/p>\n \n <p>On a scale of 1-10, how would you rate your pain?<\/p>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"pain-slider\" id=\"painSlider\">\n <div class=\"slider-labels\">\n <span>Mild (1)<\/span>\n <span>Severe (10)<\/span>\n <\/div>\n \n <p>Describe your pain in one word:<\/p>\n <input type=\"text\" class=\"pain-description\" id=\"painDescription\" placeholder=\"e.g., burning, stabbing, aching...\">\n \n <div class=\"modal-result\" id=\"aiResult\">\n <h3>\ud83d\udd0d Based on your input:<\/h3>\n <p>This type of pain often responds well to:<\/p>\n <ul>\n <li>Targeted spinal decompression<\/li>\n <li>Specific strengthening exercises<\/li>\n <li>Posture recalibration<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"modal-buttons\">\n <button class=\"btn btn-primary\" id=\"getFreeGuideBtn\">Get Your Free Relief Guide<\/button>\n <button class=\"btn btn-secondary\" id=\"bookNowBtn\">Book Consultation Now<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Transformation Section -->\n <section class=\"transformation section-padding\">\n <div class=\"container\">\n <h2 class=\"section-title\">See What’s Possible: Your Healing Journey<\/h2>\n \n <div class=\"timeline-container\">\n <input type=\"range\" min=\"1\" max=\"3\" value=\"1\" class=\"timeline-slider\" id=\"timelineSlider\">\n \n <div class=\"timeline-markers\">\n <div class=\"timeline-marker active\" data-month=\"1\">\n <div class=\"marker-dot\"><\/div>\n <div class=\"marker-label\">Month 1<\/div>\n <\/div>\n <div class=\"timeline-marker\" data-month=\"2\">\n <div class=\"marker-dot\"><\/div>\n <div class=\"marker-label\">Month 2<\/div>\n <\/div>\n <div class=\"timeline-marker\" data-month=\"3\">\n <div class=\"marker-dot\"><\/div>\n <div class=\"marker-label\">Month 3<\/div>\n <\/div>\n <\/div>\n \n <div class=\"timeline-content\">\n <div class=\"timeline-icon\">\ud83c\udf31<\/div>\n <h3>Foundation Building<\/h3>\n <p>In the first month, we focus on reducing inflammation, improving mobility, and establishing healthy movement patterns. Most patients experience 30-50% pain reduction and begin sleeping better.<\/p>\n <div class=\"ai-feature\">Upload your photo to visualize potential results<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Patient Matchmaker Section -->\n <section class=\"matchmaker section-padding\">\n <div class=\"container\">\n <h2 class=\"section-title\">Find Your Perfect Care Path in 60 Seconds<\/h2>\n \n <div class=\"matchmaker-cards\">\n <div class=\"matchmaker-card\" data-path=\"executive\">\n <div class=\"matchmaker-icon\">\ud83d\udcbc<\/div>\n <h3>The Executive<\/h3>\n <p>Desk-bound with neck pain, headaches, or shoulder tension from long hours at the computer?<\/p>\n <div class=\"matchmaker-path\">Ergo-Spine Program<\/div>\n <\/div>\n \n <div class=\"matchmaker-card\" data-path=\"active\">\n <div class=\"matchmaker-icon\">\ud83c\udfc3\u200d\u2642\ufe0f<\/div>\n <h3>The Active<\/h3>\n <p>Sports injury, accident, or wear-and-tear limiting your movement and favorite activities?<\/p>\n <div class=\"matchmaker-path\">Performance Recovery<\/div>\n <\/div>\n \n <div class=\"matchmaker-card\" data-path=\"chronic\">\n <div class=\"matchmaker-icon\">\ud83d\udd04<\/div>\n <h3>The Chronic<\/h3>\n <p>Tried everything but still suffering? Looking for a different approach to persistent pain?<\/p>\n <div class=\"matchmaker-path\">Advanced Relief Protocol<\/div>\n <\/div>\n <\/div>\n \n <div class=\"quiz-button-container\">\n <button class=\"btn btn-primary\">Take the Full 5-Question Quiz<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Social Proof Section -->\n <section class=\"section-padding\">\n <div class=\"container\">\n <h2 class=\"section-title\">217 Local Lives Transformed<\/h2>\n \n <div class=\"testimonial-grid\">\n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">MK<\/div>\n <div>\n <h4>Michael K.<\/h4>\n <p>Age 42 \u2022 Accountant<\/p>\n <\/div>\n <\/div>\n <p>“After 8 years of chronic back pain, I can finally play with my kids again. The personalized approach made all the difference.”<\/p>\n <div class=\"testimonial-tag\">Herniated Disc<\/div>\n <\/div>\n \n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">SR<\/div>\n <div>\n <h4>Sarah R.<\/h4>\n <p>Age 58 \u2022 Teacher<\/p>\n <\/div>\n <\/div>\n <p>“I was considering surgery until I found Spine Reborn. Now I’m gardening, traveling, and living without pain medication.”<\/p>\n <div class=\"testimonial-tag\">Spinal Stenosis<\/div>\n <\/div>\n \n <div class=\"testimonial-card\">\n <div class=\"testimonial-header\">\n <div class=\"testimonial-avatar\">TJ<\/div>\n <div>\n <h4>Thomas J.<\/h4>\n <p>Age 35 \u2022 Software Developer<\/p>\n <\/div>\n <\/div>\n <p>“The ergonomic assessment changed my work life. My sciatica is gone, and I’m more productive than ever.”<\/p>\n <div class=\"testimonial-tag\">Sciatica<\/div>\n <\/div>\n <\/div>\n \n <div class=\"outcome-metrics\">\n <div class=\"metric-item\">\n <div class=\"metric-value\">78% \u2193<\/div>\n <div class=\"metric-label\">Average Pain Reduction<\/div>\n <\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">65% \u2191<\/div>\n <div class=\"metric-label\">Mobility Increase<\/div>\n <\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">92% \u2713<\/div>\n <div class=\"metric-label\">Surgery Avoided<\/div>\n <\/div>\n <div class=\"metric-item\">\n <div class=\"metric-value\">4.9\/5 \u2605<\/div>\n <div class=\"metric-label\">Patient Satisfaction<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3-Step Process -->\n <section class=\"section-padding\" id=\"process\">\n <div class=\"container\">\n <h2 class=\"section-title\">No Guesswork, Only a Clear Path Forward<\/h2>\n \n <div class=\"process-steps\">\n <div class=\"step-card\">\n <div class=\"step-number\">1<\/div>\n <h3>Discover<\/h3>\n <p>Precision Diagnosis with 60-min comprehensive evaluation, movement analysis, and digital scanning.<\/p>\n <div class=\"ai-feature\">See sample diagnosis report<\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">2<\/div>\n <h3>Design<\/h3>\n <p>Your Custom Blueprint created by our multidisciplinary team for integrated healing.<\/p>\n <div class=\"ai-feature\">View sample treatment calendar<\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\">3<\/div>\n <h3>Deliver<\/h3>\n <p>Guided Transformation with one-on-one sessions and progress assessments every 30 days.<\/p>\n <div class=\"ai-feature\">See recovery curve examples<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Authority Section -->\n <section class=\"authority section-padding\">\n <div class=\"container\">\n <h2 class=\"section-title\">Your Guide: Dr.Ahmad Javaid<\/h2>\n \n <div class=\"authority-container\">\n <div class=\"authority-image\">\n <!-- Placeholder for doctor image -->\n <div style=\"width:100%; height:400px; background:linear-gradient(135deg, #e6f7ff, #f0f9ff); display:flex; align-items:center; justify-content:center; color:var(--primary-blue); font-size:1.2rem;\">\n [Doctor Photo Here]\n <\/div>\n <\/div>\n \n <div class=\"authority-content\">\n <h3>Not Just Credentials:<\/h3>\n <div class=\"credentials\">\n <div class=\"credential\">Board Certified<\/div>\n <div class=\"credential\">15+ Years Experience<\/div>\n <div class=\"credential\">2,000+ Patients Helped<\/div>\n <div class=\"credential\">Advanced Training<\/div>\n <\/div>\n \n <p>“I became a spine specialist because I watched my father suffer needlessly for years. I believe everyone deserves to understand their body and heal naturally first.”<\/p>\n \n <button class=\"btn btn-secondary\" style=\"margin-top:20px;\">Watch My “Why” Story<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Offer Section -->\n <section class=\"offer section-padding\">\n <div class=\"container\">\n <h2 class=\"section-title\">Your First Step is Risk-Free<\/h2>\n \n <div class=\"offer-card\">\n <h3>Discovery Call Package<\/h3>\n <div class=\"offer-highlight\">Limited Availability<\/div>\n \n <div class=\"offer-price\">\n <span class=\"price-strike\">$297<\/span> FREE\n <\/div>\n \n <p>For First 10 Callers This Week<\/p>\n \n <div style=\"text-align:left; max-width:500px; margin:30px auto;\">\n <h4>What’s Included:<\/h4>\n <ul style=\"margin-top:15px;\">\n <li>\u2713 Full Spinal Evaluation ($297 value)<\/li>\n <li>\u2713 Digital Posture Analysis<\/li>\n <li>\u2713 Custom Recommendations Report<\/li>\n <li>\u2713 All Questions Answered<\/li>\n <\/ul>\n <\/div>\n \n <button class=\"btn btn-primary\" style=\"font-size:1.1rem; padding:18px 40px;\">Book My Free Discovery Call<\/button>\n \n <div class=\"availability\">\n <div class=\"availability-dot\"><\/div>\n <span>Next available: Tomorrow 2:15 PM<\/span>\n <\/div>\n \n <p style=\"margin-top:20px; font-size:0.9rem; color:var(--gray-text);\">No obligation. No pressure. Just clarity.<\/p>\n \n <div class=\"fear-reducers\">\n <div class=\"fear-reducer\">\n <i class=\"fas fa-check-circle\" style=\"color:var(--healing-green);\"><\/i>\n <span>Insurance-friendly<\/span>\n <\/div>\n <div class=\"fear-reducer\">\n <i class=\"fas fa-check-circle\" style=\"color:var(--healing-green);\"><\/i>\n <span>No surprise fees<\/span>\n <\/div>\n <div class=\"fear-reducer\">\n <i class=\"fas fa-check-circle\" style=\"color:var(--healing-green);\"><\/i>\n <span>Cancel anytime<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-container\">\n <div class=\"footer-column\">\n <h4>Clinic Info<\/h4>\n <ul class=\"footer-links\">\n <li><i class=\"fas fa-map-marker-alt\"><\/i> 123 Healing Way, Wellness City<\/li>\n <li><i class=\"fas fa-phone\"><\/i> (555) HEAL-NOW<\/li>\n <li><i class=\"fas fa-clock\"><\/i> Mon-Fri: 8am-7pm<\/li>\n <li><i class=\"fas fa-calendar\"><\/i> Sat: 9am-1pm<\/li>\n <\/ul>\n <button class=\"btn btn-secondary\" style=\"margin-top:15px; width:100%;\">Download New Patient Forms<\/button>\n <\/div>\n \n <div class=\"footer-column\">\n <h4>Quick Links<\/h4>\n <ul class=\"footer-links\">\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#process\">Our Process<\/a><\/li>\n <li><a href=\"#conditions\">Conditions We Treat<\/a><\/li>\n <li><a href=\"#stories\">Patient Success Stories<\/a><\/li>\n <li><a href=\"#resources\">Wellness Resources<\/a><\/li>\n <li><a href=\"#contact\">Contact Us<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-column\">\n <h4>Free Resources<\/h4>\n <a href=\"#\" class=\"resource-link\">\n <i class=\"fas fa-download\"><\/i> Desk Worker’s Spine Guide\n <\/a>\n <a href=\"#\" class=\"resource-link\">\n <i class=\"fas fa-download\"><\/i> Sleep Position PDF\n <\/a>\n <a href=\"#\" class=\"resource-link\">\n <i class=\"fas fa-download\"><\/i> Anti-Inflammation Grocery List\n <\/a>\n <a href=\"#\" class=\"resource-link\">\n <i class=\"fas fa-play-circle\"><\/i> Exercise Video Library\n <\/a>\n <\/div>\n \n <div class=\"footer-column\">\n <h4>Stay Connected<\/h4>\n <p>Get weekly spine tips and be first to know about workshops.<\/p>\n \n <div class=\"newsletter-form\">\n <input type=\"email\" class=\"newsletter-input\" placeholder=\"Your email\">\n <button class=\"newsletter-btn\">Join<\/button>\n <\/div>\n \n <div class=\"social-icons\">\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"copyright\">\n <p>© 2023 Spine Reborn. All rights reserved. | <a href=\"#\" style=\"color:#b0b7c3;\">Privacy Policy<\/a> | <a href=\"#\" style=\"color:#b0b7c3;\">Terms of Service<\/a><\/p>\n <p style=\"margin-top:10px; font-size:0.8rem;\">Results may vary. This website is for informational purposes only and not medical advice.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- JavaScript -->\n <script>\n \/\/ DOM Elements\n const painPoints = document.querySelectorAll('.pain-point');\n const startAssessmentBtn = document.getElementById('startAssessmentBtn');\n const painMapModal = document.getElementById('painMapModal');\n const modalClose = document.getElementById('modalClose');\n const selectedPainArea = document.getElementById('selectedPainArea');\n const painSlider = document.getElementById('painSlider');\n const painDescription = document.getElementById('painDescription');\n const getFreeGuideBtn = document.getElementById('getFreeGuideBtn');\n const bookNowBtn = document.getElementById('bookNowBtn');\n const timelineSlider = document.getElementById('timelineSlider');\n const timelineMarkers = document.querySelectorAll('.timeline-marker');\n const timelineContent = document.querySelector('.timeline-content');\n const matchmakerCards = document.querySelectorAll('.matchmaker-card');\n const aiAssistantBtn = document.getElementById('aiAssistantBtn');\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const nav = document.querySelector('nav');\n\n \/\/ Pain Map Interactions\n painPoints.forEach(point => {\n point.addEventListener('click', function() {\n const painType = this.getAttribute('data-pain');\n let painLabel = '';\n \n switch(painType) {\n case 'neck': painLabel = 'Neck Pain'; break;\n case 'mid-back': painLabel = 'Mid-Back Pain'; break;\n case 'lower-back': painLabel = 'Lower Back Pain'; break;\n }\n \n selectedPainArea.textContent = painLabel;\n openModal();\n });\n });\n\n startAssessmentBtn.addEventListener('click', function() {\n selectedPainArea.textContent = 'General Back Pain';\n openModal();\n });\n\n function openModal() {\n painMapModal.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n \n \/\/ Reset form\n painSlider.value = 5;\n painDescription.value = '';\n updateAIResult();\n }\n\n modalClose.addEventListener('click', closeModal);\n\n function closeModal() {\n painMapModal.style.display = 'none';\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Close modal when clicking outside\n painMapModal.addEventListener('click', function(e) {\n if (e.target === painMapModal) {\n closeModal();\n }\n });\n\n \/\/ AI Result Simulation\n function updateAIResult() {\n const painLevel = painSlider.value;\n const description = painDescription.value.toLowerCase();\n \n let recommendations = '';\n \n if (painLevel >= 7) {\n recommendations = 'Given your high pain level, we recommend starting with gentle decompression and ice therapy to reduce inflammation before progressing to strengthening exercises.';\n } else if (painLevel >= 4) {\n recommendations = 'Your moderate pain level suggests a combination of manual therapy and targeted exercises would be most effective for lasting relief.';\n } else {\n recommendations = 'For mild discomfort, postural correction and preventive exercises can help prevent the issue from worsening.';\n }\n \n \/\/ Update description-based suggestions\n if (description.includes('burning') || description.includes('tingling')) {\n recommendations += ' The burning\/tingling sensation you described may indicate nerve involvement, which responds well to specific decompression techniques.';\n } else if (description.includes('stabbing') || description.includes('sharp')) {\n recommendations += ' Sharp\/stabbing pain often relates to muscular or joint issues that benefit from targeted soft tissue work and joint mobilization.';\n } else if (description.includes('aching') || description.includes('dull')) {\n recommendations += ' Dull\/aching pain is frequently related to postural strain and typically improves with ergonomic adjustments and strengthening.';\n }\n \n \/\/ Update the modal result\n const aiResult = document.getElementById('aiResult');\n aiResult.innerHTML = `\n <h3>\ud83d\udd0d Based on your input (Pain Level: ${painLevel}\/10):<\/h3>\n <p>${recommendations}<\/p>\n <p>This type of pain often responds well to:<\/p>\n <ul>\n <li>Targeted spinal decompression<\/li>\n <li>Specific strengthening exercises<\/li>\n <li>Posture recalibration<\/li>\n <\/ul>\n `;\n }\n\n painSlider.addEventListener('input', updateAIResult);\n painDescription.addEventListener('input', updateAIResult);\n\n \/\/ Modal Button Actions\n getFreeGuideBtn.addEventListener('click', function() {\n alert('Thank you! Your free \"Pain Relief Starter Guide\" has been sent to your email. Check your inbox!');\n closeModal();\n });\n\n bookNowBtn.addEventListener('click', function() {\n alert('Redirecting to booking calendar...');\n closeModal();\n });\n\n \/\/ Timeline Slider\n timelineSlider.addEventListener('input', function() {\n const value = this.value;\n \n \/\/ Update active marker\n timelineMarkers.forEach(marker => {\n marker.classList.remove('active');\n if (marker.getAttribute('data-month') === value) {\n marker.classList.add('active');\n }\n });\n \n \/\/ Update content\n let icon, title, content;\n \n switch(value) {\n case '1':\n icon = '\ud83c\udf31';\n title = 'Foundation Building';\n content = 'In the first month, we focus on reducing inflammation, improving mobility, and establishing healthy movement patterns. Most patients experience 30-50% pain reduction and begin sleeping better.';\n break;\n case '2':\n icon = '\ud83d\udcaa';\n title = 'Strength Returning';\n content = 'Month two brings increased stability and strength. Daily activities become easier, and many patients reduce or eliminate pain medication. We introduce more advanced exercises tailored to your goals.';\n break;\n case '3':\n icon = '\ud83c\udfaf';\n title = 'Thriving Phase';\n content = 'By month three, most patients have returned to their favorite activities with confidence. We establish a personalized maintenance plan to ensure long-term spine health and prevent future issues.';\n break;\n }\n \n timelineContent.innerHTML = `\n <div class=\"timeline-icon\">${icon}<\/div>\n <h3>${title}<\/h3>\n <p>${content}<\/p>\n <div class=\"ai-feature\">Upload your photo to visualize potential results<\/div>\n `;\n });\n\n \/\/ Timeline marker clicks\n timelineMarkers.forEach(marker => {\n marker.addEventListener('click', function() {\n const month = this.getAttribute('data-month');\n timelineSlider.value = month;\n timelineSlider.dispatchEvent(new Event('input'));\n });\n });\n\n \/\/ Matchmaker Card Interactions\n matchmakerCards.forEach(card => {\n card.addEventListener('click', function() {\n const path = this.getAttribute('data-path');\n let program = '';\n \n switch(path) {\n case 'executive': program = 'Ergo-Spine Program'; break;\n case 'active': program = 'Performance Recovery'; break;\n case 'chronic': program = 'Advanced Relief Protocol'; break;\n }\n \n alert(`Excellent choice! The ${program} is specially designed for your needs. Taking the full quiz will provide your personalized care plan.`);\n \n \/\/ Visual feedback\n matchmakerCards.forEach(c => c.style.transform = 'translateY(0)');\n this.style.transform = 'translateY(-10px)';\n });\n });\n\n \/\/ AI Assistant Simulation\n aiAssistantBtn.addEventListener('click', function() {\n const questions = [\n \"Hello! I'm your AI Healing Assistant. How can I help you today?\",\n \"Are you experiencing any specific type of pain?\",\n \"How long have you been dealing with this?\",\n \"Have you tried any treatments before?\",\n \"Would you like me to help you schedule a consultation?\"\n ];\n \n let currentQuestion = 0;\n \n function askNextQuestion() {\n if (currentQuestion < questions.length) {\n const response = prompt(questions[currentQuestion]);\n if (response !== null) {\n currentQuestion++;\n setTimeout(askNextQuestion, 500);\n }\n } else {\n alert(\"Thank you! Based on our conversation, I recommend booking a Discovery Call. Let me redirect you to the calendar...\");\n }\n }\n \n askNextQuestion();\n });\n\n \/\/ Mobile Menu Toggle\n mobileMenuBtn.addEventListener('click', function() {\n if (nav.style.display === 'block') {\n nav.style.display = 'none';\n } else {\n nav.style.display = 'block';\n nav.style.position = 'absolute';\n nav.style.top = '70px';\n nav.style.left = '0';\n nav.style.width = '100%';\n nav.style.backgroundColor = 'white';\n nav.style.padding = '20px';\n nav.style.boxShadow = '0 10px 30px rgba(0,0,0,0.1)';\n \n const ul = nav.querySelector('ul');\n ul.style.flexDirection = 'column';\n ul.style.gap = '15px';\n }\n });\n\n \/\/ Smooth scrolling for navigation links\n document.querySelectorAll('nav a').forEach(anchor => {\n anchor.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n if (targetId.startsWith('#')) {\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n \n \/\/ Close mobile menu if open\n if (window.innerWidth <= 768) {\n nav.style.display = 'none';\n }\n }\n }\n });\n });\n\n \/\/ Animate elements on scroll\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Observe sections for animation\n document.querySelectorAll('.section-padding').forEach(section => {\n section.style.opacity = '0';\n section.style.transform = 'translateY(20px)';\n section.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(section);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Spine Reborn | Advanced Spine Care & Wellness Spine Reborn Home Our Process Conditions Patient Stories Wellness Resources (555) HEAL-NOW Book Discovery Call Your Spine Was Meant For Living, Not Just Enduring Most spine clinics treat your MRI. We treat YOUR LIFE. Start with our 30-second pain assessment below. Start Your Pain-Free Journey Watch 2-min […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/6410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6410"}],"version-history":[{"count":4,"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/6410\/revisions"}],"predecessor-version":[{"id":6698,"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/6410\/revisions\/6698"}],"wp:attachment":[{"href":"https:\/\/spinecareandwellness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}