give some soul to the user choices

Author: nopara73

LongevityWorldCup.Website/wwwroot/onboarding/waiting-for-lab.html

@@ -45,6 +45,9 @@
             const webpSource = waitingPicture.querySelector('source[type="image/webp"]');
             const jpegSource = waitingPicture.querySelector('source[type="image/jpeg"]');
 
+            const findLabText = document.getElementById('findLabText');
+            const postNoteText = document.getElementById('postNoteText');
+
             function updateIllustration(imageName, format, webpSource, jpegSource, illustrationImage) {
                 webpSource.srcset = `../assets/content-images/${imageName}.webp`;
                 jpegSource.srcset = `../assets/content-images/${imageName}.${format}`;
@@ -53,10 +56,16 @@
 
             if (holding === 'beer') {
                 updateIllustration('beer', 'jpg', webpSource, jpegSource, waitingImage);
+                findLabText.innerHTML = "Alright, you troublemaker! Get off your ass, head to the lab, and demand they draw your blood. Tell them it’s for science, for progress, for the twisted quest to know your biological age, also called <a href='https://pmc.ncbi.nlm.nih.gov/articles/PMC5940111/' target='_blank' rel='noopener'>PhenoAge</a>. These are the signs of life we’re after:";
+                postNoteText.innerHTML = "Life’s a goddamn experiment — measure it, push it, break it. Get your numbers and make them dance to your tune. No excuses, just action.";
             } else if (holding === 'beef') {
                 updateIllustration('beef', 'jpg', webpSource, jpegSource, waitingImage);
+                findLabText.innerHTML = "Alright, here’s what you need to do: head to a legit lab, get your blood work done, and make sure it includes these biomarkers. This is how we figure out your biological age, what’s called <a href='https://pmc.ncbi.nlm.nih.gov/articles/PMC5940111/' target='_blank' rel='noopener'>PhenoAge</a>. These are the heavy hitters:";
+                postNoteText.innerHTML = "This is next-level stuff, man. Track this data, dial in your nutrition, your recovery, your training — this is how you optimize and crush it at life. Get it done.";
             } else if (holding === 'veggies') {
                 updateIllustration('veggies', 'jpg', webpSource, jpegSource, waitingImage);
+                findLabText.innerHTML = "Journey to a place of measurement and seek the truth written in your blood. These biomarkers will help reveal your biological age, known as <a href='https://pmc.ncbi.nlm.nih.gov/articles/PMC5940111/' target='_blank' rel='noopener'>PhenoAge</a>. These are the measures we must study:";
+                postNoteText.innerHTML = "True health flows from self-awareness. Know thyself, align with nature, and live according to its truths.";
             } else {
                 updateIllustration('lab', 'jpg', webpSource, jpegSource, waitingImage);
             }
@@ -76,7 +85,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">Your Lab Awaits
                 <img id="waitingImage" src="../assets/content-images/bean-waiting.png" alt="Waiting" class="illustration" loading="lazy">
             </picture>
         </div>
-        <p data-aos="fade" data-aos-duration="700" data-aos-delay="350">Find the nearest lab and request a blood test that includes the following biomarkers. These will help us calculate your biological age, known as <a href="https://pmc.ncbi.nlm.nih.gov/articles/PMC5940111/" target="_blank" rel="noopener">PhenoAge</a>:</p>
+        <p id="findLabText" data-aos="fade" data-aos-duration="700" data-aos-delay="350">Find the nearest lab and request a blood test that includes the following biomarkers. These will help us calculate your biological age, known as <a href="https://pmc.ncbi.nlm.nih.gov/articles/PMC5940111/" target="_blank" rel="noopener">PhenoAge</a>:</p>
         <ul>
             <li data-aos="fade" data-aos-duration="700" data-aos-delay="400"><strong>Albumin</strong> (also known as Serum Albumin)</li>
             <li data-aos="fade" data-aos-duration="700" data-aos-delay="450"><strong>Creatinine</strong> (sometimes called Serum Creatinine)</li>
@@ -88,8 +97,9 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">Your Lab Awaits
             <li data-aos="fade" data-aos-duration="700" data-aos-delay="750"><strong>Alkaline Phosphatase</strong> (ALP, also referred to as Alk Phos)</li>
             <li data-aos="fade" data-aos-duration="700" data-aos-delay="800"><strong>White Blood Cell Count</strong> (WBC Count, also called Leukocyte Count)</li>
         </ul>
+        <p id="postNoteText" data-aos="fade" data-aos-duration="700" data-aos-delay="850" />
 
-        <div class="options-container" data-aos="fade" data-aos-duration="700" data-aos-delay="850">
+        <div class="options-container" data-aos="fade" data-aos-duration="700" data-aos-delay="900">
             <button class="option-button already-have" onclick="window.location.href='/onboarding/pheno-age.html#mainProgressBar'">Got My Results!</button>
             <button class="option-button back-button" onclick="window.location.href='/'">
                 <i class="fas fa-home"></i>&nbsp;Home