Acorn_Media/North-east-loft-boarding
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cta created and added to about us page

Browse Source
This commit is contained in:
Gary 2026-03-23 12:00:55 +00:00
parent 7aeeb79e17
commit 0bfef1f23b
2 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
about.php
View File

@ -150,6 +150,7 @@ include_once $URLcorrection . 'includes/header.php';
<?php <?php
include_once $URLcorrection . 'sections/transform-cta.php';
include_once $URLcorrection . 'includes/footer.php'; include_once $URLcorrection . 'includes/footer.php';
?> ?>

61
sections/transform-cta.php Normal file
View File

@ -0,0 +1,61 @@
<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>