    <!-- Contact Person & Address -->
    <section class="contact-details-section">
        <div class="container">
            <div class="contact-details-grid">
                <div class="contact-person-card">
                    <h3><%= settings.company_name %></h3>
                    <div class="contact-person-info">
                        <i class="fas fa-user-circle fa-3x"></i>
                        <div>
                            <strong>Contact Person</strong>
                            <p><%= settings.contact_person %> (<%= settings.contact_designation %>)</p>
                        </div>
                    </div>
                </div>
                <div class="address-card">
                    <h4><i class="fas fa-map-marker-alt"></i> Address</h4>
                    <p><%= settings.address %></p>
                    <a href="https://maps.google.com/?q=<%= encodeURIComponent(settings.address) %>" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline"><i class="fas fa-directions"></i> Get Directions</a>
                </div>
                <div class="contact-actions-card">
                    <a href="tel:<%= settings.phone %>" class="btn btn-call btn-block"><i class="fas fa-phone"></i> Call Us <%= settings.phone %></a>
                    <a href="#contact" class="btn btn-outline btn-block"><i class="fas fa-comment"></i> Send SMS</a>
                    <a href="#contact" class="btn btn-email btn-block"><i class="fas fa-envelope"></i> Send Email</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-col">
                    <h4>Company Profile</h4>
                    <ul class="footer-links">
                        <li><a href="/">Home</a></li>
                        <li><a href="/#profile">Profile</a></li>
                        <li><a href="/#products">Our Products</a></li>
                        <li><a href="#contact">Contact Us</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Products &amp; Services</h4>
                    <ul class="footer-links">
                        <% if (typeof categories !== 'undefined') { %>
                            <% categories.slice(0, 8).forEach(cat => { %>
                                <li><a href="/category/<%= cat.slug %>"><%= cat.name %></a></li>
                            <% }); %>
                        <% } %>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact Info</h4>
                    <ul class="footer-links">
                        <li><i class="fas fa-phone" style="color:var(--gray-400);margin-right:6px"></i> <%= settings.phone %></li>
                        <li><i class="fas fa-envelope" style="color:var(--gray-400);margin-right:6px"></i> <%= settings.email %></li>
                        <li><i class="fas fa-map-marker-alt" style="color:var(--gray-400);margin-right:6px"></i> <%= settings.city %></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Share Us</h4>
                    <div class="social-links">
                        <a href="#" class="social-link" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-link" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-link" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; <%= settings.company_name %>. All Rights Reserved.</p>
            </div>
        </div>
    </footer>

    <!-- Floating Contact Buttons -->
    <div class="floating-contact">
        <a href="tel:<%= settings.phone %>" class="float-btn float-call" aria-label="Call us"><i class="fas fa-phone"></i></a>
        <a href="#contact" class="float-btn float-msg" aria-label="Send message"><i class="fas fa-comment-dots"></i></a>
    </div>

    <!-- Scroll to Top -->
    <button class="scroll-top" id="scrollTop" aria-label="Scroll to top"><i class="fas fa-arrow-up"></i></button>

    <!-- Video Modal -->
    <div class="video-modal" id="videoModal">
        <div class="video-modal-content">
            <button class="video-modal-close" id="videoModalClose"><i class="fas fa-times"></i></button>
            <div class="video-modal-body" id="videoModalBody"></div>
        </div>
    </div>

    <!-- Quote Modal -->
    <div class="quote-modal-overlay" id="quoteModal">
        <div class="quote-modal">
            <button class="quote-modal-close" id="quoteModalClose"><i class="fas fa-times"></i></button>
            <div class="quote-modal-body">
                <div class="quote-modal-product">
                    <div class="quote-modal-image">
                        <img id="quoteModalImage" src="" alt="Product">
                    </div>
                    <div class="quote-modal-details">
                        <h3 id="quoteModalTitle"></h3>
                        <p class="quote-modal-price" id="quoteModalPrice"></p>
                        <ul class="quote-modal-products-list" id="quoteModalProducts"></ul>
                    </div>
                </div>
                <div class="quote-modal-form">
                    <h4>Get Best Quote</h4>
                    <form id="quoteForm">
                        <input type="hidden" name="category_name" id="quoteCategory" value="">
                        <input type="hidden" name="product_name" id="quoteProductName" value="">
                        <div class="quote-form-row">
                            <input type="text" name="name" placeholder="Your Name *" required>
                            <input type="tel" name="phone" placeholder="Phone Number *" required>
                        </div>
                        <input type="email" name="email" placeholder="Email Address *" required>
                        <textarea name="message" placeholder="Describe your requirement..." rows="3"></textarea>
                        <button type="submit" class="btn btn-primary btn-block">Send Enquiry</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
