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


<!-- Carousel Start -->
<div class="container-fluid p-0 wow fadeIn" data-wow-delay="0.1s">
    <div class="owl-carousel header-carousel position-relative">
        <div class="owl-carousel-item position-relative" data-dot="<img src='img/carousel-1.jpg'>">
            <img class="img-fluid" src="img/carousel-1.jpg" alt="">
            <div class="owl-carousel-inner">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-10 col-lg-8">
                            <h1 class="display-2 text-white animated slideInDown">We Build with Lasting Strength</h1>
                            <p class="fs-5 fw-medium text-white mb-4 pb-3"> large-scale mechanical and structural solutions that stand the test of time and demand.</p>
                            <a href="contact.php" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="owl-carousel-item position-relative" data-dot="<img src='img/carousel-2.jpg'>">
            <img class="img-fluid" src="img/carousel-2.jpg" alt="">
            <div class="owl-carousel-inner">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-10 col-lg-8">
                            <h1 class="display-2 text-white animated slideInDown">We Power Industrial-Scale Projects</h1>
                            <p class="fs-5 fw-medium text-white mb-4 pb-3">From fabrication to maintenance, we support complex engineering needs with precision and experienced manpower.</p>
                            <a href="contact.php" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="owl-carousel-item position-relative" data-dot="<img src='img/carousel-3.jpg'>">
            <img class="img-fluid" src="img/carousel-3.jpg" alt="">
            <div class="owl-carousel-inner">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-10 col-lg-8">
                            <h1 class="display-2 text-white animated slideInDown">We Deliver on Every Commitment</h1>
                            <p class="fs-5 fw-medium text-white mb-4 pb-3">With safety, quality, and reliability at the core, we exceed expectations across diverse sectors and regions.</p>
                            <a href="contact.php" class="btn btn-primary rounded-pill py-3 px-5 animated slideInLeft">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Carousel End -->


<!-- About Start -->
<div class="container-fluid bg-light overflow-hidden mb-lg-5 mb-3 px-lg-0">
    <div class="container about px-lg-0">
        <div class="row g-0 mx-lg-0">
            <div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
                <div class="position-relative h-100 mt-lg-0 mt-4">
                    <img class="position-absolute img-fluid w-100 h-100" src="img/about.jpg" style="object-fit: cover;" alt="">
                </div>
            </div>
            <div class="col-lg-6 about-text py-5 wow fadeIn" data-wow-delay="0.5s">
                <div class="p-lg-5 pe-lg-0">
                    <h5 class="text-    color-corrected">About Us</h5>
                    <h1 class="mb-4">Years Of Experience In Solving Complex Site Challenges</h1>
                    <p>Birlon Engineering Mechanical Contracting L.L.C was founded in the United Arab Emirates. Since its inception, and benefiting from its experienced and competent staff, the company is in the path of significant growth and currently encaging in various projects, which is helping in the key developments in Dubai and Abu Dhabi.The company has earned a reputation for delivering high quality services across UAE since its establishment.</p>

                    <p><i class="fa fa-check-circle text-primary me-3"></i>UAE-based Mechanical Contractor</p>
                    <p><i class="fa fa-check-circle text-primary me-3"></i>Serving Global Industrial Projects</p>
                    <a href="javascript:void(0);" class="btn btn-primary-corrected rounded-pill py-md-3 py-2 px-4 px-md-5 mt-3">Explore More</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- About End -->


<!-- Service Start -->
<div class="container-xxl py-lg-5 py-3">
    <div class="container">
        <div class="text-center mx-auto mb-lg-5 mb-3 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
            <h5 class="color-corrected">Our Services</h5>
            <h1 class="mb-4">We Are Pioneers In The World Construction</h1>
        </div>
        <div class="row g-4">
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-1.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-solar-panel fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Steel Structures</h4>
                        <p>Fabrication and erection of industrial steel structures for diverse project needs.</p>
                        <!-- <a class="small fw-medium" href="contact.html">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-2.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-wind fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Piping Construction</h4>
                        <p>Specialized piping works including fabrication, erection, and hydro testing.</p>
                        <!-- <a class="small fw-medium" href="contact.html">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-3.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-lightbulb fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Mechanical Installation</h4>
                        <p>Installation of static and rotating equipment across various industrial sites.</p>
                        <!-- <a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.1s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-4.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-solar-panel fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Mechanical Maintenance</h4>
                        <p>Preventive and corrective maintenance for mechanical systems and equipment.</p>
                        <!-- <a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.3s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-5.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-wind fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Coating Services</h4>
                        <p>Surface preparation and coating solutions for industrial infrastructure protection.</p>
                        <!-- <a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay="0.5s">
                <div class="service-item rounded overflow-hidden">
                    <img class="img-fluid" src="img/img-600x400-6.jpg" alt="">
                    <div class="position-relative p-4">
                        <!-- <div class="service-icon">
                                <i class="fa fa-lightbulb fa-3x"></i>
                            </div> -->
                        <h4 class="mb-3">Scaffolding Services</h4>
                        <p>Safe and reliable scaffolding systems for construction and maintenance support.</p>
                        <!-- <a class="small fw-medium" href="">Read More<i class="fa fa-arrow-right ms-2"></i></a> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Service End -->



