${s.title}

`).join(''); // Render Ingredients Panel const panel = document.getElementById('ldr-ingredients-panel'); panel.className = `lg:w-1/3 p-10 text-white flex flex-col stage-transition ${stage.color}`; document.getElementById('ldr-stage-icon').innerHTML = stage.icon; document.getElementById('ldr-stage-title').innerText = stage.title; document.getElementById('ldr-stage-subtitle').innerText = stage.subtitle; document.getElementById('ldr-ingredients-list').innerHTML = stage.ingredients.map(ing => ` `).join(''); // Render Content document.getElementById('ldr-stage-description').innerText = stage.description; document.getElementById('ldr-steps-list').innerHTML = stage.steps.map((step, i) => ` `).join(''); } // Functions exposed to the module interface function setStage(idx) { ldrCurrentStage = idx; ldrRender(); window.scrollTo({ top: 0, behavior: 'smooth' }); } function nextStage() { ldrCurrentStage = (ldrCurrentStage + 1) % ldrStages.length; ldrRender(); window.scrollTo({ top: 0, behavior: 'smooth' }); } // Initialize on load ldrRender();