<?php include 'header.php'; ?>
<script src="<?php echo url('js/form-handler.js"'); ?>"></script>

<!-- Carousel Start -->
<div id="carousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="img/carousel-1.webp" alt="Carousel Image">
            <div class="carousel-caption">
                <p class="animated fadeInRight">We Build Solutions</p>
                <h1 class="animated fadeInLeft">For Complex Industrial Projects</h1>
                <a class="btn animated fadeInUp" href="contact.html">Get A Quote</a>
            </div>
        </div>

        <div class="carousel-item">
            <img src="img/carousel-2.webp" alt="Carousel Image">
            <div class="carousel-caption">
                <p class="animated fadeInRight">We Deliver Quality</p>
                <h1 class="animated fadeInLeft">In Engineering, Trading, Contracting</h1>
                <a class="btn animated fadeInUp" href="contact.html">Get A Quote</a>
            </div>
        </div>

        <div class="carousel-item">
            <img src="img/carousel-3.webp" alt="Carousel Image">
            <div class="carousel-caption">
                <p class="animated fadeInRight">We Manage Everything</p>
                <h1 class="animated fadeInLeft">From Design To Execution</h1>
                <a class="btn animated fadeInUp" href="contact.html">Get A Quote</a>
            </div>
        </div>
    </div>

    <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- Carousel End -->


<!-- Feature Start-->
<div class="feature wow fadeInUp" data-wow-delay="0.1s">
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-4 col-md-12">
                <div class="feature-item">
                    <div class="feature-icon">
                        <img src="img/globe.webp">
                    </div>
                    <div class="feature-text">
                        <h3>Steel Expertise test</h3>
                        <p>Precision-driven steel fabrication with top-tier equipment and techniques.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="feature-item">
                    <div class="feature-icon">
                        <img src="img/service.webp">
                    </div>
                    <div class="feature-text">
                        <h3>Project Execution</h3>
                        <p>Complete contracting solutions from design, supply, to installation stages.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="feature-item">
                    <div class="feature-icon">
                        <img src="img/trust.webp">
                    </div>
                    <div class="feature-text">
                        <h3>Reliable Workforce</h3>
                        <p>Skilled manpower delivering safe, efficient work across all sectors.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Feature End-->


<!-- About Start -->
<div class="about wow fadeInUp" data-wow-delay="0.1s">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6">
                <div class="about-img">
                    <img src="img/about-home.webp" alt="Image">
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="section-header text-left">
                    <p>Who we are</p>
                    <h2>Engineering. Commitment. Trust.</h2>
                </div>
                <div class="about-text">
                    <p>
                        Al faraj Power Station Contracting L.L.C is a trusted name in Kuwait and the UAE, specializing in electro-mechanical works, civil construction, steel fabrication, piping, and industrial maintenance. Backed by a skilled workforce and a leadership team that values transparency, safety, and precision, we offer complete turnkey solutions across sectors including oil & gas, power, infrastructure, and commercial projects.
                    </p>
                    <p>
                        With a portfolio that spans fabrication, erection, equipment installation, and workforce management, our company delivers on every promise with technical excellence and on-time execution. Whether it’s managing complex construction sites or supplying critical industrial materials, Al faraj's reputation is built on reliability, client satisfaction, and a relentless drive to engineer better outcomes.
                    </p>
                    <a class="btn" href="about.php">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- About End -->

<!-- Service Start -->
<div class="service">
    <div class="container">
        <div class="section-header text-center">
            <p>Our Services</p>
            <h2>We Provide Services</h2>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-1.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                We fabricate steel structures, platforms, tanks, and piping systems. Built in a 5000m² workshop equipped with 10T overhead crane.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Steel Fabrication</h3>
                        <a class="btn" href="img/service-1.webp" data-lightbox="service">+</a>
                    </div>

                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-2.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                From excavation to finishing, we deliver full-scope civil projects. Backed by heavy equipment and expert engineering management.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Civil Construction</h3>
                        <a class="btn" href="img/service-2.webp" data-lightbox="service">+</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-3.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                Expertise in industrial piping from carbon steel to HDP systems. Executed with safety, speed, and compliance to international standards.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Mechanical Piping</h3>
                        <a class="btn" href="img/service-3.webp" data-lightbox="service">+</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-4.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                High-voltage and low-voltage installations for commercial and industrial needs. Covering substations, transformers, switchgears, and cable terminations.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Electrical Installation</h3>
                        <a class="btn" href="img/service-4.webp" data-lightbox="service">+</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-5.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                Skilled and unskilled labor for short-term or permanent deployment. Specialized in oil & gas, HVAC, civil, and MEP trades.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Manpower Services</h3>
                        <a class="btn" href="img/service-5.webp" data-lightbox="service">+</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                <div class="service-item">
                    <div class="service-img">
                        <img src="img/service-6.webp" alt="Image">
                        <div class="service-overlay">
                            <p>
                                Abrasive blasting and protective coatings for structural and equipment surfaces. Delivered by certified technicians for quality and durability.
                            </p>
                        </div>
                    </div>
                    <div class="service-text">
                        <h3>Blasting & Painting</h3>
                        <a class="btn" href="img/service-6.webp" data-lightbox="service">+</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Service End -->


