<?php include 'includes/header.php'; ?>

<!-- Hero Section with Premium Sliding Carousel -->
<section class="hero-section text-white d-flex align-items-center" style="background: linear-gradient(rgba(10, 62, 112, 0.88), rgba(15, 94, 168, 0.92)), url('assets/images/hero_bg.png') no-repeat center center / cover; min-height: 85vh; padding: 80px 0;">
    <div class="container">
        <div class="row align-items-center">
            
            <!-- Sliding B2B Marketing Slider -->
            <div class="col-lg-8 mb-5 mb-lg-0 pe-lg-5">
                <div id="heroCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
                    <!-- Indicators -->
                    <div class="carousel-indicators" style="bottom: -20px;">
                        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
                    </div>
                    
                    <div class="carousel-inner">
                        <!-- Slide 1: Brand Introduction -->
                        <div class="carousel-item active">
                            <div class="row align-items-center">
                                <div class="col-md-7">
                                    <span class="badge bg-info text-dark mb-3 px-3 py-2 fw-bold text-uppercase tracking-wider">Premium Indian Manufacturing</span>
                                    <h2 class="hero-title outfit mb-3 text-white">FIT ONCE,<br><span class="text-info">RELAX FOR YEARS.</span></h2>
                                    <p class="lead mb-4 fw-light text-white-50" style="font-size: 1.1rem; line-height: 1.6;">
                                        High-performance engineering polymer plumbing fittings built to withstand harsh Indian water and weather conditions.
                                    </p>
                                    <div class="d-flex flex-wrap gap-2">
                                        <a href="download-catalogue.php" class="btn btn-info text-dark fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            <i class="fa-solid fa-file-arrow-down me-2"></i> Price List
                                        </a>
                                        <a href="become-distributor.php" class="btn btn-outline-light fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            Become Partner
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-5 d-none d-md-block">
                                    <div class="carousel-product-wrapper">
                                        <div class="product-display-circle circle-primary">
                                            <img src="assets/images/Product%20Photo/Hexa%20Model/Swan%20Neck.jpg" alt="Hexa Swan Neck Tap">
                                        </div>
                                        <div class="product-display-circle circle-secondary">
                                            <img src="assets/images/Product%20Photo/Fusion%20Model/Pillar%20Tap.jpg" alt="Fusion Pillar Tap">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Slide 2: HEXA Series -->
                        <div class="carousel-item">
                            <div class="row align-items-center">
                                <div class="col-md-7">
                                    <span class="badge bg-primary text-white mb-3 px-3 py-2 fw-bold text-uppercase tracking-wider">HEXA SERIES</span>
                                    <h2 class="hero-title outfit mb-3 text-white">Heavy-Duty<br><span class="text-info">Polymer Taps</span></h2>
                                    <p class="lead mb-4 fw-light text-white-50" style="font-size: 1.1rem; line-height: 1.6;">
                                        Hexagonal styling offering maximum durability, impact resistance, and flawless operation. Backed by 3-Year Replacement Guarantee.
                                    </p>
                                    <div class="d-flex flex-wrap gap-2">
                                        <a href="products.php#hexa" class="btn btn-info text-dark fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            View HEXA Taps
                                        </a>
                                        <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20HEXA%20Series%20taps.%20Please%20share%20details." target="_blank" class="btn btn-success fw-bold px-4 py-2.5 rounded-pill text-white btn-sm">
                                            <i class="fa-brands fa-whatsapp me-2"></i> WhatsApp Enquiry
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-5 d-none d-md-block">
                                    <div class="carousel-product-wrapper">
                                        <div class="product-display-circle circle-primary">
                                            <img src="assets/images/Product%20Photo/Hexa%20Model/Swan%20Neck.jpg" alt="Hexa Swan Neck">
                                        </div>
                                        <div class="product-display-circle circle-secondary">
                                            <img src="assets/images/Product%20Photo/Hexa%20Model/2%20Way%20Bib%20Tap.jpg" alt="Hexa 2 Way Bib Tap">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Slide 3: FUSION Series -->
                        <div class="carousel-item">
                            <div class="row align-items-center">
                                <div class="col-md-7">
                                    <span class="badge bg-info text-dark mb-3 px-3 py-2 fw-bold text-uppercase tracking-wider">FUSION SERIES</span>
                                    <h2 class="hero-title outfit mb-3 text-white">Modern & Glossy<br><span class="text-info">Premium Aesthetics</span></h2>
                                    <p class="lead mb-4 fw-light text-white-50" style="font-size: 1.1rem; line-height: 1.6;">
                                        Cylindrical designs, high glossy finishes, and smooth ceramic disc systems that elevate modern bathroom and kitchen decors.
                                    </p>
                                    <div class="d-flex flex-wrap gap-2">
                                        <a href="products.php#fusion" class="btn btn-info text-dark fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            View FUSION Collection
                                        </a>
                                        <a href="become-distributor.php" class="btn btn-outline-light fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            Become Distributor
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-5 d-none d-md-block">
                                    <div class="carousel-product-wrapper">
                                        <div class="product-display-circle circle-primary">
                                            <img src="assets/images/Product%20Photo/Fusion%20Model/Swan%20Neck.jpg" alt="Fusion Swan Neck">
                                        </div>
                                        <div class="product-display-circle circle-secondary">
                                            <img src="assets/images/Product%20Photo/Fusion%20Model/Pillar%20Tap.jpg" alt="Fusion Pillar Tap">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Slide 4: Shower Series -->
                        <div class="carousel-item">
                            <div class="row align-items-center">
                                <div class="col-md-7">
                                    <span class="badge bg-dark text-white mb-3 px-3 py-2 fw-bold text-uppercase tracking-wider">SHOWER COLLECTION</span>
                                    <h2 class="hero-title outfit mb-3 text-white">Anti-Clog Rain<br><span class="text-info">Overhead Showers</span></h2>
                                    <p class="lead mb-4 fw-light text-white-50" style="font-size: 1.1rem; line-height: 1.6;">
                                        Engineered with food-grade silicone nozzles that resist scaling and hard water build-up. Perfect rain spray coverage.
                                    </p>
                                    <div class="d-flex flex-wrap gap-2">
                                        <a href="products.php#showers" class="btn btn-info text-dark fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            Explore Showers
                                        </a>
                                        <a href="download-catalogue.php" class="btn btn-outline-light fw-bold px-4 py-2.5 rounded-pill btn-sm">
                                            Download Catalog
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-5 d-none d-md-block">
                                    <div class="carousel-product-wrapper">
                                        <div class="product-display-circle circle-primary">
                                            <img src="assets/images/Product%20Photo/Shower/5X5%20Sandwich%20Shower.jpg" alt="5x5 Sandwich Shower">
                                        </div>
                                        <div class="product-display-circle circle-secondary">
                                            <img src="assets/images/Product%20Photo/Shower/Round%20Shower.jpg" alt="Round Shower">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Carousel Left/Right Control Arrows -->
                    <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev" style="left: -40px;">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next" style="right: -40px;">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>
            
            <!-- Quick Lead Capture Form in Hero (Glassmorphism card) - Remains Static -->
            <div class="col-lg-4">
                <div class="glass-card text-dark p-4 border-light shadow-lg">
                    <h4 class="outfit fw-bold mb-3 text-primary">Quick B2B Enquiry</h4>
                    <p class="small text-secondary mb-3">Request samples or call back within 2 hours.</p>
                    
                    <form action="send-enquiry.php" method="POST" class="needs-validation" novalidate>
                        <input type="hidden" name="form_type" value="hero_quick">
                        <div class="mb-3">
                            <input type="text" class="form-control" name="name" required placeholder="Contact Name *">
                        </div>
                        <div class="mb-3">
                            <input type="tel" class="form-control" name="phone" pattern="[0-9]{10}" required placeholder="10-Digit Mobile Number *">
                        </div>
                        <div class="mb-3">
                            <input type="text" class="form-control" name="city" required placeholder="City, State *">
                        </div>
                        <div class="mb-3">
                            <select class="form-select" name="requirement" required>
                                <option value="" disabled selected>Select Requirement *</option>
                                <option value="Dealer Enquiry">Dealer Enquiry</option>
                                <option value="Distributor Enquiry">Distributor Enquiry</option>
                                <option value="Bulk Project Order">Bulk Project Order</option>
                                <option value="Catalog & Prices">Catalog & Price List</option>
                            </select>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 py-2.5 fw-bold">Get Callback</button>
                    </form>
                </div>
            </div>
            
        </div>
    </div>
