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

---
 css/style.css         | 14 ++++++++++++++
 services/lighting.php | 20 +++++++++++++-------
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index 94bdeaf..1a55d08 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10926,6 +10926,20 @@ textarea.form-control {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
 
+  .lh-banner {
+    position: relative;
+    width: 100%;    
+    display: flex;
+    align-items: center;
+    background-color: #002b49; /* fallback brand blue */
+    background-image: url('/images/lighting.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/lighting.php b/services/lighting.php
index 197eeae..98e5b22 100644
--- a/services/lighting.php
+++ b/services/lighting.php
@@ -7,15 +7,21 @@ 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 Lighting</h2>
-                <p class="lead text-muted">Brighten your loft with energy-efficient LED and tube lighting, installed by qualified professionals.</p>
-                <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
+<section class="light-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 Lighting</h1>
+                <p>Brighten your loft with energy-efficient LED and tube lighting, installed by qualified professionals.</p>
+
+                <div class="">
+                    <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
+                </div>
             </div>
         </div>
+    </div>
 </section>