File: /var/www/html/WPGrarageLock/wp-content/themes/garage-lock/page-home.php
<?php /* Template Name: Home Page */
get_header();
?>
<section class="banner-sec" id="home">
<div class="banner-slider">
<div style="background-image: url('<?php echo get_template_directory_uri(); ?>/img/bh-banner.png');">
<div class="container custom-container">
<div class="txt-block">
<h2>Garage Door & <br>Locksmith Services</h2>
<h3>Your <span>Safety</span>, Our <span>Priority</span></h3>
<div class="btn-block">
<a href="#" class="book-btn btn-hover">Book Now</a>
</div>
</div>
</div>
</div>
<div style="background-image: url('<?php echo get_template_directory_uri(); ?>/img/banner-image-2.png');">
<div class="container custom-container">
<div class="txt-block">
<h2>Garage Door & <br>Locksmith Services</h2>
<h3>Your <span>Safety</span>, Our <span>Priority</span></h3>
<div class="btn-block">
<a href="#" class="book-btn btn-hover">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="deliver-sec">
<div class="container custom-container">
<h2 class="title-sec text-center">Because your home deserves the best, <br>and we’re here to deliver it.
</h2>
<div class="deliver-slider-cover">
<div class="deliver-slider slick-custom-arrow">
<div class="deliver-item">
<div class="deliver-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/sl_1.png" alt="">
<div class="item-label">
Garage Door Opener
</div>
</div>
</div>
<div class="deliver-item">
<div class="deliver-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/sl_2.png" alt="">
<div class="item-label">
Garage Door Opener
</div>
</div>
</div>
<div class="deliver-item">
<div class="deliver-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/sl_3.png" alt="">
<div class="item-label">
Garage Door Opener
</div>
</div>
</div>
<div class="deliver-item">
<div class="deliver-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/sl_4.png" alt="">
<div class="item-label">
Garage Door Opener
</div>
</div>
</div>
<div class="deliver-item">
<div class="deliver-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/sl_3.png" alt="">
<div class="item-label">
Garage Door Opener
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="installation-sec" id="garage-door-installation">
<div class="container custom-container">
<div class="sec-title-cover">
<div class="sec-title-block">
<h2>Garage Door Installation</h2>
<p>At BH Solutions, we take pride in providing exceptional service, with a strong focus on safety,
professionalism, and customer satisfaction.</p>
</div>
</div>
<div class="content-wrapper d-flex">
<div class="img-block">
<img src="<?php echo get_template_directory_uri(); ?>/img/garage_door _Installation.png" alt="">
</div>
<div class="txt-block d-flex">
<div class="det-block">
<p>Our team is committed to ensuring that every installation, repair, and maintenance job is
handled with the highest standards of safety, using top-quality materials and up-to-date
practices. With years of expertise, we approach each project with professionalism, ensuring
timely and efficient solutions tailored to meet our customers' specific needs.</p>
<p>Above all, we prioritize customer satisfaction, offering reliable support and clear
communication to ensure every client is happy with the results. Trust us to keep your garage
door functioning smoothly and securely for years to come.</p>
</div>
<div class="btn-block">
<a href="#contact-us" class="btn-hover book-btn">Get in touch</a>
</div>
</div>
</div>
</div>
</section>
<section class="garge-repair-section" id="garage-door-repairsupgrades">
<div class="container custom-container">
<div class="garage-section-outer col-md-12">
<div class="garage-left col-md-7">
<h3>Garage Door Repairs & Upgrades</h3>
<p class="para-text">
Repairing your garage door instead of replacing it can be a smart and cost-effective decision.
Often, garage door issues are fixable with simple repairs, such as fixing broken springs,
cables,
or sensors, which can restore your door’s functionality without the expense of a full
replacement.
BH Solutions is dedicated to providing professional, efficient repair services, ensuring the job
is done right the first time.</p>
<p class="para-text">
We focus on delivering high-quality work that will keep your garage
door running smoothly, all while helping you avoid unnecessary costs. Let us help you make the
best
choice for both your budget and your home.
</p>
<div class="btn-block">
<a href="#contact-us" class="book-btn btn-hover" tabindex="0">Get in touch</a>
</div>
</div>
<div class="garage-slider-cover col-md-5">
<div class="garage-slider slick-custom-arrow">
<div class="garage-item">
<div class="garage-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/door_repair_1.png" alt="">
</div>
</div>
<div class="garage-item">
<div class="garage-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/door_repair_2.png" alt="">
</div>
</div>
<div class="garage-item">
<div class="garage-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/door_repair_1.png" alt="">
</div>
</div>
<div class="garage-item">
<div class="garage-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/door_repair_2.png" alt="">
</div>
</div>
<div class="garage-item">
<div class="garage-card">
<img src="<?php echo get_template_directory_uri(); ?>/img/door_repair_1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="locksmith-section" id="locksmith-services">
<div class="container custom-container">
<div class="locksmith-section-outer col-md-12">
<div class="locksmith-img col-lg-6">
<img src="<?php echo get_template_directory_uri(); ?>/img/lock_smith_services.png">
</div>
<div class="locksmith-content-block col-lg-6">
<h3>Locksmith Services</h3>
<p class="para-text">
Our locksmith services provide you with the utmost security and peace of mind, prioritizing your
safety above all else. Whether you need to rekey your locks, install high-security systems, or
resolve an emergency lockout, our team operates with integrity, ensuring honest advice and
reliable service every time. We are committed to putting customer care at the forefront, taking
the time to understand your specific needs and offering solutions that best suit your situation.
With transparent and fair pricing, you can trust that our services are not only effective but
also affordable.
Count on us to keep your property secure and your experience hassle-free.
</p>
<div class="btn-block">
<a href="#contact-us" class="book-btn btn-hover" tabindex="0">Get in touch</a>
</div>
</div>
</div>
</div>
</section>
<section class="contact-section" id="contact-us">
<div class="container custom-container">
<div class="top-section">
<h2 class="contact-heading">Let's Get In Touch</h2>
<p class="contact-content">
Repairing your garage door instead of replacing it can be a smart and cost-effective decision.
Often,
garage door issues are fixable with simple repairs.
</p>
</div>
<div class="row contact-form align-items-center">
<div class="left-sec">
<img src="<?php echo get_template_directory_uri(); ?>/img/working-man.png" alt="Garage Door Repair">
</div>
<div class="rt-sec">
<form class="form-sec" data-parsley-validate>
<div class="row mb-3">
<div class="col-md-6">
<label for="firstName" class="form-label">First Name</label>
<input type="text" id="firstName" class="form-control" placeholder="First Name" required data-parsley-required-message="First Name is required.">
</div>
<div class="col-md-6">
<label for="lastName" class="form-label">Last Name</label>
<input type="text" id="lastName" class="form-control" placeholder="Last Name" required data-parsley-required-message="Last Name is required.">
</div>
</div>
<div class="row mb-3">
<div class="col-md-6">
<label for="email" class="form-label">Your Email</label>
<input type="email" id="email" class="form-control" placeholder="Email Address" required data-parsley-type="email" data-parsley-required-message="A valid email is required.">
</div>
<div class="col-md-6">
<label for="phone" class="form-label">Phone Number</label>
<input type="tel" id="phone" class="form-control" placeholder="Phone Number" required data-parsley-pattern="^\+?[0-9]{10,15}$" data-parsley-required-message="Phone number is required." data-parsley-pattern-message="Enter a valid phone number.">
</div>
</div>
<div class="mb-3">
<label for="message" class="form-label">Text Message</label>
<textarea id="message" rows="4" class="form-control" placeholder="Write your message here" required data-parsley-required-message="Message is required"></textarea>
</div>
<div class="btn-sec">
<div id="successAlert" class="alert alert-success" role="alert" style="text-align: center; display: none;"></div>
<div id="dangerAlert" class="alert alert-danger" role="alert" style="text-align: center; display: none;"></div>
<button type="submit" class="btn submit-btn">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<section class="image-slider">
<div class="container-fluid">
<div class="imgs-slider">
<div><img src="<?php echo get_template_directory_uri(); ?>/img/slider-img1.jpg" alt="Image 1"></div>
<div><img src="<?php echo get_template_directory_uri(); ?>/img/slider-img2.jpg" alt="Image 2"></div>
<div><img src="<?php echo get_template_directory_uri(); ?>/img/slider-img3.jpg" alt="Image 3"></div>
<div><img src="<?php echo get_template_directory_uri(); ?>/img/slider-img4.jpg" alt="Image 4"></div>
<div><img src="<?php echo get_template_directory_uri(); ?>/img/slider-img3.jpg" alt="Image 5"></div>
</div>
</div>
</section>
<?php get_footer(); ?>