<!------------ Core values --------------->

<main class="d-flex align-items-center justify-content-center bg-light">
    <section class="py-5 w-100">
        <div class="container text-center">
            <h1 class="mb-5 fw-bold">Our Core Values</h1>

            <div class="row gy-4 col-lg-10 mx-auto">
                <div class="row">

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon1.png" alt="Innovative Excellence">
                        </div>
                        <div>
                            <h3 class="fw-bold">Innovative Excellence</h3>
                            <p>We employ intelligent solutions that drive efficiency, performance, and transformative results.</p>
                        </div>
                    </div>

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up" data-aos-delay="100">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon2.png" alt="Sustainability At Our Core">
                        </div>
                        <div>
                            <h3 class="fw-bold">Sustainability At Our Core</h3>
                            <p>We reduce environmental impact while advancing responsible solutions across our projects.</p>
                        </div>
                    </div>

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up" data-aos-delay="200">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon3.png" alt="Commitment to Excellence">
                        </div>
                        <div>
                            <h3 class="fw-bold">Commitment to Excellence</h3>
                            <p>We consistently target qualitative delivery as our baseline to meet international standards.</p>
                        </div>
                    </div>

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up" data-aos-delay="300">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon4.png" alt="Results-Driven Approach">
                        </div>
                        <div>
                            <h3 class="fw-bold">Results-Driven Approach</h3>
                            <p>We focus on every project as opportunities to arrive at practical and efficient outcomes.</p>
                        </div>
                    </div>

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up" data-aos-delay="400">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon5.png" alt="Proactive Problem Solvers">
                        </div>
                        <div>
                            <h3 class="fw-bold">Proactive Problem Solvers</h3>
                            <p>We take a hands-on approach to anticipate, adapt and overcome every single project hurdle.</p>
                        </div>
                    </div>

                    <div class="col-md-6 d-flex text-start py-3" data-aos="fade-up" data-aos-delay="500">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon6.png" alt="Collaborative Partnerships">
                        </div>
                        <div>
                            <h3 class="fw-bold">Collaborative Partnerships</h3>
                            <p>We work with partners who collectively contribute to an impactful project delivery.</p>
                        </div>
                    </div>

                    <!-- Last item centered below -->
                    <div class="col-md-6 d-flex text-start corevalue py-3" data-aos="fade-up" data-aos-delay="600">
                        <div class="core-icon-wrapper me-3">
                            <img src="img/icon7.png" alt="People-Centric Philosophy">
                        </div>
                        <div>
                            <h3 class="fw-bold">People-Centric Philosophy</h3>
                            <p>We recognise the dedication of our world-class teams because real success starts from within.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<!------------ End of cooore values --------------->


<!-- Feature Start -->
<div class="container-fluid overflow-hidden px-lg-0">
    <div class="container feature px-lg-0">
        <div class="row g-0 mx-lg-0">

            <div class="col-lg-6 order-2 order-lg-1 feature-text py-lg-5 py-3 wow fadeIn" data-wow-delay="0.1s">

                <div class="p-lg-5 ps-lg-0">
                    <h5 class="color-corrected">Why Choose Us!</h5>
                    <h1 class="mb-4">Why Clients Trust BEM Projects</h1>
                    <p class="mb-4 pb-2">With over years of proven experience,BEM delivers reliable, safe, and timely execution across complex industrial environments. Our commitment to quality and innovation drives long-term partnerships.​</p>
                    <div class="row g-4">
                        <div class="col-sm-6 ">
                            <div class="d-flex align-items-center">
                                <div class="btn-lg-square bg-primary rounded-circle">

                                    <i class="fa fa-certificate text-white"></i>

                                </div>
                                <div class="ms-4">
                                    <p class="mb-0">Trusted</p>
                                    <h5 class="mb-0">Expertise</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center">
                                <div class="btn-lg-square bg-primary rounded-circle">
                                    <i class="fa fa-truck text-white"></i>
                                </div>
                                <div class="ms-4">
                                    <p class="mb-0">Proven</p>
                                    <h5 class="mb-0">Delivery</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center">
                                <div class="btn-lg-square bg-primary rounded-circle">
                                    <i class="fa fa-check-circle text-white"></i>
                                </div>
                                <div class="ms-4">
                                    <p class="mb-0">Quality</p>
                                    <h5 class="mb-0">Standards</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center">
                                <div class="btn-lg-square bg-primary rounded-circle">
                                    <i class="fa fa-clock text-white"></i>
                                </div>
                                <div class="ms-4">
                                    <p class="mb-0">Timely</p>
                                    <h5 class="mb-0">Execution</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 pe-lg-0 wow fadeIn order-1 order-lg-2" data-wow-delay="0.5s" style="min-height: 400px;">
                <div class="position-relative h-100">
                    <img class="position-absolute img-fluid w-100 h-100" src="img/feature.jpg" style="object-fit: cover;" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Feature End -->



