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

<main class="main">

    <!-- hero area -->
    <div class="hero-section">
        <div class="hero-slider owl-carousel">
            <div class="hero-single d-flex align-items-center justify-content-center bg-dark"
                style="background: url('assets/images/home-bg.jpeg') center/cover no-repeat; height: 600px;">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-9 mx-auto text-center">
                            <div class="hero-content">
                                <h6 class="hero-sub-title">
                                    <i class="fal fa-helmet-safety"></i> Build Your Dream
                                </h6>
                                <h1 class="hero-title display-4 display-md-3 text-center fw-bold" data-animation="fadeInRight" data-delay=".50s">
                                   Turning Blueprints into Beautiful Realities.
                                </h1>

                                <p>
                                    Our approach is centred on innovation and quality craftsmanship.
                                    We don’t just build structures – we create living spaces that combine.
                                </p>
                                <!-- <div class="hero-btn d-flex justify-content-center gap-3 flex-wrap">
                                    <a href="about.php" class="theme-btn" style="color:#000;">
                                        About More
                                    </a>
                                    <a href="contact.php" class="theme-btn2" style="color:#000;">
                                        Learn More
                                    </a>
                                </div> -->
                            </div>
                        </div>


                        <style>
                            .custom-hero-title {
                                font-size: 16px;
                                /* Mobile font size */
                                line-height: 1.2;
                            }

                            /* Desktop font size */
                            @media (min-width: 992px) {
                                .custom-hero-title {
                                    font-size: 50px;
                                    /* Larger heading on desktop */
                                }
                            }
                        </style>

                    </div>
                </div>
            </div>
            <div class="hero-single d-flex align-items-center justify-content-center bg-dark"
                style="background: url('assets/images/home-bg1.jpeg') center/cover no-repeat; height: 600px;">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-9 mx-auto text-center">
                            <div class="hero-content">
                                <h6 class="hero-sub-title">
                                    <i class="fal fa-helmet-safety"></i> Build Your Dream
                                </h6>
                                <h1 class="hero-title display-4 display-md-3 text-center fw-bold" data-animation="fadeInRight" data-delay=".50s">
                                   Where Luxury Meets Affordability, Since 2018
                                </h1>
                                <p>
                                    Your dream home begins here with MJ Construction Contractors.
                                </p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="hero-single" style="background-image: url(assets/img/hero/slider-3.jpg);">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-md-12 col-lg-6">
                                <div class="hero-content">
                                    <h6 class="hero-sub-title" data-animation="fadeInUp" data-delay=".25s">
                                        <i class="fal fa-helmet-safety"></i>Build Your Dream
                                    </h6>
                                    <h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
                                        We are the leader in <span>construction</span> Building Dreams Together
                                    </h1>
                                    <p data-animation="fadeInLeft" data-delay=".75s">
                                        There are many variations of passages orem psum available but the majority have
                                        suffered alteration in some form by injected humour.
                                    </p>
                                    <div class="hero-btn" data-animation="fadeInUp" data-delay="1s">
                                        <a href="about.html" class="theme-btn">About More<i
                                                class="fas fa-arrow-right"></i></a>
                                        <a href="contact.html" class="theme-btn2">Learn More<i
                                                class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
        </div>
    </div>
    <!-- hero area end -->


    <!-- partner area -->
    <!-- <div class="partner-area pt-negative">
            <div class="container-fluid">
                <div class="col-lg-8">
                    <div class="partner-wrap">
                        <div class="partner-wrapper partner-slider owl-carousel owl-theme">
                            <img src="assets/img/partner/01.png" alt="thumb">
                            <img src="assets/img/partner/02.png" alt="thumb">
                            <img src="assets/img/partner/03.png" alt="thumb">
                            <img src="assets/img/partner/01.png" alt="thumb">
                            <img src="assets/img/partner/02.png" alt="thumb">
                            <img src="assets/img/partner/03.png" alt="thumb">
                            <img src="assets/img/partner/02.png" alt="thumb">
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
    <!-- partner area end -->

    <div class="container">
        <div class="row align-items-justify">
            <div class="col-12">
                <div class="col-12">
                    <div class="sec-heading mb-3 text-center text-md-start mt-5">
                        <h2 class="custom-heading" style="color: #000;">
                            Welcome to MJ CONSTRUCTIONS
                        </h2>
                    </div>
                </div>

                <style>
                    /* Mobile default font size */
                    .custom-heading {
                        font-size: 24px;
                        /* small size for mobile */
                        line-height: 1.2;
                    }

                    /* Desktop font size */
                    @media (min-width: 992px) {

                        /* Bootstrap large breakpoint */
                        .custom-heading {
                            font-size: 34px;
                            /* larger size for desktop */
                        }
                    }
                </style>


                <p style="line-height:1.6; text-align:justify; text-justify:inter-word;">
                    Welcome to <strong>MJ Constructions. Building Dreams Together.</strong></span>
                    We take pride I being the best construction company in Davanagere . In this video, our valued clients share their Experiences & showcasing how we transformed their dreams into reality. With a strong focus on quality, trust & customer satisfaction and we understand that every project is unique, whether your planning a Residential house, Commercial building.
                </p><br>
