<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Veluno Industries - Premium Engineering Polymer Taps, Showers & Plumbing Accessories. Leading B2B manufacturer & supplier in India.">
    <meta name="keywords" content="polymer taps, engineering polymer showers, PTMT taps, plumbing solutions, sanitary fittings, B2B plumbing, Veluno, Veluno India">
    <meta name="author" content="Veluno Industries">
    <title>Veluno | Premium Plumbing & Sanitary Solutions (B2B Lead Portal)</title>
    
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Google Fonts: Outfit & Inter for premium, modern look -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- FontAwesome 6 for Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
    
    <!-- Custom Style Sheet -->
    <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>

<!-- Top Info Bar (Desktop Only) -->
<div class="top-bar py-2 d-none d-lg-block bg-light border-bottom">
    <div class="container d-flex justify-content-between align-items-center">
        <div class="top-info text-secondary small">
            <span class="me-3"><i class="fa-solid fa-envelope text-primary me-1"></i> info@veluno.in</span>
            <span><i class="fa-solid fa-phone text-primary me-1"></i> +91 7003549432</span>
        </div>
        <div class="top-badge text-secondary small fw-medium">
            <span class="badge bg-primary-light text-primary me-2"><i class="fa-solid fa-circle-check me-1"></i> ISO 9001:2015 Certified</span>
            <span class="badge bg-primary-light text-primary"><i class="fa-solid fa-circle-check me-1"></i> MSME Registered</span>
        </div>
    </div>
</div>

<!-- Navigation Header -->
<nav class="navbar navbar-expand-lg sticky-top bg-white navbar-light py-3 border-bottom shadow-sm">
    <div class="container">
        <!-- Logo -->
        <a class="navbar-brand d-flex align-items-center" href="index.php">
            <!-- Custom Veluno Logo Image -->
            <img src="assets/images/logo.png" alt="Veluno Logo" style="height: 42px; width: auto;">
        </a>
        
        <!-- Toggle Button for Mobile -->
        <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        
        <!-- Navigation Links & CTAs -->
        <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav mx-auto mb-2 mb-lg-0 fw-medium">
                <li class="nav-item px-2">
                    <a class="nav-link" href="index.php">Home</a>
                </li>
                <li class="nav-item px-2">
                    <a class="nav-link" href="about.php">About Us</a>
                </li>
                <li class="nav-item px-2">
                    <a class="nav-link" href="products.php">Products</a>
                </li>
                <li class="nav-item px-2">
                    <a class="nav-link" href="become-distributor.php">Become Distributor</a>
                </li>
                <li class="nav-item px-2">
                    <a class="nav-link" href="download-catalogue.php">Download Catalogue</a>
                </li>
                <li class="nav-item px-2">
                    <a class="nav-link" href="contact.php">Contact</a>
                </li>
            </ul>
            
            <!-- Quick Actions -->
            <div class="d-flex align-items-center gap-2 mt-3 mt-lg-0">
                <a href="tel:+917003549432" class="btn btn-outline-primary fw-semibold rounded-pill px-3 py-2 btn-sm d-flex align-items-center gap-2">
                    <i class="fa-solid fa-phone"></i> Call Now
                </a>
                <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20your%20products.%20Please%20share%20price%20list." target="_blank" class="btn btn-success fw-semibold rounded-pill px-3 py-2 btn-sm d-flex align-items-center gap-2">
                    <i class="fa-brands fa-whatsapp"></i> WhatsApp Us
                </a>
            </div>
        </div>
    </div>
</nav>

<!-- Global Success Alert Banner -->
<?php if (isset($_GET['status']) && $_GET['status'] == 'success'): ?>
<div class="container mt-3">
    <div class="alert alert-success alert-dismissible fade show border-0 shadow-sm rounded-4 py-3" role="alert" style="border-left: 5px solid var(--accent-color) !important;">
        <div class="d-flex align-items-center gap-3">
            <div class="text-success fs-4"><i class="fa-solid fa-circle-check"></i></div>
            <div>
                <strong class="outfit">Thank you for contacting Veluno!</strong><br>
                <span class="small text-secondary">Your B2B inquiry has been successfully recorded. Our Business Development team will call you back within 24 hours.</span>
            </div>
        </div>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
</div>
<?php endif; ?>