</section>

<!-- Trust / Stats Strip -->
<section class="py-4 bg-light border-bottom">
    <div class="container">
        <div class="row text-center text-secondary py-2 gy-4">
            <div class="col-md-3 col-6">
                <h3 class="outfit fw-extrabold text-primary mb-1">100%</h3>
                <p class="small text-uppercase mb-0 tracking-wider">Made In India</p>
            </div>
            <div class="col-md-3 col-6">
                <h3 class="outfit fw-extrabold text-primary mb-1">36 Months</h3>
                <p class="small text-uppercase mb-0 tracking-wider">Replacement Warranty</p>
            </div>
            <div class="col-md-3 col-6">
                <h3 class="outfit fw-extrabold text-primary mb-1">ISO 9001</h3>
                <p class="small text-uppercase mb-0 tracking-wider">Quality Certified</p>
            </div>
            <div class="col-md-3 col-6">
                <h3 class="outfit fw-extrabold text-primary mb-1">Leak-Proof</h3>
                <p class="small text-uppercase mb-0 tracking-wider">Tested Products</p>
            </div>
        </div>
    </div>
</section>

<!-- Why Choose Veluno Section -->
<section class="py-5 bg-white">
    <div class="container py-4">
        <div class="row justify-content-center text-center mb-5">
            <div class="col-lg-8">
                <span class="section-subtitle">Engineered for Excellence</span>
                <h2 class="section-title outfit">Why Dealers & Distributors Trust Veluno</h2>
                <p class="text-secondary">We combine advanced polymer compounds with precision Indian engineering to deliver products that last for generations.</p>
            </div>
        </div>
        
        <div class="row g-4">
            <!-- Feature 1 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-layer-group"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">Premium Polymer</h5>
                    <p class="text-secondary small mb-0">Manufactured using engineering-grade polymer compounds for maximum body strength, impact resistance, and surface finish.</p>
                </div>
            </div>
            <!-- Feature 2 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-shield-halved"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">36 Months Warranty</h5>
                    <p class="text-secondary small mb-0">We stand by our quality. All our polymer taps and showers come backed by a trusted 36-month replacement warranty.</p>
                </div>
            </div>
            <!-- Feature 3 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-droplet-slash"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">Leak-Proof Design</h5>
                    <p class="text-secondary small mb-0">Fitted with precision washers and half-turn ceramic discs. Each piece undergoes pneumatic leak tests before packing.</p>
                </div>
            </div>
            <!-- Feature 4 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-temperature-half"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">Temperature Resistant</h5>
                    <p class="text-secondary small mb-0">Maintains structural stability across extreme temperature ranges, from -20°C up to +75°C. Ideal for all Indian weather conditions.</p>
                </div>
            </div>
            <!-- Feature 5 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-circle-check"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">Smooth Operation</h5>
                    <p class="text-secondary small mb-0">Equipped with smooth half-turn mechanism for effortless operation and flow control, reducing water wastage.</p>
                </div>
            </div>
            <!-- Feature 6 -->
            <div class="col-lg-4 col-md-6">
                <div class="feature-card">
                    <div class="feature-icon-wrapper">
                        <i class="fa-solid fa-flag"></i>
                    </div>
                    <h5 class="outfit fw-bold mb-3">Proudly Made In India</h5>
                    <p class="text-secondary small mb-0">Manufactured in-house in state-of-the-art facilities, promoting local employment and maintaining strict QC standards.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Product Categories Section -->