<!-- Video Start 
            <div class="video wow fadeIn" data-wow-delay="0.1s">
                <div class="container">
                    <button type="button" class="btn-play" data-toggle="modal" data-src="https://www.youtube.com/embed/DWRcNpR6Kdc" data-target="#videoModal">
                        <span></span>
                    </button>
                </div>
            </div>
            
            <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-body">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>        -->
<!-- 16:9 aspect ratio 
                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe class="embed-responsive-item" src="" id="video"  allowscriptaccess="always" allow="autoplay"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>-->
<!-- Video End -->


<!-- FAQs Start -->
<div class="faqs">
    <div class="container">
        <div class="section-header text-center">
            <p>Frequently Asked Question</p>
            <h2>You May Ask</h2>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div id="accordion-1">
                    <div class="card wow fadeInLeft" data-wow-delay="0.1s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseOne">
                                What services does Al faraj offer?
                            </a>
                        </div>
                        <div id="collapseOne" class="collapse" data-parent="#accordion-1">
                            <div class="card-body">
                                We provide electro-mechanical works, civil construction, steel fabrication, piping, electrical installation, blasting & painting, and workforce supply.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInLeft" data-wow-delay="0.2s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseTwo">
                                Where is Al faraj based?
                            </a>
                        </div>
                        <div id="collapseTwo" class="collapse" data-parent="#accordion-1">
                            <div class="card-body">
                                Our head office is in Kuwait City, and we also operate in Abu Dhabi, UAE through our subsidiary, Birlon Engineering Mechanical Contracting L.L.C.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInLeft" data-wow-delay="0.3s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseThree">
                                Do you handle turnkey construction projects?
                            </a>
                        </div>
                        <div id="collapseThree" class="collapse" data-parent="#accordion-1">
                            <div class="card-body">
                                Yes, we offer end-to-end solutions including design, supply, fabrication, erection, and maintenance.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInLeft" data-wow-delay="0.4s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseFour">
                                What industries do you serve?
                            </a>
                        </div>
                        <div id="collapseFour" class="collapse" data-parent="#accordion-1">
                            <div class="card-body">
                                We serve oil & gas, power, infrastructure, industrial, and commercial sectors.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInLeft" data-wow-delay="0.5s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseFive">
                                Can you supply both skilled and unskilled manpower?
                            </a>
                        </div>
                        <div id="collapseFive" class="collapse" data-parent="#accordion-1">
                            <div class="card-body">
                                Yes, we provide qualified personnel across trades including HVAC, fire fighting, civil, MEP, and more.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div id="accordion-2">
                    <div class="card wow fadeInRight" data-wow-delay="0.1s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseSix">
                                What types of steel fabrication do you handle?
                            </a>
                        </div>
                        <div id="collapseSix" class="collapse" data-parent="#accordion-2">
                            <div class="card-body">
                                We fabricate structural steel, platforms, tanks, piping spools, ladders, and more—customized to client designs.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInRight" data-wow-delay="0.2s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseSeven">
                                Do you provide electrical substation installation?
                            </a>
                        </div>
                        <div id="collapseSeven" class="collapse" data-parent="#accordion-2">
                            <div class="card-body">
                                Yes, we handle installations from 11kV up to 300kV, including transformers, switchgears, and GIS systems.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInRight" data-wow-delay="0.3s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseEight">
                                Can you assist with temporary facility construction?
                            </a>
                        </div>
                        <div id="collapseEight" class="collapse" data-parent="#accordion-2">
                            <div class="card-body">
                                Absolutely. We build portable site offices, CHUs, labor camps, and related infrastructure like lighting and sewage.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInRight" data-wow-delay="0.4s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseNine">
                                How do you ensure project safety and quality?
                            </a>
                        </div>
                        <div id="collapseNine" class="collapse" data-parent="#accordion-2">
                            <div class="card-body">
                                We follow a strict HSEQ policy, conduct risk assessments, and comply with OSHAS and client standards.
                            </div>
                        </div>
                    </div>
                    <div class="card wow fadeInRight" data-wow-delay="0.5s">
                        <div class="card-header">
                            <a class="card-link collapsed" data-toggle="collapse" href="#collapseTen">
                                How can I request a quote or consultation?
                            </a>
                        </div>
                        <div id="collapseTen" class="collapse" data-parent="#accordion-2">
                            <div class="card-body">
                                Email us at info@alfaraj.com or call +965 2227 9306.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- FAQs End -->


