<?php require_once('./includes/header.php'); ?>
<div class="spacer"></div>
<section class="section main_slider" id="home">

   <div id="loader">
    <img src="./assets/images/loader.gif" alt="">
   </div> 
    <div id="slider" class="nivoSlider"> 
  
        <img src="./assets/images/Slide1.jpg"  alt="" data-transition="boxRainReverse"/>
    </div> 
</section>
<main class="home">

    <section class="section_twenty_one">
        <div class="container" style="position:relative">
                <div class="row">


                <div class="col-xl-6 wow animate__slideInUp  animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: slideInUp;">
         
            <div class="image-section">
            <img src="<?php echo $base_url; ?>/assets/images/Sec-A.png?v=g1" alt="" class="image">
            <img src="<?php echo $base_url; ?>/assets/images/bg-circle-patch.png" class="bg_circle_patch" alt="">
           
        </div>
        <div class="pxl-content--holder"><div class="pxl-content--highlight">Reliable Chimney Care You Can Trust.</div></div>
<div class="content-section">
    <div class="content-box expert" style="background-color: white;">
        <img src="<?php echo $base_url; ?>/assets/images/icon_01.png?v=g1">
        <h3>Our AIM</h3>
        <p>
Dedicated to delivering 
 integrity and excellence.</p>
    </div>
    <div class="content-box target">
        <img src="<?php echo $base_url; ?>/assets/images/icon_02-w.png?v=g1">
        <h3>Our Values
</h3>
        <p>Guided by trust, transparency, and quality service.</p>
    </div>
    <div class="content-box productivity">
        <img src="<?php echo $base_url; ?>/assets/images/icon_03.png?v=1">
        <h3>Years of Experience
</h3>
        <p>Friendly team with years
of Experience</p>
    </div>
</div>
        
        
      </div>


                    <div class="col-xl-6 d_flex wow animate__slideInUp" data-wow-delay="1s" style="position:relative">
                        <h6>About Us</h6>
<p>
    At Dunne Chimney Sweep, we take pride in keeping homes safe, warm, and well-maintained. Based in Basingstoke, we offer a complete range of services including chimney and flue sweeping, wood burner installation and repair, and both internal and external brickwork restoration. With years of hands-on experience, our team combines traditional techniques with modern tools to deliver reliable, high-quality results every time. 


</p>

<p>
    We understand the importance of a clean and efficient chimney — not just for warmth, but for the safety of your home and family. That’s why we work with precision, care, and attention to detail, ensuring every 
project meets the highest standards.
</p>

                        <div class="btn_wrap">
                         <a href="<?php echo $base_url; ?>/about-us">
                              <span class="txt">Read More</span>
                              <span class="arrow_wrap">
                                   <img src="<?php echo $base_url; ?>/assets/images/btn_arrow.png" alt="">
                              </span>
                         </a>
                         
                        </div>

                       
                    </div>
                </div>
            </div>
    </section>


<script>
jQuery('.expert, .productivity').hover(
  function () {
    // Hover in
    jQuery(this).css('background-color', '#23166e');

    // change this icon to -w version
    let img = jQuery(this).find('img');
    let src = img.attr('src');
    if (!src.includes('-w')) {
      img.attr('src', src.replace('.png', '-w.png'));
    }

    // target box becomes white + normal icon
    let target = jQuery('.target');
    target.css({'background-color': 'white', 'color': 'black'});
    let targetImg = target.find('img');
    targetImg.attr('src', targetImg.attr('src').replace('-w.png', '.png'));
  },
  function () {
    // Hover out
    jQuery(this).css('background-color', 'white');

    // revert this icon back
    let img = jQuery(this).find('img');
    let src = img.attr('src');
    img.attr('src', src.replace('-w.png', '.png'));

    // target box back to red + -w icon
    let target = jQuery('.target');
    target.css({'background-color': '#23166e', 'color': 'white'});
    let targetImg = target.find('img');
    if (!targetImg.attr('src').includes('-w')) {
      targetImg.attr('src', targetImg.attr('src').replace('.png', '-w.png'));
    }
  }
);
</script>


<section class="section section_four" id="about">
        <div class="container" style="position:relative">
            <div class="bg_wrap"></div>
                <div class="row">
                    <div class="col-lg-6 wow animate__slideInUp" data-wow-delay="0.5s">
                        <div class="img_wrapper">
                        <div class="img_wrap">
                            <img src="./assets/images/Sec-E/1.jpg?v=g1" alt="" class="img-fluid">
                        </div>
                        </div>
                        
                    </div>
                    <div class="col-lg-6 d_flex wow animate__slideInUp" data-wow-delay="1s" style="position:relative">
                        <h6>Chimney & Flue Sweeping</h6>
                       <!--   <p><strong></strong></p> -->
                        <p>
                             At Dunne Chimney Sweep, we use professional-grade equipment to remove soot, 