<section class="py-5 bg-light">
    <div class="container py-4">
        <div class="row justify-content-center text-center mb-5">
            <div class="col-lg-8">
                <span class="section-subtitle">Our Product Lineup</span>
                <h2 class="section-title outfit">Engineered Product Categories</h2>
                <p class="text-secondary">Explore our organized series, designed to cater to various market segments, price-points, and aesthetic requirements.</p>
            </div>
        </div>
        
        <div class="row g-4">
            <!-- HEXA Series -->
            <div class="col-md-6 col-lg-3">
                <div class="category-card">
                    <div class="category-img-container">
                        <img src="assets/images/Product%20Photo/Hexa%20Model/Swan%20Neck.jpg" alt="HEXA Series Taps">
                        <div class="category-overlay">
                            <span class="text-white small">Bib Taps, Pillar Taps, Swan Necks</span>
                        </div>
                    </div>
                    <div class="p-4">
                        <h4 class="outfit fw-bold mb-2">HEXA Series</h4>
                        <p class="text-secondary small mb-3">Highly durable, classic hexagonal-inspired design for general household utility fittings.</p>
                        <a href="products.php#hexa" class="btn btn-outline-primary w-100 btn-sm">View Products</a>
                    </div>
                </div>
            </div>
            
            <!-- FUSION Series -->
            <div class="col-md-6 col-lg-3">
                <div class="category-card">
                    <div class="category-img-container">
                        <img src="assets/images/Product%20Photo/Fusion%20Model/Swan%20Neck.jpg" alt="FUSION Series Taps">
                        <div class="category-overlay">
                            <span class="text-white small">Premium Kitchen & Bathroom Fittings</span>
                        </div>
                    </div>
                    <div class="p-4">
                        <h4 class="outfit fw-bold mb-2">FUSION Series</h4>
                        <p class="text-secondary small mb-3">Modern sleek profiles, premium glossy textures for elevated bathroom & kitchen interiors.</p>
                        <a href="products.php#fusion" class="btn btn-outline-primary w-100 btn-sm">View Products</a>
                    </div>
                </div>
            </div>
            
            <!-- Showers Series -->
            <div class="col-md-6 col-lg-3">
                <div class="category-card">
                    <div class="category-img-container">
                        <img src="assets/images/Product%20Photo/Shower/5X5%20Sandwich%20Shower.jpg" alt="Showers Collection">
                        <div class="category-overlay">
                            <span class="text-white small">Rain Showers & Hand Showers</span>
                        </div>
                    </div>
                    <div class="p-4">
                        <h4 class="outfit fw-bold mb-2">Shower Series</h4>
                        <p class="text-secondary small mb-3">Includes 5x5 Sandwich showers and classic round designs for refreshing spray coverage.</p>
                        <a href="products.php#showers" class="btn btn-outline-primary w-100 btn-sm">View Products</a>
                    </div>
                </div>
            </div>
            
            <!-- Accessories -->
            <div class="col-md-6 col-lg-3">
                <div class="category-card">
                    <div class="category-img-container">
                        <img src="assets/images/Product%20Photo/Accessories_/R.O%20Tap%20Plastic_.jpg" alt="Plumbing Accessories">
                        <div class="category-overlay">
                            <span class="text-white small">RO Taps, Testing Plugs & Connectors</span>
                        </div>
                    </div>
                    <div class="p-4">
                        <h4 class="outfit fw-bold mb-2">Accessories</h4>
                        <p class="text-secondary small mb-3">Core plumbing accessories including RO taps, Kent taps, and heavy-duty testing plugs.</p>
                        <a href="products.php#accessories" class="btn btn-outline-primary w-100 btn-sm">View Products</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Applications Section -->