<center><h1 class="tagline">
 <em> MJ Construction Contractors – 
  Where Luxury Meets Affordability</em>
</h1></center>


                <p style="line-height:1.8; text-align:justify; text-justify:inter-word; font-size:1.1rem; color:#222;">
  Since 2018 – <strong>8 Years of Trusted Experience</strong>, 
  at <strong>MJ Construction Contractors, Davanagere</strong>, we believe that every home should be a perfect blend of luxury, comfort, and individuality. 
  Over the past 8 years, we have built a strong reputation in Davanagere as a leading construction company, 
  delivering <strong>Custom Premium Homes and Villas</strong> that reflect the unique lifestyle of each client.
</p>
<br>

                <!-- <p style="line-height:1.6; text-align:justify; text-justify:inter-word;">
                    Our approach is centred on innovation and quality craftsmanship. We don’t just build structures – we create living spaces that combine:
                </p><br>

                <p style="line-height:1.6; text-align:justify; text-justify:inter-word;">
                    Your trust is our greatest achievement. That’s why we commit to transparency, on-time delivery,
                    and uncompromised quality in every project we undertake.
                </p> -->

            </div>


            <!-- feature area -->
            <div class="feature-area pt-100">
                <div class="container">
                    <div class="feature-wrap">
                        <div class="row g-4">
                            <div class="col-md-6 col-lg-4">
                                <div class="feature-item">
                                    <span class="count">01</span>
                                    <div class="feature-icon" >
                                        <img src="assets/img/icon/money.svg" alt="">
                                    </div>
                                    <div class="feature-content">
                                        <h4 style="color:#000;">Sustainability</h4>
                                        <p style="color:#000;">Eco-friendly designs that ensure energy efficiency and long-term value.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="feature-item">
                                    <span class="count">02</span>
                                    <div class="feature-icon">
                                        <img src="assets/img/icon/consultation.svg" alt="">
                                    </div>
                                    <div class="feature-content">
                                        <h4 style="color:#000;">Functionality</h4>
                                        <p style="color:#000;">Smart planning to make every space practical and convenient.</p><br>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-lg-4">
                                <div class="feature-item">
                                    <span class="count">03</span>
                                    <div class="feature-icon" >
                                        <img src="assets/img/icon/design.svg" alt="">
                                    </div>
                                    <div class="feature-content">
                                        <h4 style="color:#000;">Aesthetics</h4>
                                        <p style="color:#000;">Elegant designs that bring timeless beauty to your home.</p><br>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- feature area end -->


            <!-- about area -->
            <div class="about-area py-5">
                <div class="container">
                    <div class="row">
                        <div class="col-12 mb-4 text-center">
                            <h2 class="site-title custom-heading fw-bold" >
                                MJ Construction Contractors <br>
                                Where Luxury Meets Affordability
                            </h2>
                        </div>

                        <!-- Left Image Section -->
                        <div class="col-lg-6 mb-4 mb-lg-0">
                            <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                                <div class="about-img position-relative">
                                    <img class="img-1 img-fluid" src="assets/images/home-image-1.jpeg" alt="" style="width: 400px;">
                                    <!-- <img class="img-2 img-fluid position-absolute top-50 start-50 translate-middle" src="assets/img/about/02.jpg" alt=""> -->
                                </div>
                                <!-- <div class="about-experience text-center mt-3" >
                                    <h5 style="color: #000;">30<span>+</span></h5>
                                    <p style="color: #000;">Years Of Experience</p>
                                </div> -->
                            </div>
                        </div>

                        <!-- Right Content Section -->
                        <div class="col-lg-6">
                            <div class="about-right wow fadeInUp" data-wow-delay=".25s">
                                <div class="site-heading mb-3 text-center text-lg-start">
                                    <span class="site-title-tagline" style=" color:#000;"><i class="far fa-helmet-safety"></i> About Us</span>

                                </div>

                                <style>
                                    .custom-heading {
                                        font-size: 24px;
                                        /* mobile size */
                                        line-height: 1.2;
                                    }

                                    @media (min-width: 992px) {

                                        /* desktop */
                                        .custom-heading {
                                            font-size: 34px;
                                            /* larger size on desktop */
                                        }
                                    }
                                </style>


                                <p class="about-text" style="line-height:1.6;">
                                   From concept to completion, we handle every aspect of construction with precision, professionalism, and passion. Whether you dream of a luxury villa, a modern family home, or a custom-designed space, MJ Construction Contractors ensures your vision is transformed into reality.