creosote, and debris buildup, ensuring proper airflow and reducing the risk of chimney fires or smoke leakage. 

                        </p>
                        
                        <p>
                            Whether you use a wood burner, open fire, or multi-fuel appliance, our expert service helps maintain performance and prolongs the life of your flue system. We take every precaution to keep your home clean, tidy, and fully protected during the process.

                        </p>
                       
                        <div class="wrap">
                        <div class="thumb_wrap">
                            <img src="./assets/images/Sec-E/2.jpg?v=g1" alt="" class="img-fluid">
                        </div>
                    
                        <ul>
                          <!--   <span>Why Choose Us</span> -->
                            <li>
                                Professional Equipment</li>
  <li>Safety & Efficiency First</li>
  <li>All Chimney Types Covered</li>
  <li>Certified & Insured Service</li>
                            
                        </ul>
                        </div>
                       
                    </div>
                </div>
            </div>
    </section>




<section class="section_twenty">
     <div class="container">
          <div class="row">
               <div class="col-12 mb-5">
                      <h6>Our Services</h6>
                      <p>Providing a complete range of professional chimney, flue, and brickwork services to keep your home safe, efficient, and beautifully maintained.</p>
               </div>
          </div>

          <div class="row">
               <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="wrap">
                   
                    <span class="number">01</span>
                        <div class="img_wrap">
                            <img src="<?php echo $base_url; ?>/assets/images/Sec-B/1.jpg?v=1" alt="" class="img-fluid">
                        </div>
                          <div class="detail_wrap">
                            <div class="text_wrap">
                            <p class="heading">Wood Burner & 
Flue Installation/Repair</p>
<p>
    Expert installation and repair of wood burners and flue systems to ensure safe, efficient heating. We handle everything from fitting to maintenance with precision and care.
</p>
                            </div>
                            <div class="btn_wrap">
                                <a href="<?php echo $base_url; ?>/wood-burner.php">Know More</a>
                            </div>
                        </div>
                    </div>
               </div>
               <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="wrap">
                  
                    <span class="number color">02</span>
                        <div class="img_wrap">
                            <img src="<?php echo $base_url; ?>/assets/images/Sec-B/2.jpg?v=1" alt="" class="img-fluid">
                        </div>
                        <div class="detail_wrap">
                            <div class="text_wrap">
                            <p class="heading">External Brickwork 
Installation/Repair</p>
<p>
    From walls to chimneys, we restore and build durable 
external brickwork that enhances both strength and 
appearance and ensures long-lasting results.
</p>
                            </div>
                            <div class="btn_wrap">
                                <a href="<?php echo $base_url; ?>/external-brickwork.php">Know More</a>
                            </div>
                        </div>
                      
                    </div>
               </div>
               <div class="col-12 col-md-6 col-xl-4 mb-4">
                <div class="wrap">
                  
                    <span class="number">03</span>
                        <div class="img_wrap">
                            <img src="<?php echo $base_url; ?>/assets/images/Sec-B/3.jpg?v=1" alt="" class="img-fluid">
                        </div>
                        <div class="detail_wrap">
                            <div class="text_wrap">
                            <p class="heading">Internal Brickwork 
Installation/Repair</p>
<p>
    Transform your interiors with beautifully finished brickwork, installed or repaired to perfection. We deliver clean, detailed results that complement your home’s style.
</p>
                            </div>
                            <div class="btn_wrap">
                                <a href="<?php echo $base_url; ?>/internal-brickwork.php">Know More</a>
                            </div>
                        </div>
                        
                    </div>
               </div>
            


              
            
          </div>
     </div>
</section>






 
















    



<section class="section section_three">
        <div class="wrapper">
            <div class="left_wrap">
                <div class="container d_flex" style="height:100%">
                

                    <div class="inside_wrap">
                   
                        <span class="heading">Best Possible Experience
