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

    <section class="clients-hero">
        <div>
            <h1>Our Valued Clients</h1>
            <p>Building Trust Through Excellence and Delivery</p>
        </div>
    </section>

    <section class="section">
        <div class="container">
            <div style="text-align: center; max-width: 700px; margin: 0 auto;">
                <h2 style="color: var(--dark-blue); font-size: 32px; margin-bottom: 10px;">Trusted By Global Leaders</h2>
                <p style="color: #666;">We are proud to have partnered with some of the most respected names in the industry.</p>
            </div>

            <div class="clients-grid">
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+1" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+2" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+3" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+4" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+5" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+6" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+7" alt="Client Logo">
                </div>
                <div class="client-logo-box">
                    <img src="https://via.placeholder.com/150x80?text=Client+8" alt="Client Logo">
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials-section">
        <div class="container">
            <h2 style="color: var(--dark-blue); font-size: 32px; margin-bottom: 40px;">What Our Clients Say</h2>
            
            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <p class="testimonial-text">"Balimeen Private Limited executed the piping project with exceptional precision. Their team is highly professional and adhered to strict safety standards."</p>
                    <div class="client-details">
                        <p class="client-name">Rajesh Gupta</p>
                        <p class="client-designation">Project Manager, Oil India</p>
                    </div>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"We rely on Balimeen for our detailed engineering needs. They always deliver on time without compromising on quality."</p>
                    <div class="client-details">
                        <p class="client-name">Sarah Jenkins</p>
                        <p class="client-designation">Director, InfraTech Global</p>
                    </div>
                </div>

                <div class="testimonial-card">
                    <p class="testimonial-text">"Outstanding service in civil construction. Their ability to handle complex site challenges is impressive."</p>
                    <div class="client-details">
                        <p class="client-name">Amitabh Verma</p>
                        <p class="client-designation">Site Engineer, PetroCorp</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="latest-blogs" style="padding: 40px 0; background: #f4f9edff;">
        <div class="container">
            <h2 class="section-title">Latest Updates</h2>
            <div class="row" style="display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;">
                <?php if ($blogs_res && $blogs_res->num_rows > 0): ?>
                    <?php while($blog = $blogs_res->fetch_assoc()): ?>
                        <div class="blog-card" style="width: 350px; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column;">
                            <?php if($blog['image_url']): ?>
                                <div class="blog-img" style="height: 200px; overflow: hidden;">
                                    <img src="<?php echo htmlspecialchars($blog['image_url']); ?>" alt="<?php echo htmlspecialchars($blog['title']); ?>" style="width: 100%; height: 100%; object-fit: cover;">
                                </div>
                            <?php endif; ?>
                            <div class="blog-content" style="padding: 20px; flex-grow: 1;">
                                <h4 style="margin-bottom: 10px;"><?php echo htmlspecialchars($blog['title']); ?></h4>
                                <p style="color: #666; font-size: 0.9rem; margin-bottom: 15px;"><?php echo date('d M Y', strtotime($blog['created_at'])); ?></p>
                                <a href="blog_post.php?id=<?php echo $blog['id']; ?>" class="btn-small">Read More</a>
                            </div>
                        </div>
                    <?php endwhile; ?>
                <?php else: ?>
                    <p style="text-align: center; width: 100%;">No news updates at the moment.</p>
                <?php endif; ?>
            </div>
            <div style="text-align: center; margin-top: 30px;">
                <a href="blog.php" class="btn">View All News</a>
            </div>
        </div>
    </section>


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