Your trust is our greatest achievement. That’s why we commit to transparency, on-time delivery, and uncompromised quality in every project we undertake.
                                </p>

                                <div class="about-content">
                                    <div class="row g-3">
                                        <div class="col-md-6">
                                            <div class="about-item border-end pe-2 d-flex">
                                                <div class="icon me-2" >
                                                    <img src="assets/img/icon/team-2.svg" alt="">
                                                </div>
                                                <div class="content">
                                                    <h6>Sustainability</h6>
                                                    <p>Eco-friendly designs that ensure energy efficiency and long-term value.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="about-item d-flex">
                                                <div class="icon me-2" >
                                                    <img src="assets/img/icon/material.svg" alt="">
                                                </div>
                                                <div class="content">
                                                    <h6>Functionality</h6>
                                                    <p>Smart planning to make every space practical and convenient.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- <div class="mt-3 text-center text-lg-start">
                                    <a href="about.php" class="theme-btn d-inline-flex align-items-center justify-content-center" style=" color:#000">
                                        Discover More <i class="fas fa-arrow-right ms-2"></i>
                                    </a>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- about area end -->



            <!-- service area -->
            <div class="service-area bg py-5">
                <div class="container">
                    <div class="row g-4 align-items-center">
                        <!-- Heading Section -->
                        <div class="col-lg-6">
                            <div class="site-heading mb-0 text-center text-lg-start">
                                <span class="site-title-tagline" style=" color: #000";><i class="far fa-helmet-safety"></i> Services</span>
                                <h2 class="site-title custom-heading" style="color: #000;" >
                                    Our Key Services
                                </h2>
                            </div>
                        </div>

                        <style>
                            .custom-heading {
                                font-size: 24px;
                                /* Mobile font size */
                                line-height: 1.2;
                            }

                            /* Desktop font size */
                            @media (min-width: 992px) {
                                .custom-heading {
                                    font-size: 34px;
                                    /* Increase heading size on desktop */
                                }
                            }
                        </style>


                        <!-- Description -->
                        <div class="col-lg-6">
                            <p style="line-height:1.6;">
                                We bring your vision to life with end-to-end construction solutions blending creativity, quality, and precision, managing every detail from planning to flawless execution.
                                Backed by skilled professionals and premium materials, we ensure beautifully finished environments with smooth, timely, and stress-free project completion.
                            </p>
                        </div>

                        <!-- Button -->
                        <!-- <div class="col-lg-2 text-center text-lg-end">
                            <a href="service.php" class="theme-btn d-inline-flex align-items-center justify-content-center" style=" color: #000";>
                                All Services <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div> -->
                    </div>

                    <!-- Service Slider -->
                    <div class="service-slider owl-carousel mt-4">
                        <div class="service-item">
                            <span class="count">01</span>
                            <div class="service-img">
                                <img src="assets/img/service/01.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/construction.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Architectural Design</a>
                                </h4>
                                <p class="service-text">
                                    Architectural design merges creativity and functionality to create beautiful, practical, sustainable, innovative, and inspiring living and community spaces.
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="service-item">
                            <span class="count">02</span>
                            <div class="service-img">
                                <img src="assets/img/service/02.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/maintenance.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Building Construction</a>
                                </h4>
                                <p class="service-text">
                                    Building construction is the process of planning, designing, and constructing structures efficiently using quality materials, skilled labor, and modern techniques.
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="service-item">
                            <span class="count">03</span>
                            <div class="service-img">
                                <img src="assets/img/service/03.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/design-2.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Interior Design </a>
                                </h4>
                                <p class="service-text">
                                    Interior design and execution involve planning, designing, and creating functional, aesthetic, comfortable, and inspiring spaces using quality materials and thoughtful solutions
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="service-item">
                            <span class="count">04</span>
                            <div class="service-img">
                                <img src="assets/img/service/04.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/plan.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Turnkey Projects</a>
                                </h4>
                                <p class="service-text">
                                    Turnkey projects provide fully completed, ready-to-use facilities by handling design, construction, and installation, ensuring immediate, efficient, and seamless operational readiness.
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="service-item">
                            <span class="count">05</span>
                            <div class="service-img">
                                <img src="assets/img/service/05.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/contract.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Material Contract</a>
                                </h4>
                                <p class="service-text">
                                    Material contracts cover supplying, delivering, and efficiently managing construction materials according to project requirements and quality standards for successful execution
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="service-item">
                            <span class="count">06</span>
                            <div class="service-img">
                                <img src="assets/img/service/06.jpg" alt="">
                            </div>
                            <div class="service-icon" >
                                <img src="assets/img/icon/building.svg" alt="">
                            </div>
                            <div class="service-content">
                                <h4 class="service-title">
                                    <a href="service.php">Supervision</a>
                                </h4>
                                <p class="service-text">
                                    Supervision includes monitoring construction activities, ensuring quality, safety, and compliance with project plans, standards, and specifications throughout execution.
                                </p>
                                <a href="service.php" class="theme-btn" style=" color:#000;"><i
                                        class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- service area end -->




            <!-- cta area -->
            <div class="cta-area ct-negative" style="margin-top: 120px;">
                <div class="container ">
                    <div class="cta-wrap pt-40 pb-40" >
                        <div class="col-lg-7 mx-auto">
                            <div class="cta-content wow fadeInUp" data-wow-delay=".25s">
                                <h1 style="color:#000;">Leading way in construction</h1>
                                <p style="color:#000;">It is a long established fact that a reader will be distracted by the readable content of a page making it look like readable when looking at its layout.</p>
                                <a href="contact.php" class="theme-btn2" style="color:#000;">Contact Now<i class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- cta area end -->


           

            <!-- choose area -->
            <div class="choose-area  py-5 mt-5">
                <div class="container">
                    <!-- Heading Row -->
                    <div class="row g-4 align-items-center justify-content-between">
                        <div class="col-lg-6 text-center text-lg-start">
                            <div class="site-heading mb-0">
                                <span class="site-title-tagline" style=" color:#000;"><i class="far fa-helmet-safety"></i> Why Choose Us</span>
                                <h2 class="site-title custom-heading" >
                                    We deliver expertise you can trust our service
                                </h2>
                            </div>
                        </div>

                        <style>
                            .custom-heading {
                                font-size: 24px;
                                /* Mobile font size */
                                line-height: 1.2;
                            }

                            /* Desktop font size */
                            @media (min-width: 992px) {
                                .custom-heading {
                                    font-size: 34px;
                                    /* Larger heading on desktop */
                                }
                            }
                        </style>

                        <div class="col-lg-5">
                            <p style="line-height:1.6; text-align: justify; ">
                                At MJ Construction Contractors, our clients are at the heart of everything we do. We don’t just build houses—we build your vision. By actively listening to your ideas, collaborating closely at every stage, and refining the designs based on your feedback, we ensure that your home is a true reflection of your personality and lifestyle.
                            </p>
                            <a href="contact.php" class="theme-btn mt-3 d-inline-flex align-items-center justify-content-center" style=" color:#000;">
                                Contact Us <i class="fas fa-arrow-right ms-2"></i>
                            </a>
                        </div>
                    </div>

                    <!-- Content Row -->
                    <div class="row mt-2 g-4">
                        <!-- Choose Items -->
                        <div class="col-lg-6">
                            <div class="choose-content wow fadeInUp" data-wow-delay=".25s">
                                <div class="choose-content-wrap">
                                    <div class="choose-item d-flex mb-3">
                                        <div class="choose-item-icon me-3" >
                                            <img src="assets/img/icon/money.svg" alt="">
                                        </div>
                                        <div class="choose-item-info">
                                            <h4>Understanding Market Rates</h4>
                                            <p>Keeping a close watch on industry trends, competitor pricing, and client expectations to ensure our offerings remain competitive.</p>
                                        </div>
                                    </div>
                                    <div class="choose-item d-flex mb-3">
                                        <div class="choose-item-icon me-3" >
                                            <img src="assets/img/icon/team.svg" alt="">
                                        </div>
                                        <div class="choose-item-info">
                                            <h4>Accurate Cost Estimation</h4>
                                            <p>Carefully evaluating raw material costs, labor, technology, logistics, and overheads to provide transparent and realistic quotations.</p>
                                        </div>
                                    </div>
                                    <div class="choose-item d-flex mb-3">
                                        <div class="choose-item-icon me-3" >
                                            <img src="assets/img/icon/certified.svg" alt="" > 
                                        </div>
                                        <div class="choose-item-info">
                                            <h4>Value for Money</h4>
                                            <p>Offering more than just affordable pricing—our clients receive the benefit of superior quality, timely delivery, and excellent service.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Image -->
                        <div class="col-lg-6 text-center text-lg-start">
                            <div class="choose-img">
                                <img src="assets/images/about-image-1.jpeg" alt="" class="img-fluid rounded">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- choose area end -->


</main>

<style>
    .cta-area {
    background-color: #F5F5F5; /* Mild gray backdrop */
    margin-top: 120px;
}

.cta-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}

.cta-content h1 {
    color: #2C2C2C; /* Charcoal for strong heading */
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.cta-content p {
    color: #4A4A4A; /* Medium gray for readable body text */
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.theme-btn2 {
    background-color: #FFD54A; /* Gold button */
    color: #FFFFFF; /* White text for contrast */
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.theme-btn2:hover {
    background-color: #B38E2E; /* Slightly darker gold on hover */
    color: #FFFFFF;
}

</style>
<?php include('footer.php'); ?>