<?php
include 'includes/db.php';
// Fetch About Content
$content_res = $conn->query("SELECT content FROM pages WHERE page_name='about_full'");
$about_content = ($content_res->num_rows > 0) ? $content_res->fetch_assoc()['content'] : "Content not found.";

include 'includes/header.php';
?>

    <section class="section about-section">
        <div class="container" style="display: flex; gap: 40px; align-items: center; flex-wrap: wrap;">
            
            <div class="about-text" style="flex: 1; min-width: 300px;">
                <h2 style="color: var(--dark-blue); font-size: 32px; margin-bottom: 20px;">About Us</h2>
                <div style="font-size: 19px; line-height: 1.8; color: #1b11afff; text-align: justify;">
                
                    <style>
                         .about-section p {
                                 opacity: 0;
                                 transform: translateX(-60px);
                                 animation: slideIn 0.8s ease-out forwards;
                                 }


                                     .about-section p:nth-child(1) { animation-delay: 0.1s; }
                                     .about-section p:nth-child(2) { animation-delay: 0.25s; }
                                     .about-section p:nth-child(3) { animation-delay: 0.4s; }
                                     .about-section p:nth-child(4) { animation-delay: 0.55s; }
                                     .about-section p:nth-child(5) { animation-delay: 0.7s; }
                                     .about-section p:nth-child(6) { animation-delay: 0.85s; }


                                     @keyframes slideIn {
                                     from {
                                         opacity: 0;
                                         transform: translateX(-60px);
                                     }
                                     to {
                                         opacity: 1;
                                         transform: translateX(0);
                                     }
                                     }


                                    </style>




                    <p > 
                        Balimeen Private Limited is a professionally managed engineering and contracting company engaged in providing comprehensive solutions for a wide range of infrastructure and development projects. Incorporated on 16th December 2025, the company is committed to delivering quality-driven, cost-effective, and timely execution of projects for both government and private sector clients.
                    
                    </p>
                    <br>
                    <p> 
                        The company’s registered office is located at C/O Balindar Sharma, Kanbehari, Kanbehari, Aurangabad, Aurangabad, Bihar – 824102. Since its inception, Balimeen Private Limited has focused on establishing itself as a reliable and responsible organization by adhering to statutory compliance, ethical business practices, and industry standards.

                    </p>
                    <br>
                    <p>
                        Founded by Mr. Rituraj Sharma, Balimeen Private Limited operates under the leadership of its Directors Mr. Rituraj Sharma and Mr. Raju Sharma, who collectively bring strategic vision, managerial expertise, and a strong commitment to operational excellence. Their leadership emphasizes transparency, accountability, and continuous improvement across all business functions.
                    </p>
                    <br>
                    <p>
                        Balimeen Private Limited undertakes all types of engineering works and contract services, including but not limited to civil, electrical, mechanical, and allied engineering activities. The company executes projects across various sectors, catering to the requirements of government departments, public sector undertakings, and private organizations.
                    </p>
                    <br>
                    <p>
                        We place strong emphasis on quality assurance, safety norms, and efficient project management. Our team of skilled professionals, engineers, and technical staff work collaboratively to ensure that every project is completed in accordance with approved specifications, timelines, and client expectations.
                    </p>
                    <br>
                    <p>
                        At Balimeen Private Limited, we believe in building long-term partnerships based on trust, performance, and mutual growth. We are committed to contributing positively to infrastructure development while maintaining sustainability, environmental responsibility, and social accountability.
                    </p>
                </div>
            </div>
            <!--about image-->
            <div class="about-image" style="flex: 0.7; min-width: 300px;">
                <img src="about photo/riturajsharma.jpg" alt="Balimeen Office Team" style="width: 75%; border-radius: 300px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);">
            
             <h2 style="margin: 15px 0 5px; font-size: 34px; bold; font-weight: 700; color: var(--dark-blue);text-align: center">
                         Mr. Rituraj Sharma
            </h2>
             <p style="margin: 20px 0 5px; color: var(--dark-blue); bold; font-size: 20px;text-align: center">
                           Founder & Chairman of Balimeen Private Limited 
            </p>
             <!--  -->
             <div class="slider">
        <div class="slide active" data-img="images/about-slider-1.webp"></div>
        <div class="slide" data-img="images/about-slider-2.webp"></div>
        <div class="slide" data-img="images/about-slider-3.webp"></div>
        <div class="slide" data-img="images/about-slider-4.webp"></div>
    </div>


    <style>
        /* Basic Slider Styles */
        .slider {
            width: 100%;
            height: 400px;
            position: relative;
            overflow: hidden;
            margin: 2rem auto;
        }

        .slide {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .slide.active {
            opacity: 1;
        }
    </style>

    <script>
        const slides = document.querySelectorAll('.slide');
        let current = 0;

        setInterval(() => {
            slides[current].classList.remove('active');
            current = (current + 1) % slides.length;
            slides[current].classList.add('active');
        }, 3000); // Change image every 3 seconds
    </script>
            </div>

        </div>
    </section>
   

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