added images and some more content

about.php

@@ -6,6 +6,38 @@ include_once $URLcorrection . 'includes/header.php';
 
 ?>
 
+<section class="padding-top-100 padding-bottom-100">
+    <div class="container">
+        <h1 class="text-center">About Us: Making the Most of North East Homes</h1>
+        <p>At North East Loft Boarding, we believe your loft shouldn’t be a "no-go zone" navigated by balancing on joists in the dark. Based right here in the North East, we help homeowners reclaim the massive amount of wasted space sitting right above their heads.</p>
+    </div>
+</section>
+
+<section class="padding-bottom-100">
+    <div class="container">
+        <h3>Our Mission: Space Without Compromise</h3>
+        <p>Most modern lofts aren't designed for storage—they’re designed for insulation. We started this business because we saw too many people squashing their insulation (and hiking up their energy bills) just to find a place for the Christmas decorations.</p>
+        <p>We specialise in <strong>raised loft boarding</strong>, a system that sits above your insulation to keep your home warm while providing a rock-solid platform for your belongings.</p>
+    </div>
+</section>
+
+<section class="padding-bottom-100">
+    <div class="container">
+        <h3>Why Choose a Local Specialist?</h3>
+        <p>From Tyneside flats to new-build semis in County Durham, we know the local housing stock inside and out. When you choose us, you’re not getting a "one-size-fits-all" kit; you’re getting a bespoke installation tailored to your specific roof structure.</p>
+        <li><strong>Integrity First</strong> We only use high-quality, load-bearing materials that protect your property and your NHBC warranty.</li>
+        <li><strong>No Mess, No Stress</strong> We’re a local team that prides itself on being punctual, polite, and leaving your landing exactly how we found it (just with a much better ladder).</li>
+        <li><strong>Safety Focused</strong> Every ladder we fit and every board we lay is tested to ensure it’s safe for you and your family to use for years to come.</li>
+    </div>
+</section>
+
+<section class="padding-bottom-100">
+    <div class="container">
+        <h3>Beyond Just Boarding</h3>
+        <p>We’re more than just "the loft people." We’re a team of dedicated installers passionate about home improvement. Whether it's enlarging a cramped hatch, installing energy-efficient lighting, or fitting a sturdy timber ladder, we treat every home as if it were our own.</p>
+        <p><strong>We’re proud to serve Newcastle, Gateshead, Sunderland, Durham, and the surrounding areas.</strong></p>
+    </div>
+</section>
 
 
 <?php

css/style.css

@@ -10245,3 +10245,44 @@ textarea.form-control {
   .modal-content .modal-footer {
     border: none;
     background: #f8f8f8; }
+
+
+    /* padding */
+.padding-top-10 {
+    padding-top: 10px;
+}
+
+.padding-bottom-10 {
+    padding-bottom: 10px;
+}
+
+.padding-top-20 {
+    padding-top: 20px;
+}
+
+.padding-bottom-20 {
+    padding-bottom: 20px;
+}
+
+.padding-top-50 {
+    padding-top: 50px;
+}
+.padding-bottom-50 {
+    padding-bottom: 50px;
+}
+
+.padding-bottom-100 {
+    padding-bottom: 100px;
+}
+
+.padding-top-100 {
+    padding-top: 100px;
+}
+
+.padding-left-10 {
+    padding-left: 10px;
+}
+
+.padding-20 {
+    padding: 20px;
+}

index.php

@@ -51,7 +51,7 @@ include_once 'includes/hero.php';
     <div class="container">
         <div class="row">
             <div class="col-md-6 d-flex align-items-stretch">
-                <div class="about-wrap img w-100" style="background-image: url(images/about.jpg);">
+                <div class="about-wrap img w-100" style="background-image: url(images/new-build-loft-boarding.png);">
                 </div>
             </div>
             <div class="col-md-6 py-5 pl-md-5">

sections/counter.php

@@ -1,13 +1,13 @@
 <section class="ftco-section ftco-no-pt ftco-no-pb ftco-counter">
-    <div class="img image-overlay" style="background-image: url(images/about-3.jpg);"></div>
+    <div class="img image-overlay" style="background-image: url(images/loft-boarding-2.jpg);"></div>
     <div class="container">
         <div class="row no-gutters">
             <div class="col-md-6 py-5 bg-secondary aside-stretch">
                 <div class="heading-section heading-section-white p-4 pl-md-0 py-md-5 pr-md-5">
-                    <span class="subheading">Wilcon A Construction Company</span>
-                    <h2 class="mb-4">Best Provider for Industrial Services</h2>
-                    <h4>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</h4>
-                    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean</p>
+                    <span class="subheading">North East Loft Boarding</span>
+                    <h2 class="mb-4">Loft Boarding Specialists</h2>
+                    <h4>The North East’s Leading Provider of Safe, Professional Loft Storage Solutions</h4>
+                    <p>Stop struggling with a dark, cramped loft and start using the space you already own. We transform dusty, "no-go" lofts across the North East into clean, sturdy, and easily accessible storage hubs that make life easier for your family.</p>
                 </div>
             </div>
             <div class="col-md-6 d-flex align-items-center">

sections/services.php

@@ -20,7 +20,7 @@
             </div>
             <div class="col-md-4">
                 <div class="services-wrap ftco-animate">
-                    <div class="img" style="background-image: url(images/services-2.jpg);"></div>
+                    <div class="img" style="background-image: url(images/ladder_new.jpg);"></div>
                     <div class="text">
                         <div class="icon"><span class=""><i class="fa-solid fa-arrow-up-right-dots"></i></span></div>
                         <h2>Loft Ladders</h2>
@@ -31,7 +31,7 @@
             </div>
             <div class="col-md-4">
                 <div class="services-wrap ftco-animate">
-                    <div class="img" style="background-image: url(images/services-3.jpg);"></div>
+                    <div class="img" style="background-image: url(images/wooden-hatch.jpg);"></div>
                     <div class="text">
                         <div class="icon"><span class=""><i class="fa-solid fa-door-open"></i></span></div>
                         <h2>Loft Hatches</h2>
@@ -44,7 +44,7 @@
         <div class="row">
             <div class="col-md-4">
                 <div class="services-wrap ftco-animate">
-                    <div class="img" style="background-image: url(images/services-1.jpg);"></div>
+                    <div class="img" style="background-image: url(images/lighting.jpg);"></div>
                     <div class="text">
                         <div class="icon"><span class=""><i class="fa-solid fa-lightbulb"></i></span></div>
                         <h2>Loft Lighting</h2>
@@ -55,7 +55,7 @@
             </div>
             <div class="col-md-4">
                 <div class="services-wrap ftco-animate">
-                    <div class="img" style="background-image: url(images/services-2.jpg);"></div>
+                    <div class="img" style="background-image: url(images/insulation-1.jpg);"></div>
                     <div class="text">
                         <div class="icon"><span class=""><i class="fa-solid fa-temperature-arrow-up"></i></span></div>
                         <h2>Loft Insulation</h2>
@@ -66,7 +66,7 @@
             </div>
             <div class="col-md-4">
                 <div class="services-wrap ftco-animate">
-                    <div class="img" style="background-image: url(images/services-3.jpg);"></div>
+                    <div class="img" style="background-image: url(images/roofliner.jpg);"></div>
                     <div class="text">
                         <div class="icon"><span class=""><i class="fa-solid fa-plus"></i></span></div>
                         <h2>Additional Extras</h2>