<!-- Quick B2B Enquiry Modal -->
<div class="modal fade" id="enquiryModal" tabindex="-1" aria-labelledby="enquiryModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow-lg rounded-4">
            <div class="modal-header bg-primary text-white py-3 rounded-top-4">
                <h5 class="modal-title outfit fw-bold" id="enquiryModalLabel">Quick B2B Enquiry</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-4">
                <form action="send-enquiry.php" method="POST" class="needs-validation" novalidate>
                    <input type="hidden" name="form_type" value="quick_enquiry">
                    
                    <!-- Pre-filled product name if clicked from a product card -->
                    <div class="mb-3">
                        <label for="modalProductName" class="form-label small fw-semibold text-secondary">Interested Product</label>
                        <input type="text" class="form-control bg-light border-0 fw-medium" id="modalProductName" name="product_name" readonly placeholder="General Enquiry">
                    </div>
                    
                    <div class="mb-3">
                        <label for="modalName" class="form-label small fw-semibold text-secondary">Your Name *</label>
                        <input type="text" class="form-control" id="modalName" name="name" required placeholder="Enter your full name">
                        <div class="invalid-feedback">Please enter your name.</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="modalPhone" class="form-label small fw-semibold text-secondary">Mobile Number *</label>
                        <input type="tel" class="form-control" id="modalPhone" name="phone" pattern="[0-9]{10}" required placeholder="10-digit mobile number">
                        <div class="invalid-feedback">Please enter a valid 10-digit mobile number.</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="modalCity" class="form-label small fw-semibold text-secondary">City & State *</label>
                        <input type="text" class="form-control" id="modalCity" name="city" required placeholder="E.g., Kolkata, West Bengal">
                        <div class="invalid-feedback">Please enter your city and state.</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="modalRequirement" class="form-label small fw-semibold text-secondary">Business Requirement *</label>
                        <select class="form-select" id="modalRequirement" name="requirement" required>
                            <option value="" disabled selected>Select Requirement</option>
                            <option value="Request Price List">Request Price List</option>
                            <option value="Become Distributor">Become Distributor</option>
                            <option value="Become Dealer">Become Dealer / Retailer</option>
                            <option value="Bulk Project Requirement">Bulk Project Requirement</option>
                            <option value="Sample Request">Request Sample</option>
                        </select>
                        <div class="invalid-feedback">Please select your requirement.</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="modalMessage" class="form-label small fw-semibold text-secondary">Message / Notes</label>
                        <textarea class="form-control" id="modalMessage" name="message" rows="3" placeholder="Tell us more about your business..."></textarea>
                    </div>
                    
                    <button type="submit" class="btn btn-primary w-100 py-3 mt-2 rounded-3 fw-bold">Submit B2B Enquiry</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Footer Section -->
