From 7aab886cecb7a8c0e9847f4d7348e058a7c19f23 Mon Sep 17 00:00:00 2001
From: Gary <gary@acorn-media.co.uk>
Date: Fri, 20 Mar 2026 14:02:12 +0000
Subject: [PATCH] updated to new style banner

---
 css/style.css           | 14 ++++++++++++++
 services/insulation.php | 19 ++++++++++++-------
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index d5834ac..d33df24 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10940,6 +10940,20 @@ textarea.form-control {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
 
+  .insulation-banner {
+    position: relative;
+    width: 100%;    
+    display: flex;
+    align-items: center;
+    background-color: #002b49; /* fallback brand blue */
+    background-image: url('/images/insulation-1.jpg'); /* ADD YOUR BRITISH LOFT IMAGE HERE */
+    background-size: cover;
+    background-position: center;
+    overflow: hidden;
+    color: #ffffff;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  }
+
   .banner-overlay-2 {
     position: absolute;
     top: 0;
diff --git a/services/insulation.php b/services/insulation.php
index ec5af01..3896b2f 100644
--- a/services/insulation.php
+++ b/services/insulation.php
@@ -6,15 +6,20 @@ include_once $URLcorrection . 'includes/header.php';
 
 ?>
 
-<section class="padding-top-70 padding-bottom-50 company-background">
-    <div class="container text-center padding-top-50">
-        <div class="row justify-content-center margin-bottom-60">
-            <div class="col-md-10">
-                <h2 class="margin-top-20 stand-out-text">Professional Loft Insulation Services</h2>
-                <p class="lead text-muted">Save energy, reduce bills, and improve comfort with expert loft insulation</p>
-                <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
+<section class="insulation-banner">
+    <div class="banner-overlay-2"></div>
+    <div class="container">
+        <div class="banner-content">
+            <div class="text-container">
+                <span class="top-tag text-white">North East Loft Boarding</span>
+                <h1 class="stand-out-text">Professional Loft Insulation Services</h1>
+                <p>Save energy, reduce bills, and improve comfort with expert loft insulation.</p>
+                <div class="">
+                    <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
+                </div>
             </div>
         </div>
+    </div>
 </section>