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

<section id="billboard"
    style="background-image: url(assets/images/our-products.jpg); background-size: cover; background-repeat: no-repeat; height: 50vh; background-position: center"
    class="position-relative">
    <div
        class="d-none banner-content px-5 py-4 text-center m-auto py-5 rounded-1 shadow position-absolute top-50 start-50 translate-middle">
        <h2 class="text-white display-4">Our Products</h2>
    </div>
</section>

<section id="products" class="py-5">
    <div class="container">
        <h3 class="text-center mt-4 fw-bold">Our Products</h3>
        <div class="row pt-2">
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/Self-Leveling-Epoxy-Flooring.jpg" height="200" class="card-img-top" alt="Self-Leveling-Epoxy-Flooring">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Self-Leveling Epoxy Flooring</h5>
                        <p class="card-text">
                            High performance, durable flooringfor industrial and commercialspaces.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/Self-Leveling-PU-Polyurethane-Flooring.jpeg" height="200" class="card-img-top" alt="Self-Leveling-PU-Polyurethane-Flooring">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Self-Leveling PU(Polyurethane) Flooring</h5>
                        <p class="card-text">
                            Flexible and resilient flooringsuitable for heavy-dutyenvironments
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/Epoxy-PU-Coving.jpg" height="200" class="card-img-top" alt="Epoxy-PU-Coving">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Epoxy/PU Coving</h5>
                        <p class="card-text">
                            Seamless, curved edges forflooring systems to ensurehygiene and durability.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/ESD Flooring-Antistatic-Dissipative Flooring.jpg" height="200" class="card-img-top" alt="ESD Flooring-Antistatic-Dissipative Flooring">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">ESD Flooring (Antistatic/Dissipative Flooring)</h5>
                        <p class="card-text">
                            Electrostatic discharge-resistantflooring for electronics andsensitive environments.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/pu-coating.jpg" height="200" class="card-img-top" alt="PU Coating">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">PU Coating</h5>
                        <p class="card-text">
                            Protective polyurethane coatingsfor surfaces requiring highresistance to wear and chemicals.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 mb-4">
                <div class="card h-100">
                    <img src="assets/images/Epoxy-Coating.jpg" height="200" class="card-img-top" alt="Epoxy-Coating">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Epoxy Coating</h5>
                        <p class="card-text">
                            Durable, chemical-resistantcoatings for industrial floors andwalls
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    .card:hover {
        transform: scale(1.05);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
</style>

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