<!-- Quote Start -->
<div class="container-fluid bg-light overflow-hidden mb-lg-5 mb-3 px-lg-0">
    <div class="container quote px-lg-0">
        <div class="row g-0 mx-lg-0">
            <div class="col-lg-6 ps-lg-0 wow fadeIn" data-wow-delay="0.1s" style="min-height: 400px;">
                <div class="position-relative h-100">
                    <img class="position-absolute img-fluid w-100 h-100" src="img/quote.jpg" style="object-fit: cover;" alt="">
                </div>
            </div>
            <div class="col-lg-6 quote-text py-lg-5 py-3 wow fadeIn" data-wow-delay="0.5s">
                <div class="p-lg-5 pe-lg-0">
                    <h5 class="color-corrected">Contact Us</h5>
                    <h1 class="mb-4">Let’s Build Something Together</h1>
                    <p class="mb-4 pb-2">Reach out to discuss your project needs or service inquiries. Our team is ready to support you across the UAE and beyond.</p>
                    <form>
                        <div class="row g-3">
                            <div class="col-12 col-sm-6">
                                <input type="text" class="form-control border-0" placeholder="Your Name" style="height: 55px;">
                            </div>
                            <div class="col-12 col-sm-6">
                                <input type="email" class="form-control border-0" placeholder="Your Email" style="height: 55px;">
                            </div>
                            <div class="col-12 col-sm-6">
                                <input type="text" class="form-control border-0" placeholder="Your Mobile" style="height: 55px;">
                            </div>
                            <div class="col-12 col-sm-6">
                                <select class="form-select border-0" style="height: 55px;">
                                    <option value="" selected disabled hidden>Select A Service</option>
                                    <option value="1">Steel Structuring</option>
                                    <option value="2">Piping Construction</option>
                                    <option value="3">Mechanical Installation</option>
                                    <option value="4">Mechanical Maintenence</option>
                                    <option value="5">Coating Services</option>
                                    <option value="6">Scaffolding Services</option>
                                    <option value="7">Manpower Solutions</option>
                                </select>
                            </div>
                            <div class="col-12">
                                <textarea class="form-control border-0" placeholder="Special Note"></textarea>
                            </div>
                            <div class="col-12">
                                <button class="btn-corrected btn-primary-corrected rounded-pill py-md-3 py-2 px-4 px-md-5 mt-3" type="submit" style="border: 0;">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Quote End -->


<!-- Testimonial Start -->
<div class="container-xxl py-lg-5 py-3">
    <div class="container">
        <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
            <h5 class="color-corrected">Testimonial</h5>
            <h1 class="mb-4">What Our Clients Say!</h1>
        </div>
        <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
            <div class="testimonial-item text-center">
                <div class="testimonial-img position-relative">
                    <img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-1.jpg">
                    <div class="btn-square bg-primary rounded-circle">
                        <i class="fa fa-quote-left text-white"></i>
                    </div>
                </div>
                <div class="testimonial-text text-center rounded p-4">
                    <p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
                    <h5 class="mb-1">Client Name</h5>
                    <span class="fst-italic">Profession</span>
                </div>
            </div>
            <div class="testimonial-item text-center">
                <div class="testimonial-img position-relative">
                    <img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-2.jpg">
                    <div class="btn-square bg-primary rounded-circle">
                        <i class="fa fa-quote-left text-white"></i>
                    </div>
                </div>
                <div class="testimonial-text text-center rounded p-4">
                    <p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
                    <h5 class="mb-1">Client Name</h5>
                    <span class="fst-italic">Profession</span>
                </div>
            </div>
            <div class="testimonial-item text-center">
                <div class="testimonial-img position-relative">
                    <img class="img-fluid rounded-circle mx-auto mb-5" src="img/testimonial-3.jpg">
                    <div class="btn-square bg-primary rounded-circle">
                        <i class="fa fa-quote-left text-white"></i>
                    </div>
                </div>
                <div class="testimonial-text text-center rounded p-4">
                    <p>Clita clita tempor justo dolor ipsum amet kasd amet duo justo duo duo labore sed sed. Magna ut diam sit et amet stet eos sed clita erat magna elitr erat sit sit erat at rebum justo sea clita.</p>
                    <h5 class="mb-1">Client Name</h5>
                    <span class="fst-italic">Profession</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Testimonial End -->

<!-- Footer Start -->
<?php include('footer.php'); ?>