<footer class="bg-dark text-white pt-5 pb-4 mt-auto">
    <div class="container">
        <div class="row">
            <!-- Company Info Column -->
            <div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
                <div class="d-flex align-items-center mb-3">
                    <!-- Custom Veluno Logo Image (inverted for dark background) -->
                    <img src="assets/images/logo.png" alt="Veluno Logo" class="footer-logo" style="height: 38px; width: auto;">
                </div>
                <p class="text-secondary small">
                    Veluno Industries is a leading Indian manufacturer of premium-grade engineering polymer taps, showers, and plumbing accessories. Engineered for leak-proof, long-lasting performance in Indian households.
                </p>
                <div class="mt-4">
                    <a href="#" class="text-secondary me-3"><i class="fa-brands fa-facebook fa-lg"></i></a>
                    <a href="#" class="text-secondary me-3"><i class="fa-brands fa-instagram fa-lg"></i></a>
                    <a href="#" class="text-secondary me-3"><i class="fa-brands fa-linkedin fa-lg"></i></a>
                    <a href="#" class="text-secondary"><i class="fa-brands fa-youtube fa-lg"></i></a>
                </div>
            </div>
            
            <!-- Quick Links Column -->
            <div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
                <h5 class="outfit text-white mb-4 position-relative pb-2 border-bottom-accent">Quick Links</h5>
                <ul class="list-unstyled footer-links">
                    <li class="mb-2"><a href="index.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Home</a></li>
                    <li class="mb-2"><a href="about.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> About Us</a></li>
                    <li class="mb-2"><a href="products.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Our Products</a></li>
                    <li class="mb-2"><a href="become-distributor.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Become Distributor</a></li>
                    <li class="mb-2"><a href="download-catalogue.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Catalogue</a></li>
                    <li class="mb-2"><a href="contact.php" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Contact Us</a></li>
                </ul>
            </div>
            
            <!-- Product Categories Column -->
            <div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
                <h5 class="outfit text-white mb-4 position-relative pb-2 border-bottom-accent">Product Series</h5>
                <ul class="list-unstyled footer-links">
                    <li class="mb-2"><a href="products.php#hexa" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> HEXA Series</a></li>
                    <li class="mb-2"><a href="products.php#fusion" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> FUSION Series</a></li>
                    <li class="mb-2"><a href="products.php#showers" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Showers Collection</a></li>
                    <li class="mb-2"><a href="products.php#accessories" class="text-secondary text-decoration-none small hover-light"><i class="fa-solid fa-chevron-right me-1 small"></i> Accessories</a></li>
                </ul>
            </div>
            
            <!-- Contact Info Column -->
            <div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
                <h5 class="outfit text-white mb-4 position-relative pb-2 border-bottom-accent">Get In Touch</h5>
                <ul class="list-unstyled text-secondary small">
                    <li class="mb-3 d-flex align-items-start">
                        <i class="fa-solid fa-location-dot text-primary me-3 mt-1 fs-5"></i>
                        <span>219, Tiljala Rd, Gobra,<br>Kolkata, West Bengal 700046</span>
                    </li>
                    <li class="mb-3 d-flex align-items-center">
                        <i class="fa-solid fa-phone text-primary me-3 fs-5"></i>
                        <a href="tel:+917003549432" class="text-secondary text-decoration-none hover-light">+91 7003549432</a>
                    </li>
                    <li class="mb-3 d-flex align-items-center">
                        <i class="fa-solid fa-envelope text-primary me-3 fs-5"></i>
                        <a href="mailto:info@veluno.in" class="text-secondary text-decoration-none hover-light">info@veluno.in</a>
                    </li>
                </ul>
            </div>
        </div>
        
        <hr class="border-secondary my-4">
        
        <div class="row">
            <div class="col-12 text-center text-secondary small">
                <p class="mb-0">&copy; 2026 Veluno Industries. All rights reserved | ISO 9001:2015 & MSME Registered</p>
            </div>
        </div>
    </div>
</footer>

<!-- Floating WhatsApp Button -->
<a href="https://wa.me/917003549432?text=Hello%20Veluno,%0A%0AI%20am%20interested%20in%20your%20products.%0APlease%20share:%0A%E2%9C%93%20Product%20Catalogue%0A%E2%9C%93%20Dealer%20Price%20List%0A%E2%9C%93%20Distributor%20Details%0A%0AName%20:%20%0ACity%20:%20" 
   class="floating-whatsapp-btn shadow-lg d-flex align-items-center justify-content-center" 
   target="_blank" 
   title="Chat on WhatsApp">
    <i class="fa-brands fa-whatsapp"></i>
</a>

<!-- Floating "Get Price List" Quick CTA Button (Desktop Only) -->
<div class="floating-cta-desktop d-none d-lg-block">
    <a href="download-catalogue.php" class="btn btn-primary shadow-lg fw-bold rounded-pill px-4 py-2 border-2 border-white d-flex align-items-center gap-2">
        <i class="fa-solid fa-file-arrow-down"></i> Get Price List
    </a>
</div>

<!-- Bootstrap 5 Bundle with Popper JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Custom JS Script -->
<script src="assets/js/main.js"></script>

</body>
</html>