<!-- Testimonial Start -->
<div class="testimonial wow fadeIn" data-wow-delay="0.1s">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="testimonial-slider-nav">
                    <div class="slider-nav"><img src="img/user1.webp" alt="Testimonial"></div>
                    <div class="slider-nav"><img src="img/user2.webp" alt="Testimonial"></div>
                    <div class="slider-nav"><img src="img/user3.webp" alt="Testimonial"></div>
                    <div class="slider-nav"><img src="img/user4.webp" alt="Testimonial"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="testimonial-slider">
                    <div class="slider-item">
                        <h3>Sarah Al-Mutairi</h3>
                        <h4>Project Manager</h4>
                        <p>Al faraj’s team demonstrated strong technical knowledge and on-site adaptability. They managed to deliver under tight timelines without compromising on quality or safety.</p>
                    </div>
                    <div class="slider-item">
                        <h3>Rajiv Patel</h3>
                        <h4>Site Engineer</h4>
                        <p>We relied on Al faraj for both manpower and equipment, and they delivered on both fronts. Their safety-first approach and efficiency were exactly what we needed.</p>
                    </div>
                    <div class="slider-item">
                        <h3>Ahmed Khalaf</h3>
                        <h4>Operations Director</h4>
                        <p>The steel structure work was handled seamlessly, and the coordination between trades was impressive. Al faraj truly understands the complexity of large industrial projects.</p>
                    </div>
                    <div class="slider-item">
                        <h3>Lina Farouk</h3>
                        <h4>Procurement Lead</h4>
                        <p>Al faraj delivered our project well ahead of schedule with unmatched attention to detail. Their team handled every stage professionally, from site planning to execution.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Testimonial End -->


<!-- Contact Start -->
<div class="contact wow fadeInUp">
    <div class="container">
        <div class="section-header text-center">
            <p>Get In Touch</p>
            <h2>For Any Query</h2>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="contact-info">
                    <div class="contact-item align-items-center">
                        <img src="img/con-location.webp" style="width: 39px !important;" />
                        <div class="contact-text">
                            <h2>Location</h2>
                            <p>Murshid Bazar Building, GF, 
Near Remas Hotel, Deira, Dubai-UAE.</p>
                        </div>
                    </div>
          
                    <div class="contact-item align-items-center">
                        <img src="img/email.webp" />
                        <div class="contact-text">
                            <h2>Email</h2>
                            <p>Info@alfarajdubai.com</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="contact-form">
                    <div id="success"></div>
                    <form id="contactForm" method="POST" novalidate="novalidate">
                        <div class="control-group">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject" required="required" data-validation-required-message="Please enter a subject" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <textarea class="form-control" id="message" name="message" placeholder="Message" required="required" data-validation-required-message="Please enter your message"></textarea>
                            <p class="help-block text-danger"></p>
                        </div>
                        <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
                        <div>
                            <button class="btn" type="submit" id="submt_btn">
                                <span id="submit_txt">Send Message</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Contact End -->

<?php include('footer.php'); ?>
<script>
    var recaptchaSiteKey = '<?php echo $_ENV['RECAPTCHA_SITE_KEY']; ?>';
</script>
<!-- reCAPTCHA v3 -->
<script src="https://www.google.com/recaptcha/api.js?render=<?php echo $_ENV['RECAPTCHA_SITE_KEY'] ?>"></script>