<section class="py-5 bg-white">
    <div class="container py-4">
        <div class="row justify-content-center text-center mb-5">
            <div class="col-lg-8">
                <span class="section-subtitle">Diverse Applications</span>
                <h2 class="section-title outfit">Built For Various Plumbing Environments</h2>
                <p class="text-secondary">Veluno polymer solutions adapt perfectly to diverse building types and usage conditions.</p>
            </div>
        </div>
        
        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="application-card p-4 text-center">
                    <div class="text-primary fs-2 mb-3"><i class="fa-solid fa-house-chimney"></i></div>
                    <h5 class="outfit fw-bold">Residential Homes</h5>
                    <p class="text-secondary small mb-0">Perfect for bathrooms, kitchens, and garden fittings in modern households.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="application-card p-4 text-center">
                    <div class="text-primary fs-2 mb-3"><i class="fa-solid fa-building"></i></div>
                    <h5 class="outfit fw-bold">Commercial Buildings</h5>
                    <p class="text-secondary small mb-0">High-durability fittings suited for heavy daily use in offices and malls.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="application-card p-4 text-center">
                    <div class="text-primary fs-2 mb-3"><i class="fa-solid fa-hotel"></i></div>
                    <h5 class="outfit fw-bold">Hotels & Hospitality</h5>
                    <p class="text-secondary small mb-0">Elegant designs offering a premium feel while ensuring zero-leak operations.</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="application-card p-4 text-center">
                    <div class="text-primary fs-2 mb-3"><i class="fa-solid fa-industry"></i></div>
                    <h5 class="outfit fw-bold">Industrial Settings</h5>
                    <p class="text-secondary small mb-0">Corrosion-resistant taps that withstand demanding chemical and water environments.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Dealer Opportunity Section (Lead Capture Form) -->
