61 lines
4.0 KiB
PHP
61 lines
4.0 KiB
PHP
<section class="padding-bottom-50 padding-top-50" style="background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); position: relative;">
|
|
<div class="container" style="position: relative; z-index: 2;">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-md-12 mx-auto text-center text-white">
|
|
<h2 style="color: white; margin-bottom: 20px; font-size: 2.5rem;">Transform Your Loft Today</h2>
|
|
<p style="font-size: 20px; margin-bottom: 30px; opacity: 0.9;">Join thousands of satisfied customers across the UK with professional hatch solutions</p>
|
|
|
|
<div class="row mt-4 mb-4">
|
|
<div class="col-lg-4 col-md-12 text-center mb-3">
|
|
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
|
<h4 class="white-text" style="margin: 0; font-weight: bold;">10000+</h4>
|
|
<small style="color: white; opacity: 0.8;">Jobs Completed</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-12 text-center mb-3">
|
|
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
|
<h4 class="white-text" style="margin: 0; font-weight: bold;">100%</h4>
|
|
<small style="color: white; opacity: 0.8;">NHBC Compliant</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-12 text-center mb-3">
|
|
<div style="background: rgba(255,255,255,0.1); padding: 20px; border-radius: 15px;">
|
|
<h4 class="white-text" style="margin: 0; font-weight: bold;">10 Year</h4>
|
|
<small style="color: white; opacity: 0.8;">Product Warranty</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 mb-4">
|
|
<a href="<?= $URLcorrection ?>contact" class="btn customer-quote-button btn-lg mr-3" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
|
|
<i class="fas fa-calculator"></i> Get Free Quote & Survey
|
|
</a>
|
|
<a href="<?= $URLcorrection ?>pricing" class="btn btn-outline-light btn-lg" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;">
|
|
<i class="fas fa-eye"></i> View Our Pricing
|
|
</a>
|
|
</div>
|
|
|
|
<div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; margin-top: 30px;">
|
|
<div class="row text-center">
|
|
<div class="col-md-3 col-6 mb-2">
|
|
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
|
<small style="color: white;">Free Survey</small>
|
|
</div>
|
|
<div class="col-md-3 col-6 mb-2">
|
|
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
|
<small style="color: white;">Professional Installation</small>
|
|
</div>
|
|
<div class="col-md-3 col-6 mb-2">
|
|
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
|
<small style="color: white;">Energy Efficient</small>
|
|
</div>
|
|
<div class="col-md-3 col-6 mb-2">
|
|
<i class="fas fa-check-circle" style="color: #27ae60; margin-right: 8px;"></i>
|
|
<small style="color: white;">10-Year Warranty</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |