Bone & Joint
Support healthy bones and joints for strength and mobility.
<!-- Bone & Joint Quiz Example -->
<div class="quiz-category">
<h2>Bone & Joint Quiz</h2>
<!-- Question 1 -->
<div class="question">
<p>1. Do you experience stiffness or pain in your joints in the morning?</p>
<button data-score="3" data-tag="joint-pain">Rarely</button>
<button data-score="2" data-tag="joint-pain">Sometimes</button>
<button data-score="1" data-tag="joint-pain">Often</button>
</div>
<!-- Question 2 -->
<div class="question">
<p>2. How active are you on a daily basis?</p>
<button data-score="1" data-tag="activity-low">Low</button>
<button data-score="2" data-tag="activity-moderate">Moderate</button>
<button data-score="3" data-tag="activity-high">High</button>
</div>
<!-- Question 3 -->
<div class="question">
<p>3. Do you take calcium or vitamin D supplements?</p>
<button data-score="1" data-tag="supplement-yes">Yes</button>
<button data-score="2" data-tag="supplement-no">No</button>
</div>
<!-- Question 4 -->
<div class="question">
<p>4. Have you had a bone density test recently?</p>
<button data-score="1" data-tag="bone-test-yes">Yes</button>
<button data-score="2" data-tag="bone-test-no">No</button>
</div>
<!-- Question 5 -->
<div class="question">
<p>5. Which aspect of bone health concerns you the most?</p>
<button data-score="1" data-tag="concern-osteoporosis">Osteoporosis</button>
<button data-score="2" data-tag="concern-joint-pain">Joint Pain</button>
<button data-score="3" data-tag="concern-injury">Injury Prevention</button>
<button data-score="4" data-tag="concern-none">None</button>
</div>
<!-- Result Mapping -->
<div class="quiz-result">
<p>Based on your answers, we recommend:</p>
<ul>
<li data-tag="joint-pain">Thorne Collagen</li>
<li data-tag="activity-low">Thorne Magnesium</li>
<li data-tag="supplement-no">Thorne Vitamin D/K2</li>
</ul>
<button>Add to Cart</button>
</div>
</div>