s-label">The Brands We Carry</div>
            <h2>The outdoor furniture brands that <em>Pottery Barn Outdoor</em> spends its marketing budget trying to compete with.</h2>
            <p>The brands we carry are not available at Amazon, Lowe's, or Home Depot. You can sit in every piece in our Palumbo Drive showroom and see the fabric in Kentucky light before you spend a dollar.</p>
            <div class="brands-wrap">
                <div class="brand-chip">Summer Classics</div>
                <div class="brand-chip">Tommy Bahama</div>
                <div class="brand-chip">Tropitone</div>
                <div class="brand-chip">O.W. Lee</div>
                <div class="brand-chip">Lloyd Flanders</div>
                <div class="brand-chip">Berlin Gardens</div>
                <div class="brand-chip">Erwin &amp; Sons</div>
                <div class="brand-chip">Three Birds</div>
            </div>
        </div>
    </section>

    <!-- PROCESS -->
    <section class="section process">
        <div class="section-inner">
            <div class="process-header">
                <div>
                    <div class="s-label">How It Works</div>
                    <h2 class="s-title">From first conversation to finished backyard.</h2>
                </div>
                <p class="process-aside">Most projects in Central Kentucky take 6–10 weeks from design approval to installation. A May consultation can produce a September-ready space.</p>
            </div>
            <div class="process-steps">
                <div class="process-step">
                    <div class="step-num">01</div>
                    <div class="process-step-body">
                        <h3>Design Consultation</h3>
                        <p>Tell us what you have — lot, sightlines, gas stubouts, how you host. We tell you what works for your specific space. No pressure, no commitment to start the conversation.</p>
                    </div>
                </div>
                <div class="process-step">
                    <div class="step-num">02</div>
                    <div class="process-step-body">
                        <h3>Showroom Visit &amp; Selection</h3>
                        <p>Visit 2320 Palumbo Drive. Sit in the Summer Classics chairs. Stand at the fireplace displays. See materials in real Kentucky light before you finalize anything.</p>
                    </div>
                </div>
                <div class="process-step">
                    <div class="step-num">03</div>
                    <div class="process-step-body">
                        <h3>Full Design Proposal</h3>
                        <p>We deliver a complete design showing fireplace placement, furniture layout, and structure orientation together — as a full outdoor room, not three projects you have to imagine connecting.</p>
                    </div>
                </div>
                <div class="process-step">
                    <div class="step-num">04</div>
                    <div class="process-step-body">
                        <h3>Installation &amp; Delivery</h3>
                        <p>One team handles everything. Gas installation, structure build, furniture delivery, final placement. No coordinating between a fireplace company, a furniture store, and a GC who have never met.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- SOCIAL PROOF -->
    <section class="proof-strip">
        <div class="proof-label">
            <div class="s-label">What Lexington Homeowners Say</div>
            <h2>4.7 stars across 149 Google reviews.</h2>
        </div>
        <div class="proof-grid">
            <div class="review-card">
                <div class="stars-row">★★★★★</div>
                <p class="review-text">"We've been shopping here for years. The quality of their outdoor furniture is incomparable to anything else in Lexington. Our patio looks absolutely beautiful and we get compliments every time we entertain."</p>
                <div class="reviewer-name">Lexington Homeowner <span>· Google Review</span></div>
            </div>
            <div class="review-card">
                <div class="stars-row">★★★★★</div>
                <p class="review-text">"Housewarmings installed our outdoor fireplace and helped us select furniture that works perfectly with the space. Having one company handle everything made the process so much easier than we expected."</p>
                <div class="reviewer-name">Hartland Area Client <span>· Google Review</span></div>
            </div>
            <div class="review-card">
                <div class="stars-row">★★★★★</div>
                <p class="review-text">"Knowledgeable staff, premium brands you cannot find anywhere else locally, and they stand behind everything they sell and install. Worth every dollar. The backyard finally looks the way it should."</p>
                <div class="reviewer-name">Central Kentucky Homeowner <span>· Google Review</span></div>
            </div>
        </div>
    </section>

    <!-- SURVEY -->
    <section class="survey-section" id="survey">
        <div class="survey-inner">
            <div class="survey-header">
                <div class="s-label">Get Started</div>
                <h2>Tell us about your project.</h2>
                <p>Answer five quick questions and we'll reach out within one business day to schedule your free design consultation — no obligation.</p>
            </div>

            <div class="prog-bar" id="progBar">
                <div class="prog-fill" id="progFill" style="width:0%"></div>
                <div class="prog-step active" data-step="1">
                    <div class="prog-dot">1</div>
                    <div class="prog-lbl">Project</div>
                </div>
                <div class="prog-step" data-step="2">
                    <div class="prog-dot">2</div>
                    <div class="prog-lbl">Timeline</div>
                </div>
                <div class="prog-step" data-step="3">
                    <div class="prog-dot">3</div>
                    <div class="prog-lbl">Property</div>
                </div>
                <div class="prog-step" data-step="4">
                    <div class="prog-dot">4</div>
                    <div class="prog-lbl">Budget</div>
                </div>
                <div class="prog-step" data-step="5">
                    <div class="prog-dot">5</div>
                    <div class="prog-lbl">Contact</div>
                </div>
            </div>

            <div class="survey-card">
                <form id="surveyForm" novalidate>

                    <!-- STEP 1 -->
                    <div class="survey-step active" data-step="1">
                        <h3 class="step-q">What are you looking to do?</h3>
                        <p class="step-hint">Select the option that best describes your project.</p>
                        <div class="choice-grid">
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt1" value="Fireplace Installation">
                                <label class="choice-lbl" for="pt1">Fireplace Installation</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt2" value="Outdoor Furniture">
                                <label class="choice-lbl" for="pt2">Outdoor Furniture</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt3" value="Full Outdoor Living Room (Fireplace + Furniture + Structure)">
                                <label class="choice-lbl" for="pt3">Full Outdoor Living Room</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt4" value="Gazebo or Patio Structure">
                                <label class="choice-lbl" for="pt4">Gazebo or Patio Structure</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt5" value="Grills &amp; Outdoor Kitchen">
                                <label class="choice-lbl" for="pt5">Grills &amp; Outdoor Kitchen</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="project_type" id="pt6" value="Fireplace Repair or Inspection">
                                <label class="choice-lbl" for="pt6">Fireplace Repair or Inspection</label>
                            </div>
                        </div>
                        <div class="step-nav">
                            <button type="button" class="btn-next" onclick="nextStep(1)">Continue →</button>
                        </div>
                    </div>

                    <!-- STEP 2 -->
                    <div class="survey-step" data-step="2">
                        <h3 class="step-q">When are you hoping to have this done?</h3>
                        <p class="step-hint">This helps us confirm what's available in your timeframe and prioritize your consultation.</p>
                        <div class="choice-grid">
                            <div class="choice-opt">
                                <input type="radio" name="timeline" id="tl1" value="As soon as possible">
                                <label class="choice-lbl" for="tl1">As soon as possible</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="timeline" id="tl2" value="This spring (April–June)">
                                <label class="choice-lbl" for="tl2">This spring (April–June)</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="timeline" id="tl3" value="This summer (before Labor Day)">
                                <label class="choice-lbl" for="tl3">This summer (before Labor Day)</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="timeline" id="tl4" value="This fall (September–November)">
                                <label class="choice-lbl" for="tl4">This fall (Sept–Nov)</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="timeline" id="tl5" value="Still exploring — no hard deadline">
                                <label class="choice-lbl" for="tl5">Still exploring — no hard deadline</label>
                            </div>
                        </div>
                        <div class="step-nav">
                            <button type="button" class="btn-back" onclick="prevStep(2)">← Back</button>
                            <button type="button" class="btn-next" onclick="nextStep(2)">Continue →</button>
                        </div>
                    </div>

                    <!-- STEP 3 -->
                    <div class="survey-step" data-step="3">
                        <h3 class="step-q">Tell us about your property.</h3>
                        <p class="step-hint">This helps us design the right scope for your outdoor space.</p>
                        <div style="margin-bottom:10px;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(247,242,236,0.45);">Approximate Home Value</div>
                        <div class="choice-grid" style="margin-bottom:28px;">
                            <div class="choice-opt">
                                <input type="radio" name="home_value" id="hv1" value="$450K–$650K">
                                <label class="choice-lbl" for="hv1">$450K – $650K</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="home_value" id="hv2" value="$650K–$1M">
                                <label class="choice-lbl" for="hv2">$650K – $1M</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="home_value" id="hv3" value="$1M–$1.5M">
                                <label class="choice-lbl" for="hv3">$1M – $1.5M</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="home_value" id="hv4" value="$1.5M+">
                                <label class="choice-lbl" for="hv4">$1.5M+</label>
                            </div>
                        </div>
                        <div style="margin-bottom:10px;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(247,242,236,0.45);">Current State of Your Outdoor Space</div>
                        <div class="choice-grid">
                            <div class="choice-opt">
                                <input type="radio" name="current_state" id="cs1" value="Dated patio — ready for full renovation">
                                <label class="choice-lbl" for="cs1">Dated patio — ready for full renovation</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="current_state" id="cs2" value="Empty or bare — starting from scratch">
                                <label class="choice-lbl" for="cs2">Empty or bare — starting from scratch</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="current_state" id="cs3" value="Partial setup — adding fireplace or furniture">
                                <label class="choice-lbl" for="cs3">Partial setup — adding to what's there</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="current_state" id="cs4" value="New construction — planning ahead">
                                <label class="choice-lbl" for="cs4">New construction — planning ahead</label>
                            </div>
                        </div>
                        <div class="step-nav">
                            <button type="button" class="btn-back" onclick="prevStep(3)">← Back</button>
                            <button type="button" class="btn-next" onclick="nextStep(3)">Continue →</button>
                        </div>
                    </div>

                    <!-- STEP 4 -->
                    <div class="survey-step" data-step="4">
                        <h3 class="step-q">What is your approximate project budget?</h3>
                        <p class="step-hint">This helps us match you with the right products and scope from the start — no surprises later.</p>
                        <div class="choice-grid">
                            <div class="choice-opt">
                                <input type="radio" name="budget" id="b1" value="$10,000–$22,000">
                                <label class="choice-lbl" for="b1">$10,000 – $22,000</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="budget" id="b2" value="$22,000–$40,000">
                                <label class="choice-lbl" for="b2">$22,000 – $40,000</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="budget" id="b3" value="$40,000–$65,000">
                                <label class="choice-lbl" for="b3">$40,000 – $65,000</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="budget" id="b4" value="$65,000+">
                                <label class="choice-lbl" for="b4">$65,000+</label>
                            </div>
                            <div class="choice-opt">
                                <input type="radio" name="budget" id="b5" value="Not sure yet — need help defining scope">
                                <label class="choice-lbl" for="b5">Not sure yet — need help defining scope</label>
                            </div>
                        </div>
                        <div class="step-nav">
                            <button type="button" class="btn-back" onclick="prevStep(4)">← Back</button>
                            <button type="button" class="btn-next" onclick="nextStep(4)">Continue →</button>
                        </div>
                    </div>

                    <!-- STEP 5 -->
                    <div class="survey-step" data-step="5">
                        <h3 class="step-q">Last step — how do we reach you?</h3>
                        <p class="step-hint">We'll follow up within one business day to schedule your free design consultation at no obligation.</p>
                        <div class="form-row">
                            <div class="form-grp">
                                <label class="form-lbl" for="firstName">First Name</label>
                                <input type="text" id="firstName" name="first_name" class="form-input" placeholder="Margaret" required>
                            </div>
                            <div class="form-grp">
                                <label class="form-lbl" for="lastName">Last Name</label>
                                <input type="text" id="lastName" name="last_name" class="form-input" placeholder="Ashworth" required>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-grp">
                                <label class="form-lbl" for="phone">Phone Number</label>
                                <input type="tel" id="phone" name="phone" class="form-input" placeholder="(859) 000-0000" required>
                            </div>
                            <div class="form-grp">
                                <label class="form-lbl" for="email">Email Address</label>
                                <input type="email" id="email" name="email" class="form-input" placeholder="you@email.com" required>
                            </div>
                        </div>
                        <div class="form-grp">
                            <label class="form-lbl" for="neighborhood">Neighborhood or Area</label>
                            <input type="text" id="neighborhood" name="neighborhood" class="form-input" placeholder="e.g. Andover Hills, Hartland, Versailles Road...">
                        </div>
                        <p class="form-fine">By submitting this form you agree to be contacted by Housewarmings regarding your outdoor living project. We respect your privacy and will never share your information.</p>
                        <div class="step-nav">
                            <button type="button" class="btn-back" onclick="prevStep(5)">← Back</button>
                            <button type="submit" class="btn-submit">See My Results →</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="footer">
        <div class="footer-inner">
            <div class="footer-top">
                <div class="footer-brand">
                    <h3>House<span>warmings</span></h3>
                    <p>Central Kentucky's premier outdoor living showroom. Fireplaces, premium furniture, grills, gazebos, and patio enclosures — designed and installed by one team since 2004. Serving Lexington and 11 surrounding counties.</p>
                </div>
                <div class="footer-col">
                    <h4>Services</h4>
                    <ul>
                        <li>Fireplace Sales &amp; Installation</li>
                        <li>Gas Logs &amp; Fireplace Repair</li>
                        <li>Premium Outdoor Furniture</li>
                        <li>BBQ Grills &amp; Outdoor Kitchen</li>
                        <li>Gazebo Design &amp; Build</li>
                        <li>Patio Enclosures &amp; Sunrooms</li>
                    </ul>
                </div>
                <div class="footer-contact-col">
                    <h4>Contact &amp; Visit</h4>
                    <a href="tel:8592310005" class="footer-phone">(859) 231-0005</a>
                    <p>2320 Palumbo Drive<br>Lexington, KY 40509</p>
                    <p style="margin-top:18px;font-size:0.78rem;color:rgba(247,242,236,0.3);">Serving Lexington, Nicholasville, Georgetown, Richmond, Winchester, Paris, Versailles, Midway, Frankfort, Danville, and Berea.</p>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-copy">© 2026 Housewarmings · Everburn Manufacturing, Inc. · Est. 2004 · Lexington, KY</div>
                <div class="footer-rating">
                    <span class="stars-row">★★★★★</span>
                    <span>4.7 stars · 149 Google Reviews · Nextdoor Neighborhood Favorite 2021 &amp; 2023</span>
                </div>
            </div>
        </div>
    </footer>

    <script>
        let currentStep = 1;
        const totalSteps = 5;

        function updateProgress(step) {
            document.querySelectorAll('.prog-step').forEach(function(el, i) {
                el.classList.remove('active', 'completed');
                var dot = el.querySelector('.prog-dot');
                if (i + 1 < step) {
                    el.classList.add('completed');
                    dot.innerHTML = '✓';
                } else if (i + 1 === step) {
                    el.classList.add('active');
                    dot.textContent = i + 1;
                } else {
                    dot.textContent = i + 1;
                }
            });
            var pct = ((step - 1) / (totalSteps - 1)) * 100;
            document.getElementById('progFill').style.width = pct + '%';
        }

        function goToStep(step) {
            document.querySelectorAll('.survey-step').forEach(function(el) {
                el.classList.remove('active');
            });
            document.querySelector('.survey-step[data-step="' + step + '"]').classList.add('active');
            currentStep = step;
            updateProgress(step);
            document.getElementById('survey').scrollIntoView({ behavior: 'smooth', block: 'start' });
        }

        function nextStep(from) {
            if (from < totalSteps) goToStep(from + 1);
        }

        function prevStep(from) {
            if (from > 1) goToStep(from - 1);
        }

        var form = document.getElementById('surveyForm');
        form.addEventListener('submit', async function(e) {
            e.preventDefault();
            var submitBtn = form.querySelector('button[type="submit"]');
            submitBtn.textContent = 'Submitting...';
            submitBtn.disabled = true;
            try {
                alert('Thank you! We\'ll be in touch within 24 hours.');
                form.reset();
                goToStep(1);
                submitBtn.textContent = 'See My Results →';
                submitBtn.disabled = false;
            } catch (error) {
                submitBtn.textContent = 'See My Results →';
                submitBtn.disabled = false;
                alert('Something went wrong. Please call us directly.');
            }
        });

        document.querySelectorAll('a[href="#survey"]').forEach(function(link) {
            link.addEventListener('click', function(e) {
                e.preventDefault();
                document.getElementById('survey').scrollIntoView({ behavior: 'smooth' });
            });
        });

        updateProgress(1);
    </script>

</body>
</html>