Skip to content
Home >
Sizzle on the Lang BBQ Smokers®
document.addEventListener("DOMContentLoaded", function() {
const flowchart = document.getElementById("flowchart");
flowchart.innerHTML = `
How do you plan to use your Lang BBQ Smoker?
Residential
Competition
Commercial
What cooking capacity do you need?
Small (36” Patio)
Large (48” or larger)
Back
Do you need a trailer-mounted smoker?
Yes
No
Back
Are you catering or running a restaurant?
Restaurant
Catering
Back
We recommend the Lang 36” Patio . Perfect for backyard BBQ enthusiasts.
Back
Consider the Lang 48” Deluxe . Ideal for bigger gatherings.
Back
The Lang 60” or 84” Trailer is perfect for competitions.
Back
Check out the Lang 48” Hybrid . Compact yet competition-ready.
Back
The Lang 108” Smoker is great for high-volume cooking.
Back
The Lang 84” Fat Boy is a top choice for catering.
Back
`;
});
function nextQuestion(id) {
document.querySelectorAll(".question, .result").forEach(q => q.classList.add("hidden"));
document.getElementById(id).classList.remove("hidden");
}
function prevQuestion(id) {
document.querySelectorAll(".question, .result").forEach(q => q.classList.add("hidden"));
document.getElementById(id).classList.remove("hidden");
}
// Enhancements for responsiveness, animations, and UI
const style = document.createElement("style");
style.innerHTML = `
#flowchart {
max-width: 600px;
margin: auto;
font-family: Arial, sans-serif;
text-align: center;
}
.question, .result {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
border-radius: 10px;
background: #f8f8f8;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
transition: opacity 0.5s ease-in-out;
}
.hidden {
display: none;
}
button {
background-color: #0073e6;
color: white;
border: none;
padding: 10px 20px;
margin: 10px;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
button:hover {
background-color: #005bb5;
}
img {
width: 80%;
max-width: 300px;
margin-top: 10px;
border-radius: 5px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
`;
document.head.appendChild(style);