<section class="py-5 bg-light" id="dealer-opportunity">
    <div class="container py-4">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-5 mb-lg-0">
                <span class="badge bg-primary text-white mb-2 px-3 py-1.5 fw-bold text-uppercase">Grow With Veluno</span>
                <h2 class="outfit fw-extrabold text-dark display-5 mb-3">Become A Distributor / Dealer</h2>
                <p class="text-secondary mb-4">
                    We are expanding our retail and distribution network across India. Partner with a brand known for reliable quality, timely deliveries, high margins, and 100% client support.
                </p>
                <div class="d-flex flex-column gap-3">
                    <div class="d-flex align-items-start gap-3">
                        <div class="text-primary mt-1"><i class="fa-solid fa-circle-check fs-5"></i></div>
                        <div>
                            <h6 class="outfit fw-bold mb-0">High Profit Margins</h6>
                            <p class="small text-secondary mb-0">Competitive dealer pricing that ensures healthy profits for your hardware store.</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-start gap-3">
                        <div class="text-primary mt-1"><i class="fa-solid fa-circle-check fs-5"></i></div>
                        <div>
                            <h6 class="outfit fw-bold mb-0">Direct Factory Support</h6>
                            <p class="small text-secondary mb-0">Direct supply of marketing material, catalogue displays, and replacement guarantees.</p>
                        </div>
                    </div>
                    <div class="d-flex align-items-start gap-3">
                        <div class="text-primary mt-1"><i class="fa-solid fa-circle-check fs-5"></i></div>
                        <div>
                            <h6 class="outfit fw-bold mb-0">Flexible Supply Options</h6>
                            <p class="small text-secondary mb-0">Reliable logistics networks guaranteeing prompt delivery of orders to your city.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-6">
                <div class="card border-0 shadow-lg p-4 p-md-5 rounded-4 bg-white">
                    <h4 class="outfit fw-bold mb-3 text-primary">Dealer Inquiry Form</h4>
                    <p class="small text-secondary mb-4">Fill in your details below and our Business Development team will call you within 24 hours with price structures.</p>
                    
                    <form action="send-enquiry.php" method="POST" class="needs-validation" novalidate>
                        <input type="hidden" name="form_type" value="dealer_application">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Your Name *</label>
                                <input type="text" class="form-control" name="name" required placeholder="E.g., Rajesh Kumar">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Mobile Number *</label>
                                <input type="tel" class="form-control" name="phone" pattern="[0-9]{10}" required placeholder="10-digit number">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">City Name *</label>
                                <input type="text" class="form-control" name="city" required placeholder="E.g., Kolkata">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Business Type *</label>
                                <select class="form-select" name="business_type" required>
                                    <option value="" disabled selected>Select Type</option>
                                    <option value="Hardware Store">Hardware Retailer</option>
                                    <option value="Plumbing Supplier">Plumbing Wholesaler</option>
                                    <option value="Distributor">Regional Distributor</option>
                                    <option value="Builder/Contractor">Builder & Contractor</option>
                                </select>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary w-100 py-3 fw-bold rounded-3 mt-2">Submit Dealer Enquiry</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Catalogue Banner CTA -->
