<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package prime-construction
 */

?>

	<footer id="colophon" class="site-footer">
		<div class="custom-overlay">
    <div class="top-line"></div>
</div>
<div class="hero-bg">
    <img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/footer.png'); ?>" alt="Construction at night" class="hero-bg-img">
</div>
<div class="overlay-wrapper">
    <div class="top-gradient-line"></div>
</div>
		<div class="footer-top">
			<div class="container">
				

				<div class="row gx-4 gy-4 footer-links-row mt-5 mb-5">
					<div class="col-lg-4 col-md-6">
					<div class="footer-branding">
							<div class="site-branding">
								<?php $prime_construction_image = get_theme_mod('prime_construction_footer_logo');?>
									<?php if($prime_construction_image == ''){?>
									<img src="<?php echo esc_url(get_template_directory_uri()."/assets/images/footer-logo.png");?>" alt="footer logo">
									<?php }else { ?>
									<img src="<?php echo esc_url(get_theme_mod('prime_construction_footer_logo'));?>" alt="footer logo">
								<?php } ?>
							</div>
							<p class="footer-para"><?php echo esc_html(get_theme_mod('prime_construction_foot_paragraph', __('Building the future with innovation, precision, and excellence. Your vision, our expertise.', 'prime-construction')))?></p>
							<div class="footer-contact-list mt-4">
								<div class="footer-contact-item"><i class="fa-solid fa-phone"></i><span><?php echo esc_html(get_theme_mod('prime_construction_foot_phone', __('+1 (555) 123-4567', 'prime-construction'))); ?></span></div>
								<div class="footer-contact-item"><i class="fa-solid fa-envelope"></i><span><?php echo esc_html(get_theme_mod('prime_construction_foot_skyemail', __('info@buildtech.com', 'prime-construction'))); ?></span></div>
								<div class="footer-contact-item"><i class="fa-solid fa-location-dot"></i><span><?php echo esc_html(get_theme_mod('prime_construction_foot_address', __('123 Construction Ave, Metro City', 'prime-construction'))); ?></span></div>
							</div>
							<div class="footer-social-links mt-4">
								<a href=""><i class="fa-brands <?php echo esc_html(get_theme_mod('prime_construction_footfacebook_icon', __('fa-facebook', 'prime-construction'))) ?>"></i></a>
								<a href=""><i class="fa-brands <?php echo esc_html(get_theme_mod('prime_construction_foottwitter_icon', __('fa-twitter', 'prime-construction'))) ?>"></i></a>
								<a href=""><i class="fa-brands <?php echo esc_html(get_theme_mod('prime_construction_footlinkedin_icon', __('fa-linkedin-in', 'prime-construction'))) ?>"></i></a>
								<a href=""><i class="fa-brands <?php echo esc_html(get_theme_mod('prime_construction_footinstagram_icon', __('fa-instagram', 'prime-construction'))) ?>"></i></a>
								<a href=""><i class="fa-brands <?php echo esc_html(get_theme_mod('prime_construction_footyoutube_icon', __('fa-youtube', 'prime-construction'))) ?>"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-2 col-md-6">
						<div class="footer-widget">
							<h2 class="widget-title position-relative d-inline-block">  <span class="custom-underline"></span><?php echo esc_html(get_theme_mod('prime_construction_foot_title1', __('Company', 'prime-construction')))?></h2>
							<ul class="menu-footer">
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_abtsubmenu1', __('Our Story', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_abtsubmenu2', __('News & Blog', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_abtsubmenu3', __('Careers', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_abtsubmenu4', __('Customer', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_abtsubmenu5', __('Support', 'prime-construction')))?></a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-2 col-md-6">
						<div class="footer-widget">
							<h2 class="widget-title position-relative d-inline-block"><span class="custom-underline"></span><?php echo esc_html(get_theme_mod('prime_construction_foot_title2', __('Services', 'prime-construction')))?></h2>
							<ul class="menu-footer">
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_sersubmenu1', __('General Builder', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_sersubmenu2', __('House Extensions', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_sersubmenu3', __('Refurbishment', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_sersubmenu4', __('Electricity', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_sersubmenu5', __('Bathrooms', 'prime-construction')))?></a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-2 col-md-6">
						<div class="footer-widget">
							<h2 class="widget-title position-relative d-inline-block">  <span class="custom-underline"></span><?php echo esc_html(get_theme_mod('prime_construction_foot_title3', __('Resources', 'prime-construction')))?></h2>
							<ul class="menu-footer">
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_navsubmenu1', __('Project Gallery', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_navsubmenu2', __('Case Studies', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_navsubmenu3', __('Testimonials', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_navsubmenu4', __('FAQs', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_navsubmenu5', __('Downloads', 'prime-construction')))?></a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-2 col-md-6">
						<div class="footer-widget">
							<h2 class="widget-title position-relative d-inline-block">  <span class="custom-underline"></span><?php echo esc_html(get_theme_mod('prime_construction_foot_lasttitle4', __('Legal', 'prime-construction')))?></h2>
							<ul class="menu-footer">
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_lastmenu1', __('Privacy Policy', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_lastmenu2', __('Terms of Service', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_lastmenu3', __('Cookie Policy', 'prime-construction')))?></a></li>
								<li><a href="#"><?php echo esc_html(get_theme_mod('prime_construction_foot_lastmenu4', __('Compliance', 'prime-construction')))?></a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="row align-items-center justify-content-between site-info-row">
				
				</div>

				<div class="row gx-5 gy-4 align-items-center">
					<div class="col-lg-6">
						<h4 class="footer-newsletter-title"><?php echo esc_html(get_theme_mod('footernews_letter_title1', __('Stay', 'prime-construction'))); ?> <span><?php echo esc_html(get_theme_mod('footernews_letter_title2', __('Updated', 'prime-construction'))); ?></span></h4>
							<p class="footer-newsletter-text"><?php echo esc_html(get_theme_mod('footernews_letter_text', __('Subscribe to our newsletter for industry insights and updates.', 'prime-construction'))); ?></p>
					</div>
					<div class="col-lg-6">

						<div class="footer-newsletter p-2 rounded-4">
							<form class="footer-newsletter-form" action="#" method="post">
								<div class="newsletter-field d-flex flex-wrap gap-2">
									<input type="email" name="email" class="newsletter-input" placeholder="Enter your email" aria-label="Email address">
									<button type="submit" class="newsletter-button"><?php echo esc_html(get_theme_mod('footernews_letter_button', __('Subscribe', 'prime-construction'))); ?></button>
								</div>
							</form>
						</div>

					</div>
				</div>

					<div class="row align-items-center justify-content-between site-info-row">
					<div class="col-md-6 text-left">
						<span class="copy-right text-left"><?php echo esc_html(get_theme_mod('prime_construction_footer_copyright', __('© 2026 BuildTech Construction. All rights reserved.', 'prime-construction'))); ?></span>
					</div>
					<div class="col-md-6 text-md-end">
						<ul class="footer-bottom-links list-inline mb-0">
							<li class="list-inline-item"><a href="#">Privacy</a></li>
							<li class="list-inline-item"><a href="#">Terms</a></li>
							<li class="list-inline-item"><a href="#">Cookies</a></li>
						</ul>
					</div>
				</div>

			</div>
		</div>
		<!-- Scroll to Top Button -->
		<?php if(get_theme_mod('featured_scrooltopbtn_on_off',true) == true ){  ?>
			<div class="scroll-to-top">
				<a href="#" id="scroll-to-top"><i class="fas fa-caret-up"></i></a>
			</div>
        <?php } ?>
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>



