What's Your Adaptogen Match?

Herb Healthify - What's Your Adaptogen Match? Quiz /* General Body Styling */ body { font-family: 'Inter', sans-serif; background-color: #f0f4f7; color: #333; line-height: 1.6; margin: 0; padding: 20px; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; } /* Main Quiz Container */ .quiz-container { max-width: 800px; width: 100%; margin: 20px auto; padding: 2.5rem; background-color: #ffffff; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0; overflow: hidden; } /* Quiz Header */ .quiz-header { text-align: center; margin-bottom: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #f0f0f0; } /* Removed .quiz-header img styling */ .quiz-header h1 { font-size: clamp(2rem, 6vw, 2.8rem); color: #1a5e4a; margin: 0.75rem 0 0.5rem; font-weight: 700; letter-spacing: -0.5px; } .quiz-header p { color: #666; font-size: 1.05rem; margin-top: 0.5rem; } .quiz-header a { color: #2e8b57; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .quiz-header a:hover { color: #1a5e4a; text-decoration: underline; } .quiz-intro { text-align: center; margin-bottom: 2.5rem; color: #555; font-size: 1.15rem; line-height: 1.7; max-width: 650px; margin-left: auto; margin-right: auto; } /* Quiz Questions */ .question-block { margin-bottom: 2.5rem; padding: 2rem; background-color: #fdfdfd; border: 1px solid #e9e9e9; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; } .question-block:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); } .question-block h3 { margin-top: 0; margin-bottom: 1.5rem; color: #3d3d3d; font-size: 1.4rem; font-weight: 600; line-height: 1.4; } /* Answer Options */ .options-container label { display: flex; align-items: center; margin-bottom: 1rem; padding: 1.2rem; background-color: #f8fbf9; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; border: 2px solid #e5f0ea; font-size: 1.05rem; } .options-container label:hover { background-color: #eef5f2; border-color: #b3e0c7; box-shadow: 0 2px 8px rgba(46, 139, 87, 0.1); } .options-container input[type="radio"] { display: none; } .options-container input[type="radio"]:checked + span { font-weight: 600; color: #1a5e4a; } .options-container input[type="radio"]:checked + span::before { content: '✓ '; color: #2e8b57; font-size: 1.3em; margin-right: 8px; line-height: 1; } /* Custom radio button appearance */ .options-container label span::before { content: ''; display: inline-block; width: 20px; height: 20px; border: 2px solid #a7d9b7; border-radius: 50%; margin-right: 10px; background-color: #fff; box-sizing: border-box; transition: background-color 0.3s ease, border-color 0.3s ease; } .options-container input[type="radio"]:checked + span::before { background-color: #2e8b57; border-color: #2e8b57; box-shadow: inset 0 0 0 4px #fff; } /* Submit Button */ .submit-btn { display: block; width: 100%; padding: 1.2rem; font-size: 1.3rem; font-weight: 700; color: #fff; background: linear-gradient(135deg, #2e8b57, #1a5e4a); border: none; border-radius: 10px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease; letter-spacing: 0.5px; text-transform: uppercase; } .submit-btn:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(46, 139, 87, 0.5); background: linear-gradient(135deg, #1a5e4a, #2e8b57); } .submit-btn:active { transform: translateY(0); box-shadow: 0 4px 10px rgba(46, 139, 87, 0.3); } /* Results Area */ #results-container { display: none; margin-top: 3rem; padding: 2.5rem; background-color: #e6f7ed; border: 2px solid #b8e0c7; border-radius: 16px; text-align: center; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); animation: fadeInScale 0.5s ease-out forwards; } @keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } #results-container h2 { color: #1a5e4a; font-size: clamp(1.8rem, 5vw, 2.4rem); margin-bottom: 0.8rem; font-weight: 700; } #results-container h3 { color: #2e8b57; font-size: clamp(1.6rem, 4.5vw, 2.1rem); margin-top: 0; margin-bottom: 1.5rem; font-weight: 600; } #results-container p { color: #444; font-size: 1.15rem; max-width: 650px; margin: 0 auto 2rem auto; line-height: 1.7; } #results-container a { display: inline-block; padding: 1rem 2rem; background-color: #2e8b57; color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } #results-container a:hover { background-color: #1a5e4a; transform: translateY(-2px); } /* Removed .result-image and .image-loading styling */ /* Error message styling */ #error-message { color: #e74c3c; background-color: #fde8e8; border: 1px solid #e74c3c; padding: 1rem; border-radius: 8px; text-align: center; font-weight: 600; margin-top: 1.5rem; display: none; } /* Responsive adjustments */ @media (max-width: 600px) { .quiz-container { padding: 1.5rem; margin: 10px auto; border-radius: 10px; } .quiz-header h1 { font-size: 2rem; } .quiz-intro, .question-block h3, .options-container label, #results-container p { font-size: 1rem; } .submit-btn { font-size: 1.1rem; padding: 1rem; } #results-container h2 { font-size: 1.6rem; } #results-container h3 { font-size: 1.3rem; } .options-container label span::before { width: 18px; height: 18px; } /* Removed .result-image, .image-loading responsive adjustments */ } What's Your Adaptogen Match? From Herb Healthify Adaptogens are powerful herbs that help your body adapt to stress. Take this quiz to discover which adaptogen aligns best with your unique needs and lifestyle! 1. What is your most common stress symptom? Feeling constantly tired or fatigued. Anxiety, restlessness, or difficulty relaxing. Brain fog, lack of focus, or memory issues. Frequent colds or a weakened immune system. 2. When do you typically feel most drained or overwhelmed? In the mornings, struggling to get started. Evenings, when trying to wind down for sleep. During demanding work tasks or study sessions. After periods of high stress or exposure to illness. 3. What is your primary wellness goal right now? Boosting overall energy and vitality. Promoting calm and emotional balance. Enhancing mental clarity and cognitive function. Strengthening my body's natural defenses. 4. How do you typically cope with pressure or demanding situations? I push through, but often feel exhausted afterward. I tend to get overwhelmed and find it hard to focus. I try to stay sharp, but my concentration can waver. I worry about getting sick or my body breaking down. 5. Which type of natural remedy appeals most to you? Something to help me feel more resilient and vibrant daily. A gentle aid for relaxation and a peaceful mind. A natural way to sharpen my thinking and memory. An herbal shield to keep me healthy all year round. Find My Adaptogen Match! Please answer all questions before submitting! Your Adaptogen Match is... Explore More Adaptogens at Herb Healthify // --- JavaScript for Quiz Logic --- // Adaptogen data with prompts for image generation (imagePrompt removed as images are no longer generated) const adaptogens = { a: { title: "Ginseng (Panax ginseng)", description: "You are seeking sustained energy, resilience, and vitality. Ginseng is a classic adaptogen known for boosting stamina, reducing fatigue, and supporting physical and mental performance, especially under stress.", learnMoreLink: "https://herbhealthify.com/ginseng" // Placeholder, update with actual link }, b: { title: "Ashwagandha (Withania somnifera)", description: "You need calm, stress relief, and support for a peaceful mind. Ashwagandha is renowned for its ability to reduce anxiety, promote relaxation, and improve sleep quality, helping your body adapt to emotional stress.", learnMoreLink: "https://herbhealthify.com/ashwagandha" // Placeholder, update with actual link }, c: { title: "Lion's Mane Mushroom (Hericium erinaceus)", description: "Your focus is on enhancing cognitive function, memory, and mental clarity. Lion's Mane is a unique adaptogenic mushroom celebrated for its neuroprotective properties and ability to support brain health and focus.", learnMoreLink: "https://herbhealthify.com/lions-mane" // Placeholder, update with actual link }, d: { title: "Elderberry (Sambucus nigra)", description: "You prioritize strengthening your immune system and overall resilience. While not a traditional adaptogen, Elderberry is a powerful immune-modulating herb that helps the body defend against seasonal challenges and supports overall wellness.", learnMoreLink: "https://herbhealthify.com/elderberry" // Placeholder, update with actual link } }; // Get elements from the DOM const quizForm = document.getElementById('adaptogenQuizForm'); const resultsContainer = document.getElementById('results-container'); const errorMessage = document.getElementById('error-message'); // Removed references to resultImage and resultImagePlaceholder const adaptogenTitle = document.getElementById('adaptogen-title'); const adaptogenDescription = document.getElementById('adaptogen-description'); const learnMoreLink = resultsContainer.querySelector('a'); const totalQuestions = 5; // Removed generateImage function // Add submit event listener to the form quizForm.addEventListener('submit', async function(event) { event.preventDefault(); // Prevent the form from submitting the traditional way const formData = new FormData(quizForm); const answers = {}; let entriesCount = 0; // Tally the answers for (const [key, value] of formData.entries()) { answers[value] = (answers[value] || 0) + 1; entriesCount++; } // Check if all questions are answered if (entriesCount < totalQuestions) { errorMessage.style.display = 'block'; return; // Stop the function if not all questions are answered } // Hide the error message if it was shown errorMessage.style.display = 'none'; // Find the archetype with the highest score let dominantAdaptogenKey = 'a'; // Default let maxScore = 0; for (const key in answers) { if (answers[key] > maxScore) { maxScore = answers[key]; dominantAdaptogenKey = key; } } // Display the results const resultData = adaptogens[dominantAdaptogenKey]; adaptogenTitle.textContent = resultData.title; adaptogenDescription.textContent = resultData.description; learnMoreLink.href = resultData.learnMoreLink; // Show the results container and scroll to it resultsContainer.style.display = 'block'; resultsContainer.scrollIntoView({ behavior: 'smooth', block: 'start' }); // Removed call to generateImage });

What’s Your Adaptogen Match?

What’s Your Adaptogen Match?

1. What is your most common stress symptom?

2. When do you typically feel most drained or overwhelmed?

3. What is your primary wellness goal right now?

4. How do you typically cope with pressure or demanding situations?

5. Which type of natural remedy appeals most to you?

Your Adaptogen Match is…

Leave a Reply Cancel reply

The Beauty of Cucumber

Dairy Cream

FODMAP Diet Everything You Need to Know

1. What is your most common stress symptom?

2. When do you typically feel most drained or overwhelmed?

3. What is your primary wellness goal right now?

4. How do you typically cope with pressure or demanding situations?

5. Which type of natural remedy appeals most to you?

Your Adaptogen Match is…

Subscribe to Our Mailing List

The Science of You: How Your DNA and Smart Tech Are Shaping the Future of Skincare

Discover Your Gut Health Hero Herb Quiz

Related Articles

Are You Sleep Deficient? Find Your Herbal Sleep Aid Quiz

Discover Your Gut Health Hero Herb Quiz

Leave a Reply Cancel reply

The Beauty of Cucumber

Dairy Cream

FODMAP Diet Everything You Need to Know