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

<!-- Header Section -->
<section class="py-5 text-white" style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);">
    <div class="container py-3 text-center">
        <h1 class="outfit fw-bold display-4">About Veluno</h1>
        <p class="mb-0 text-white-50">Leading manufacturer of premium-grade engineering polymer sanitaryware solutions.</p>
    </div>
</section>

<!-- Introduction Section -->
<section class="py-5 bg-white">
    <div class="container py-4">
        <div class="row align-items-center">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <span class="section-subtitle">Who We Are</span>
                <h2 class="outfit fw-bold text-dark mb-4">Redefining Plumbing & Sanitary Fittings For Modern India</h2>
                <p class="text-secondary mb-3">
                    Veluno Industries was founded with a singular vision: to address the leaking and corrosion issues that plague standard metal fittings in Indian households. By utilizing state-of-the-art engineering polymers, we build products that outlast traditional metal taps and showers, even in high salinity or hard water areas.
                </p>
                <p class="text-secondary mb-4">
                    Our products combine aesthetic appeal with advanced engineering. Every product undergoes strict pressure testing to ensure it stands up to everyday use without dripping or breaking, making Veluno the first choice for residential, commercial, and industrial plumbing.
                </p>
                <a href="become-distributor.php" class="btn btn-primary">Partner With Us</a>
            </div>
            <div class="col-lg-6">
                <!-- We can place a beautiful background block styled like a product display or render -->
                <div class="p-5 rounded-4 text-white d-flex flex-column justify-content-end" 
                     style="background: linear-gradient(135deg, rgba(15, 94, 168, 0.9) 0%, rgba(10, 62, 112, 0.95) 100%), url('assets/images/hero_bg.png') no-repeat center center / cover; min-height: 380px;">
                    <div class="backdrop-blur p-4 rounded-3 bg-white bg-opacity-10 border border-white border-opacity-10">
                        <h4 class="outfit fw-bold text-info mb-2">Quality First</h4>
                        <p class="small text-white-50 mb-0">We manufacture our items using heavy-duty injection moulding machines, utilizing food-grade polymer compounds that resist scale accumulation and scaling.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Vision & Mission Section -->
<section class="py-5 bg-light">
    <div class="container py-3">
        <div class="row g-4">
            <div class="col-md-6">
                <div class="card border-0 shadow-sm p-4 p-md-5 rounded-4 bg-white h-100">
                    <div class="text-primary fs-1 mb-3"><i class="fa-solid fa-eye"></i></div>
                    <h3 class="outfit fw-bold text-dark mb-3">Our Vision</h3>
                    <p class="text-secondary">
                        To become India's most trusted sanitaryware brand for engineering polymer products, recognized for durability, visual elegance, and outstanding dealer profitability.
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card border-0 shadow-sm p-4 p-md-5 rounded-4 bg-white h-100">
                    <div class="text-primary fs-1 mb-3"><i class="fa-solid fa-bullseye"></i></div>
                    <h3 class="outfit fw-bold text-dark mb-3">Our Mission</h3>
                    <p class="text-secondary">
                        To deliver continuous innovation in polymer-based fittings, ensuring 100% leak-proof operations, affordable price points, and an expansive network that supports local businesses.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Manufacturing Standards / Accreditations -->
<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">Quality Assurance</span>
                <h2 class="section-title outfit">Certified Standards & Manufacturing</h2>
                <p class="text-secondary">We maintain strict adherence to quality benchmarks to serve builders, dealers, and government projects with confidence.</p>
            </div>
        </div>
        
        <div class="row g-4 text-center justify-content-center">
            <!-- Badge 1 -->
            <div class="col-lg-3 col-sm-6">
                <div class="standard-badge h-100 d-flex flex-column justify-content-between py-4">
                    <div class="mb-3">
                        <img src="assets/images/iso_9001_badge.png" alt="ISO 9001:2015 Certified" style="height: 75px; width: auto; object-fit: contain;">
                    </div>
                    <h5 class="outfit fw-bold mb-2">ISO 9001:2015 Certified</h5>
                    <p class="small text-secondary mb-0">Our production processes follow international quality management system guidelines to ensure consistent outputs.</p>
                </div>
            </div>
            <!-- Badge 2 -->
            <div class="col-lg-3 col-sm-6">
                <div class="standard-badge h-100 d-flex flex-column justify-content-between py-4">
                    <div class="mb-3">
                        <img src="assets/images/msme_badge.png" alt="MSME Registered" style="height: 75px; width: auto; object-fit: contain;">
                    </div>
                    <h5 class="outfit fw-bold mb-2">MSME Registered</h5>
                    <p class="small text-secondary mb-0">Proudly registered under India's Ministry of MSME, fulfilling statutory industrial requirements and standard specifications.</p>
                </div>
            </div>
            <!-- Badge 3 -->
            <div class="col-lg-3 col-sm-6">
                <div class="standard-badge h-100 d-flex flex-column justify-content-between py-4">
                    <div class="mb-3">
                        <img src="assets/images/made_in_india.png" alt="Made In India" style="height: 75px; width: auto; object-fit: contain;">
                    </div>
                    <h5 class="outfit fw-bold mb-2">Made In India</h5>
                    <p class="small text-secondary mb-0">100% locally sourced raw materials and complete in-house manufacturing, contributing to a self-reliant nation.</p>
                </div>
            </div>
            <!-- Badge 4 -->
            <div class="col-lg-3 col-sm-6">
                <div class="standard-badge h-100 d-flex flex-column justify-content-between py-4">
                    <div class="mb-3">
                        <img src="assets/images/trusted_brand.png" alt="Trusted Brand" style="height: 75px; width: auto; object-fit: contain;">
                    </div>
                    <h5 class="outfit fw-bold mb-2">Trusted Brand</h5>
                    <p class="small text-secondary mb-0">A name synonymous with leak-proof assurance, robust warranty execution, and extensive support for distributors.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Call to action block -->
<section class="py-5 bg-light text-center">
    <div class="container py-3">
        <h3 class="outfit fw-bold text-dark mb-3">Interested in representing our brand?</h3>
        <p class="text-secondary max-width-600 mx-auto mb-4">We offer marketing kits, product display panels, and high margin percentages to distributors selected in regional districts.</p>
        <a href="become-distributor.php" class="btn btn-primary px-5 py-3 rounded-pill fw-bold">Become Distributor</a>
    </div>
</section>

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