Personalized Longevity Recommendation Finder :root { --primary: #2D5F72; --secondary: #4A90A0; --accent: #68BFAD; --light: #F5F9FA; --dark: #1D3B47; --success: #43A047; --border-radius: 12px; --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); --transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: var(--dark); background-color: var(--light); padding: 20px; max-width: 600px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; color: var(--primary); margin-bottom: 24px; text-align: center; } h2 { font-size: 24px; font-weight: 600; margin-bottom: 16px; color: var(--primary); } p { font-size: 18px; margin-bottom: 16px; line-height: 1.5; } .container { background: white; border-radius: var(--border-radius); padding: 28px; box-shadow: var(--box-shadow); margin-bottom: 30px; } .question-container { display: none; } .question-container.active { display: block; animation: fadeIn 0.5s; } .intro-container { text-align: center; } .option-button { display: block; width: 100%; padding: 16px 20px; margin-bottom: 14px; background-color: white; border: 2px solid var(--secondary); border-radius: var(--border-radius); font-size: 18px; font-weight: 500; text-align: left; color: var(--dark); cursor: pointer; transition: var(--transition); } .option-button:hover, .option-button:focus { background-color: rgba(74, 144, 160, 0.1); transform: translateY(-2px); } .start-button, .nav-button { display: inline-block; padding: 16px 24px; background-color: var(--primary); border: none; border-radius: var(--border-radius); font-size: 18px; font-weight: 600; color: white; cursor: pointer; transition: var(--transition); margin-top: 10px; } .start-button { font-size: 20px; padding: 18px 36px; background-color: var(--accent); color: var(--dark); } .start-button:hover, .nav-button:hover { transform: translateY(-3px); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); } .nav-container { display: flex; justify-content: space-between; margin-top: 20px; } .back-button { background-color: #E0E0E0; color: var(--dark); } .progress-container { margin: 30px 0; background-color: #E0E0E0; border-radius: 8px; height: 8px; } .progress-bar { height: 100%; background-color: var(--accent); border-radius: 8px; width: 0%; transition: width 0.3s ease; } .results-container { display: none; } .result-item { background-color: white; border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 24px; margin-bottom: 20px; border-left: 5px solid var(--accent); } .result-item h3 { font-size: 20px; margin-bottom: 10px; color: var(--primary); } .result-item p { font-size: 16px; margin-bottom: 14px; } .view-product { display: inline-block; padding: 12px 20px; background-color: var(--primary); border-radius: var(--border-radius); color: white; text-decoration: none; font-weight: 600; transition: var(--transition); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); letter-spacing: 0.5px; } .view-product:hover { background-color: var(--secondary); transform: translateY(-2px); } .match-score { display: inline-block; padding: 5px 10px; background-color: var(--accent); color: var(--dark); border-radius: 20px; font-weight: 600; font-size: 14px; margin-left: 10px; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 480px) { body { padding: 15px; } h1 { font-size: 26px; } .container { padding: 20px; } .option-button { padding: 14px 16px; font-size: 16px; } }

Find Your Ideal Longevity Supplements

Answer a few simple questions to discover the perfect supplements for your longevity goals. Our recommendations are tailored to your unique needs and health priorities.

Start My Assessment

What is your primary goal for taking longevity supplements?

Increase my energy levels Slow down the ageing process Support cellular health Improve heart health Enhance cognitive function

Back

Which of these concerns you the most right now?

Feeling tired or fatigued often Visible signs of ageing (skin, hair, etc.) Cardiovascular health maintenance Memory or focus issues General health maintenance

Back

How would you describe your current lifestyle?

Very active/athletic High stress/demanding job Moderate activity with some stress Mostly sedentary with healthy diet Trying to improve my health habits

Back

What's your age range?

Under 30 30-45 46-60 Over 60

Back

Are you currently taking any supplements?

None at all Basic vitamins/minerals only Some longevity supplements Several longevity supplements

Back

Your Personalized Recommendations

Based on your responses, here are the supplements that best match your longevity goals:

Back Retake Quiz

// Create a unique namespace for our quiz to avoid conflicts with Shopify's JS var LongevityQuiz = {}; // Wait for window load instead of just DOM content loaded window.addEventListener('load', function() { // Store scores for different categories LongevityQuiz.scores = { aging: 0, cellular: 0, energy: 0, mitochondrial: 0, heart: 0, brain: 0 }; // Product data LongevityQuiz.products = [ { name: "Nicotinamide Mononucleotide (NMN)", url: "https://healthspanformulas.co.uk/products/nmn", description: "NMN is a direct precursor to NAD+, a molecule essential for energy production and cellular repair. It helps combat age-related decline and supports overall cellular health.", categories: ["cellular", "aging", "energy"], expertise: { none: 90, basic: 95, moderate: 98, advanced: 90 } }, { name: "NMN & TMG Complex", url: "https://healthspanformulas.co.uk/products/nmn-complex", description: "A powerful combination of NMN with Trimethylglycine (TMG) that optimises NAD+ production while supporting methylation pathways for comprehensive longevity benefits.", categories: ["cellular", "aging", "brain"], expertise: { none: 80, basic: 90, moderate: 98, advanced: 95 } }, { name: "Resveratrol", url: "https://healthspanformulas.co.uk/products/resveratrol", description: "A potent antioxidant that activates longevity pathways, protects cellular health, and complements NMN for enhanced NAD+ benefits.", categories: ["aging", "heart", "cellular"], expertise: { none: 85, basic: 90, moderate: 95, advanced: 90 } }, { name: "Alpha Lipoic Acid", url: "https://healthspanformulas.co.uk/products/alpha-lipoic-acid", description: "A powerful antioxidant that works in both water and fat-soluble environments, supporting mitochondrial function and helping to recycle other antioxidants.", categories: ["mitochondrial", "energy", "brain"], expertise: { none: 70, basic: 80, moderate: 90, advanced: 85 } }, { name: "Longevity Essentials Bundle", url: "https://healthspanformulas.co.uk/products/longevity-essentials-bundle", description: "Our cornerstone bundle combining NMN and Resveratrol for comprehensive longevity support, activating key pathways involved in cellular health and ageing.", categories: ["aging", "cellular", "energy"], expertise: { none: 95, basic: 98, moderate: 90, advanced: 85 } }, { name: "Co-Q10 Supplement (300mg)", url: "https://healthspanformulas.co.uk/products/co-q10-300mg", description: "A crucial component for mitochondrial energy production that decreases with age. Supports heart health, energy levels, and protects cells from oxidative damage.", categories: ["mitochondrial", "heart", "energy"], expertise: { none: 85, basic: 90, moderate: 85, advanced: 80 } }, { name: "Mitochondrial Health Bundle", url: "https://healthspanformulas.co.uk/products/mitochondrial-health-bundle", description: "A comprehensive approach to cellular energy support combining CoQ10, Alpha Lipoic Acid, and Resveratrol to optimise mitochondrial function and protect against ageing.", categories: ["mitochondrial", "energy", "heart"], expertise: { none: 80, basic: 85, moderate: 95, advanced: 90 } }, { name: "Magnesium Complex", url: "https://healthspanformulas.co.uk/products/magnesium-complex", description: "An essential mineral involved in over 300 biochemical reactions, supporting energy production, muscle function, nervous system health, and promoting quality sleep.", categories: ["energy", "brain", "heart"], expertise: { none: 90, basic: 85, moderate: 80, advanced: 75 } } ]; // Current active container LongevityQuiz.currentContainer = "intro"; LongevityQuiz.expertise = "none"; // Define navigation function LongevityQuiz.navigate = function(target) { // Hide current container document.querySelectorAll('.container, .question-container').forEach(container => { container.classList.remove('active'); }); // Show target container if (target === 'intro') { document.getElementById('intro').classList.add('active'); document.getElementById('results').style.display = 'none'; } else if (target === 'results') { document.getElementById('results').style.display = 'block'; } else { document.getElementById(target).classList.add('active'); } LongevityQuiz.currentContainer = target; LongevityQuiz.updateProgress(); }; // Define update progress function LongevityQuiz.updateProgress = function() { const totalQuestions = 5; let currentProgress = 0; if (LongevityQuiz.currentContainer === 'intro') { currentProgress = 0; } else if (LongevityQuiz.currentContainer === 'results') { currentProgress = 100; } else { const questionNumber = parseInt(LongevityQuiz.currentContainer.split('-')[1]); currentProgress = (questionNumber / totalQuestions) * 100; } document.getElementById('progress-bar').style.width = `${currentProgress}%`; }; // Define generate results function LongevityQuiz.generateResults = function() { // Find the highest scoring categories const sortedCategories = Object.entries(LongevityQuiz.scores) .sort((a, b) => b[1] - a[1]) .map(entry => entry[0]); // Calculate match scores for each product const productScores = LongevityQuiz.products.map(product => { let matchScore = 0; // Category match score product.categories.forEach(category => { const categoryIndex = sortedCategories.indexOf(category); if (categoryIndex >= 0) { // Higher score for better matches matchScore += (5 - Math.min(categoryIndex, 4)) * 10; } }); // Expertise match score matchScore += product.expertise[LongevityQuiz.expertise] || 0; // Boost scores to ensure more impressive match percentages matchScore = matchScore * 1.5; return { product: product, score: matchScore }; }); // Sort by score and take top 3 const topProducts = productScores .sort((a, b) => b.score - a.score) .slice(0, 3); // Generate HTML const resultsContainer = document.getElementById('recommendations-list'); resultsContainer.innerHTML = ''; topProducts.forEach(item => { const product = item.product; const matchPercentage = Math.min(99, Math.max(75, Math.floor(item.score / 3))); const resultHtml = `

`; resultsContainer.innerHTML += resultHtml; }); }; // Initialize LongevityQuiz.updateProgress(); // Start button - using direct onclick assignment instead of event listener const startButton = document.getElementById('start-quiz'); if (startButton) { startButton.onclick = function(e) { e.preventDefault(); e.stopPropagation(); LongevityQuiz.navigate("question-1"); return false; }; } // Retake quiz button - using direct onclick assignment const retakeButton = document.getElementById('retake-quiz'); if (retakeButton) { retakeButton.onclick = function(e) { e.preventDefault(); e.stopPropagation(); // Reset scores for (let category in LongevityQuiz.scores) { LongevityQuiz.scores[category] = 0; } LongevityQuiz.navigate("intro"); return false; }; } // Option buttons - using direct onclick assignment const optionButtons = document.querySelectorAll('.option-button'); optionButtons.forEach(button => { button.onclick = function(e) { e.preventDefault(); e.stopPropagation(); // Reset active states in current container const containerButtons = document.querySelectorAll(`#${LongevityQuiz.currentContainer} .option-button`); containerButtons.forEach(btn => btn.classList.remove('active')); // Set this button as active this.classList.add('active'); // Record scores const scoreData = this.getAttribute('data-score'); if (LongevityQuiz.currentContainer === 'question-5') { LongevityQuiz.expertise = scoreData; // Last question - go to results setTimeout(() => { LongevityQuiz.generateResults(); LongevityQuiz.navigate('results'); }, 300); } else if (scoreData) { const categories = scoreData.split(','); categories.forEach(category => { LongevityQuiz.scores[category] += 1; }); // Auto-advance to next question after a short delay setTimeout(() => { const nextQuestion = `question-${parseInt(LongevityQuiz.currentContainer.split('-')[1]) + 1}`; LongevityQuiz.navigate(nextQuestion); }, 300); } return false; }; }); // Navigation buttons - using direct onclick const navButtons = document.querySelectorAll('.nav-button'); navButtons.forEach(button => { if (!button.id || (button.id !== 'start-quiz' && button.id !== 'retake-quiz')) { button.onclick = function(e) { e.preventDefault(); e.stopPropagation(); const target = this.getAttribute('data-goto'); if (target === 'results') { LongevityQuiz.generateResults(); } LongevityQuiz.navigate(target); return false; }; } }); });