From 6cff10baba8773437f5d3ee1d6c7c186536c02c2 Mon Sep 17 00:00:00 2001
From: Peter Foster <peter.foster@ukdataservices.co.uk>
Date: Sun, 22 Mar 2026 19:13:56 +0000
Subject: [PATCH] fix: formatting errors on home and quote pages

- index.php: add .hero-eyebrow CSS (uppercase eyebrow label above H1)
- index.php: fix unquoted class=section-label attribute
- quote.php: fix hero background from grey to purple gradient (consistent with all other pages)
---
 index.php | 3 ++-
 quote.php | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 8133ec6..ece65c1 100644
--- a/index.php
+++ b/index.php
@@ -133,6 +133,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
     .hero-container{position:relative;z-index:2;width:100%}
     .hero-content{text-align:center;max-width:800px;margin:0 auto}
     .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}
+    .hero-eyebrow{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;opacity:0.75;margin-bottom:16px}
     .hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.5}
     .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-height:48px}
     .btn-primary{background:#4f46e5;color:white!important}
@@ -550,7 +551,7 @@ $twitter_card_image = "https://ukaiautomation.co.uk/assets/images/ukaiautomation
     <section id="services" class="services">
         <div class="container">
             <div class="section-header">
-                <p class=section-label>Our Services</p>
+                <p class="section-label">Our Services</p>
                 <p>We automate the manual data and research work that costs UK legal and consultancy firms hours every week. Delivered as working, fully-tested systems.</p>
             </div>
             <div class="services-grid">
diff --git a/quote.php b/quote.php
index adfe642..e594b1e 100644
--- a/quote.php
+++ b/quote.php
@@ -194,7 +194,8 @@ $breadcrumbs = [
     <style>
         .quote-hero {
             padding: 100px 0 30px; /* padding-top overridden by main.css */
-            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+            background: linear-gradient(135deg, #1e1b4b 0%, #7c3aed 100%);
+            color: white;
             text-align: center;
         }