</span>
                        <span class="title">Plastering</span>
                        <span class="details">
                            At Dunne Chimney Sweep, we offer professional plastering services to give your fireplace a smooth, flawless finish. Whether it’s part of a renovation, repair, or a new installation, our skilled team ensures every surface is prepared and finished to the highest standard. We work with precision to achieve even, durable results that enhance both the look and longevity of your fireplaces.
                            </span>
                        <div class="__controls">
                        <a href="<?php echo $base_url; ?>/plastering.php" class="__btn">Know More</a>
                        <!-- <a href="https://ivebelt.com/available-jobs" class="__btn_reverse">Available Jobs</a> -->
                        </div>
                     
                    </div>
             
                </div>
       
            </div>
        
        </div>
        
    </section>

   













    <section class="section_quote_form pt-5" id="freeQuote">
    
          <div class="container">
               <div class="row gx-xl-5">
                    <div class="col-12 col-xl-8">
                         <div class="left-section">
                          
                         <p class="heading">Ready to Assist You – Contact Our Team Today!</p>
                         <div class="contact_detail_wrap">
                              <div class="wrap">
                                   <img src="<?php echo $base_url; ?>/assets/images/icon_001.png?v=g1" alt="">
                                   <div class="text_wrap">
                                        <span class="title">Office Address:</span>
                                        <span class="txt"><a href="javascript:"><?php echo $address; ?></a></span>
                                   </div>
                              </div>
                              <div class="wrap">
                                   <img src="<?php echo $base_url; ?>/assets/images/icon_002.png?v=1g" alt="">
                                   <div class="text_wrap">
                                        <span class="title">Phone Number:</span>
                                        <span class="txt">
                                        <a href="tel:<?php echo $tel1; ?>"><?php echo $tel1; ?></a>
                                        
                                 
                                    </span>
                                   </div>
                              </div>
                              <div class="wrap">
                                   <img src="<?php echo $base_url; ?>/assets/images/icon_003.png?v=1g" alt="">
                                   <div class="text_wrap">
                                        <span class="title">Email Address:</span>
                                        <span class="txt"><a href="mailto:<?php echo $email; ?>"><?php echo $email; ?></a></span>
                                   </div>
                              </div>
                         </div>
                         <div class="contact_img">
                              <img src="<?php echo $base_url; ?>/assets/images/contact_img.png?v=g1" alt="">
                         </div>
                    </div>
                    </div>
                    <div class="col-12 col-xl-4">
                         <div class="quote_form_side">
                         <p class="title">Get In tOuch</p>
                         <p class="txt">Reach out via phone, email, or our contact form for all enquiries or support.</p>
                         <div class="quote_form_wrapper">
                                    <form id="myForm" enctype="multipart/form-data">
            <?php function generateRandomString($length = 10) {
                    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
                        $charactersLength = strlen($characters);
                        $randomString = '';
                        for ($i = 0; $i < $length; $i++) {
                            $randomString .= $characters[rand(0, $charactersLength - 1)];
                        }
                        return $randomString;
                    }  ?>
            <input type="hidden" name="custom_token" id="customToken" value="<?php echo generateRandomString(); ?>">
                    <div class="row gx-3">
                        <div class="col-12">
                            <input type="text" class="form-control" placeholder="First Name" name="fname" required/>
                        </div>
                       
                        <div class="col-12">
                            <input type="tel" class="form-control" placeholder="Mobile Number" id="phone" name="phone" required/>
                        </div>

                  
                        <div class="col-12">
                            <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" required/>
                        </div>
                       
                         <div class="col-12">
                            <textarea id="message" name="message" class="form-control" placeholder="Message"></textarea>
                        </div>
                     <div class="col-12">
                            <button type="submit" class="__btn_submit" id="btn-submit">Submit</button>
                            <ul id="error-messages"></ul>
                            <div id="successMsg" class="success_msg"></div>
                       </div> 
                    </div>
                    </form>
                         </div>
                         </div>
                       
                    </div>
               </div>
          </div>
          <!-- <div class="bg_wrapper"></div> -->
    </section>



<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-body">
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      <strong>Thanks for being awesome!</strong><br/><br/>
We have received your message and would like to thank you for writing to us. If your inquiry is urgent, please use the telephone number to talk to one of our staff members. Otherwise, we will reply by email as soon as possible. Thanks, and warm regards.<br/><br/>

<strong><?php echo $site_name; ?></strong>
      </div>
    </div>
  </div>
</div>


<script>
$(document).ready(function(e){
    // Submit form data via Ajax
    $("#myForm").on('submit', function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: '<?php echo $base_url;?>/quote-form-process.php',
            data: new FormData(this),
            dataType: 'json',
            contentType: false,
            cache: false,
            processData:false,
            beforeSend: function(){
                $('#btn-submit').attr("disabled","disabled");
                $('#myForm').css("opacity",".5");
            },
            success: function(response){
                $('#successMsg').html('');
                if(response.status == 1){
                    $('#myForm')[0].reset();
                    $("#staticBackdrop").modal('show');
                }else{
                    $('#successMsg').html('<span class="alert alert-danger">'+response.message+'</span>');
                }
                $('#myForm').css("opacity","");
                $("#btn-submit").removeAttr("disabled");
            }
        });
    });
});
</script>


   
</main>

<?php require_once('./includes/footer.php'); ?>