<section class="py-5 text-white" style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);">
    <div class="container py-3">
        <div class="row align-items-center justify-content-between">
            <div class="col-lg-8 mb-4 mb-lg-0 text-center text-lg-start">
                <h3 class="outfit fw-bold mb-2">Want to Browse the Full Range offline?</h3>
                <p class="mb-0 text-white-50">Download our updated product catalogue containing item codes, dimensions, and specifications.</p>
            </div>
            <div class="col-lg-3 text-center text-lg-end">
                <a href="download-catalogue.php" class="btn btn-light text-primary fw-bold px-4 py-3 rounded-pill">
                    <i class="fa-solid fa-file-pdf me-2 text-danger"></i> Download Catalogue
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Testimonials Section -->
<section class="py-5 bg-white">
    <div class="container py-4">
        <div class="row justify-content-center text-center mb-5">
            <div class="col-lg-8">
                <span class="section-subtitle">Partner Feedbacks</span>
                <h2 class="section-title outfit">What Our Channel Partners Say</h2>
                <p class="text-secondary">Hear from hardware store owners, distributors, and builders who have integrated Veluno products into their businesses.</p>
            </div>
        </div>
        
        <div class="row g-4">
            <!-- Review 1 -->
            <div class="col-md-6">
                <div class="p-4 rounded-4 bg-light border-1 border-light height-100">
                    <div class="text-warning mb-3">
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                    </div>
                    <p class="text-secondary small mb-3 italic">
                        "We replaced general plastic taps with Veluno PTMT taps in our residential projects. The build quality and 3-year warranty have completely resolved our post-occupancy leakage complaints. Highly recommended for project specifications."
                    </p>
                    <div class="d-flex align-items-center gap-3">
                        <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 45px; height: 45px; font-weight: bold;">
                            AK
                        </div>
                        <div>
                            <h6 class="mb-0 outfit fw-bold">Amit Kulkarni</h6>
                            <span class="text-secondary small">Developer, Apex Infrastructure</span>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Review 2 -->
            <div class="col-md-6">
                <div class="p-4 rounded-4 bg-light border-1 border-light height-100">
                    <div class="text-warning mb-3">
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                        <i class="fa-solid fa-star"></i>
                    </div>
                    <p class="text-secondary small mb-3 italic">
                        "Selling Veluno products at my hardware shop has been highly profitable. The Hexa and Fusion taps have excellent shelf appeal, and customers are very satisfied with the smooth half-turn performance. The replacement warranty process is super easy."
                    </p>
                    <div class="d-flex align-items-center gap-3">
                        <div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 45px; height: 45px; font-weight: bold;">
                            SG
                        </div>
                        <div>
                            <h6 class="mb-0 outfit fw-bold">S. Gupta</h6>
                            <span class="text-secondary small">Owner, Gupta Hardware & Sanitary</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Contact Info Section with Map -->
<section class="py-5 bg-light" id="contact-info">
    <div class="container py-4">
        <div class="row g-4">
            <!-- Contact details column -->
            <div class="col-lg-4 d-flex flex-column justify-content-center">
                <span class="section-subtitle">Reach Us</span>
                <h2 class="outfit fw-bold mb-4 text-dark">Head Office</h2>
                <div class="d-flex align-items-start mb-3">
                    <i class="fa-solid fa-location-dot text-primary me-3 mt-1 fs-5"></i>
                    <p class="text-secondary small mb-0">
                        <strong>Veluno Industries</strong><br>
                        219, Tiljala Rd, Gobra,<br>
                        Kolkata, West Bengal 700046
                    </p>
                </div>
                <div class="d-flex align-items-center mb-3">
                    <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 small">+91 7003549432</a>
                </div>
                <div class="d-flex align-items-center mb-4">
                    <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 small">info@veluno.in</a>
                </div>
                <a href="https://wa.me/917003549432?text=Hello%20Veluno,%20I%20am%20interested%20in%20your%20products.%20Please%20share%20price%20list." class="btn btn-success align-self-start px-4 py-2.5 rounded-pill fw-bold btn-sm d-flex align-items-center gap-2">
                    <i class="fa-brands fa-whatsapp"></i> Chat On WhatsApp
                </a>
            </div>
            
            <!-- Map Embed Column -->
            <div class="col-lg-8">
                <div class="rounded-4 overflow-hidden shadow-sm border border-light" style="height: 350px;">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3685.078388622748!2d88.37228007593974!3d22.538736134209334!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0277000c42e1e3%3A0xa846ae8a3f104801!2sVeluno%20Industries%20Private%20Limited!5e0!3m2!1sen!2sin!4v1782213624041!5m2!1sen!2sin" 
                            width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include 'includes/footer.php'; ?>
