<?php

$URLcorrection = "";
$page = "Older Property Loft Boarding";
$PageTitle = "Older Property Loft Boarding";
$metadescription = "Specialist loft boarding for older properties with weak ceilings. Contact us for a free quote today!";
$metakeywords = "Older Property Loft Boarding, Weak Ceiling Loft Boarding, Victorian Loft Boarding, Edwardian Loft Boarding, Loft Storage Solutions, Loft Boarding Company, Loft Storage Company, Loft Boarding Near Me, Loft Storage Near Me, Loft Boarding UK, Loft Storage UK";


include_once $URLcorrection . 'includes/header.php';

?>


<section class="old-build-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">Older Property Loft Boarding</h1>
                <p>LBNW Timber System • Victorian/Edwardian Specialists • Ceiling Protection</p>

                <div class="">
                    <a href="<?= $URLcorrection ?>contact" class="customer-quote-button">Arrange a free quote</a>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="padding-top-50 padding-bottom-50">
    <div class="container">
        <div class="row align-items-center">
            <div class="col">
                <h2 class="margin-bottom-30 stand-out-text text-center">Specialist Loft Boarding for Older Properties</h2>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-lg-3 col-md-12 padding-top-40">
                <img src="<?= $URLcorrection ?>images/loft-boarding-1.jpg" alt="older property loft boarding" class="img-fluid rounded shadow">
            </div>
            <div class="col-lg-9 col-md-12 padding-top-40">
                <p>We come across a lot of older weaker ceilings or ceilings with smaller joists than normal. We advise not to just board direct to the joists or batten and board directly to the joists because the ceiling joists are too weak to allow the additional boarding & storage weight (load).</p>
                <p>Mainly older terraced and detached houses pre WW2 and after WW2 when we started building again we had a short supply of materials so houses were built to a very minimal specification.</p>
                <p>Although your ceiling joists are adequate (in most cases) to support your ceiling only, they were never designed to take any extra weight on them, so they must be strengthened or built above correctly to allow boarding, storage items and you to walk about safely and by adding more support this will prevent major expensive repairs in the future.</p>
                <p>You’d be surprised how much stuff we put in our lofts over the years and it accumulates to the point where you are over loading the ceiling. Time to get a proper storage supporting floor installed before you damage the ceilings for good.</p>
            </div>
        </div>
        <div class="row align-items-center margin-top-50">
            <div class="col-lg-6 col-md-12 padding-top-40">
                <h3 class="margin-bottom-30 stand-out-text text-center">Is it necessary to build a subframe?</h3>
                <img src="<?= $URLcorrection ?>images/Raised-Joists.png" alt="Subframe" class="img-fluid rounded shadow">
                <p>You can get a load calculation done for your loft storage requirements before you have loft boarding installed, but this is not required and can be quite costly.</p>
                <p>We do however, highly recommend extra strengthening and it would be silly to ignore as anyone can see, adding more weight to a ceiling without support can and will damage a ceiling beyond repair.</p>
                <p>Get a LBNW solid timber supported sub-frame, and feel confident that your ceilings will never be overloaded and is ideal for older Victorian/Edwardian properties.</p>
            </div>
            <div class="col-lg-6 col-md-12 padding-top-40">
                <h3 class="margin-bottom-30 stand-out-text text-center">Will loft boarding make my loft safe to use?</h3>
                <img src="<?= $URLcorrection ?>images/Raised-Joists-2.png" alt="Subframe" class="img-fluid rounded shadow">
                <p>Loft safety is very important, accidents can happen and helping prevent them especially in lofts is very important. The most common accidents in lofts are falling through the ceiling and falling down the loft hatch opening.</p>
                <p>In both cases we can help prevent this from happening, by installing good quality strong flooring in the areas you want to access and install a rail or balustrade around the opening of the hatch, to stop anyone from walking backwards or stumbling toward the loft hatch.</p>
                <p>It’s a long way down and could be quite nasty, so it’s worth considering installing a safety balustrade or railing.</p>
            </div>
        </div>
    </div>
</section>

<section class="padding-bottom-50 padding-top-50 company-background">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="stand-out-text">Why Older Properties Require Specialist Loft Boarding Solutions</h2>
                <p style="font-size: 18px; color: #666;">Understanding the unique challenges of period property construction</p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; border-left: 5px solid #FF6600;">
                    <div class="text-center mb-3">
                        <i class="fas fa-home" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                        <h4 style="color: #333; margin-bottom: 20px;">Historical Construction Methods</h4>
                    </div>
                    <p style="color: #666; margin-bottom: 25px;">Period properties were built using different standards and materials:</p>

                    <div class="row text-center mb-4">
                        <div class="col-6">
                            <div style="background: #fff3e0; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                <h4 style="color: #FF6600; font-weight: bold; margin: 0;">3"x2"</h4>
                                <small style="color: #666; font-weight: 500;">Typical Joist Size</small>
                            </div>
                        </div>
                        <div class="col-6">
                            <div style="background: #f0f0f0; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                <h4 style="color: #999; font-weight: bold; margin: 0;">5"x2"</h4>
                                <small style="color: #666; font-weight: 500;">Modern Standard</small>
                            </div>
                        </div>
                    </div>

                    <ul style="list-style: none; padding: 0;">
                        <li style="padding: 12px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Material Shortages</strong> - Post-war building restrictions</li>
                        <li style="padding: 12px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Different Standards</strong> - Pre-modern building codes</li>
                        <li style="padding: 12px 0;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Age-Related Wear</strong> - 80+ years of settlement</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; border-left: 5px solid #FF6600;">
                    <div class="text-center mb-3">
                        <i class="fas fa-balance-scale" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                        <h4 style="color: #333; margin-bottom: 20px;">Load Capacity Limitations</h4>
                    </div>
                    <p style="color: #666; margin-bottom: 25px;">Older ceiling joists have specific limitations that must be respected:</p>

                    <div style="background: #f8f9fa; padding: 25px; border-radius: 12px; margin-bottom: 25px;">
                        <div class="row text-center">
                            <div class="col-4">
                                <i class="fas fa-weight-hanging" style="color: #FF6600; font-size: 28px;"></i>
                                <h6 style="margin: 15px 0 8px 0; color: #333; font-weight: 600;">Ceiling Only</h6>
                                <small style="color: #666;">Original design load</small>
                            </div>
                            <div class="col-4">
                                <i class="fas fa-box" style="color: #FF6600; font-size: 28px;"></i>
                                <h6 style="margin: 15px 0 8px 0; color: #333; font-weight: 600;">No Storage</h6>
                                <small style="color: #666;">Not designed for extra weight</small>
                            </div>
                            <div class="col-4">
                                <i class="fas fa-tools" style="color: #FF6600; font-size: 28px;"></i>
                                <h6 style="margin: 15px 0 8px 0; color: #333; font-weight: 600;">Reinforcement</h6>
                                <small style="color: #666;">Essential for safety</small>
                            </div>
                        </div>
                    </div>

                    <ul style="list-style: none; padding: 0;">
                        <li style="padding: 12px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Minimal Specification</strong> - Cost-saving measures</li>
                        <li style="padding: 12px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Ceiling Support Only</strong> - No storage provision</li>
                        <li style="padding: 12px 0;"><i class="fas fa-check-circle" style="color: #FF6600; margin-right: 15px;"></i><strong>Damage Risk</strong> - Overloading consequences</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row mt-5">
            <div class="col-lg-8 col-md-12">
                <div style="background: #FF6600; padding: 30px; border-radius: 15px; color: white; box-shadow: 0 8px 25px rgba(255,102,0,0.3);">
                    <div class="row align-items-center">
                        <div class="col-md-2 text-center">
                            <i class="fas fa-shield-alt" style="font-size: 56px; color: white;"></i>
                        </div>
                        <div class="col-md-10">
                            <h4 style="color: #FF6600; margin-bottom: 15px; font-weight: 600;">LBNW Protection Solution</h4>
                            <p style="margin: 0; font-size: 16px; line-height: 1.6;">Our <strong>LBNW timber system</strong> creates a storage platform supported directly by the internal structural walls and roof purlins, transferring all storage weight away from your ceiling joists entirely. This structural support system protects your ceilings while providing safe, stable storage designed specifically for older property challenges.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 text-center">
                <div style="background: white; padding: 25px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);">
                    <div style="background: #fff3e0; padding: 20px; border-radius: 10px; border-left: 4px solid #FF6600;">
                        <h6 style="color: #FF6600; margin-bottom: 10px; font-weight: 600;"><i class="fas fa-exclamation-triangle"></i> Damage Prevention</h6>
                        <p style="margin: 0; font-size: 14px; color: #666;">Direct boarding can cause irreversible ceiling collapse</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section id="lbnw-system" class="padding-bottom-50 padding-top-50">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2>The LBNW Timber System: Proven Protection for Period Properties</h2>
                <p style="font-size: 18px; color: #666;">Engineered specifically for older homes with comprehensive load distribution</p>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%;">
                    <div class="text-center mb-4">
                        <i class="fas fa-tree" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                        <h4 style="color: #333; margin-bottom: 20px;">Premium Timber Construction</h4>
                    </div>
                    <p style="color: #666; margin-bottom: 25px;">Our LBNW system uses quality structural timber selected specifically for load-bearing applications in older properties:</p>

                    <div class="row mb-4">
                        <div class="col-4 text-center">
                            <div style="background: #fff3e0; padding: 15px; border-radius: 10px;">
                                <i class="fas fa-hammer" style="color: #FF6600; font-size: 24px;"></i>
                                <h6 style="margin: 10px 0 5px 0; font-size: 12px; color: #333;">Structural Grade</h6>
                            </div>
                        </div>
                        <div class="col-4 text-center">
                            <div style="background: #fff3e0; padding: 15px; border-radius: 10px;">
                                <i class="fas fa-ruler-combined" style="color: #FF6600; font-size: 24px;"></i>
                                <h6 style="margin: 10px 0 5px 0; font-size: 12px; color: #333;">Precision Cut</h6>
                            </div>
                        </div>
                        <div class="col-4 text-center">
                            <div style="background: #fff3e0; padding: 15px; border-radius: 10px;">
                                <i class="fas fa-award" style="color: #FF6600; font-size: 24px;"></i>
                                <h6 style="margin: 10px 0 5px 0; font-size: 12px; color: #333;">Quality Assured</h6>
                            </div>
                        </div>
                    </div>

                    <ul style="list-style: none; padding: 0; margin-bottom: 25px;">
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>C16 grade structural timber</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>Kiln-dried for stability</li>
                        <li style="padding: 8px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>British Standard BS EN 14081</li>
                    </ul>

                    <div class="text-center">
                        <a href="<?= $URLcorrection ?>contact" class="customer-quote-button" style="padding: 12px 25px; border-radius: 25px;">
                            <i class="fas fa-home"></i> Get Property Survey
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%;">
                    <div class="text-center mb-4">
                        <i class="fas fa-cogs" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                        <h4 style="color: #333; margin-bottom: 20px;">Load Distribution Technology</h4>
                    </div>

                    <div class="text-center mb-4">
                        <img src="<?= $URLcorrection ?>images/lbnw-timber-raised-loft-floor.jpg" alt="LBNW timber system load distribution" class="img-fluid" style="max-height: 180px; border-radius: 10px;">
                    </div>

                    <p style="color: #666; margin-bottom: 25px;">The LBNW storage platform is supported directly by the internal structural walls (usually central in the property) and the roof purlins, transferring the weight of stored items away from the ceiling joists entirely. This structural wall and purlin support system protects your ceiling structure from any additional loading.</p>

                    <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 20px;">
                        <h6 style="color: #FF6600; margin-bottom: 15px; text-align: center;"><i class="fas fa-info-circle"></i> Weight Transfer System</h6>
                        <div class="row text-center">
                            <div class="col-6">
                                <h5 style="color: #FF6600; margin: 0; font-weight: bold;">Structural</h5>
                                <small style="color: #666;">Wall Support</small>
                            </div>
                            <div class="col-6">
                                <h5 style="color: #FF6600; margin: 0; font-weight: bold;">Purlin</h5>
                                <small style="color: #666;">Roof Support</small>
                            </div>
                        </div>
                    </div>

                    <ul style="list-style: none; padding: 0;">
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>Storage platform bears on structural walls</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>Additional support from roof purlins</li>
                        <li style="padding: 8px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 10px;"></i>Zero additional load on ceiling joists</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-12 text-center">
                <div style="background: #f8f9fa; padding: 30px; border-radius: 15px; border: 2px solid #FF6600;">
                    <img src="<?= $URLcorrection ?>images/loft-boarding-2.jpg" alt="Professional LBNW installation" class="img-fluid mb-3" style="max-height: 120px; border-radius: 10px;">
                    <h5 style="color: #333; margin-bottom: 10px;">Professional Installation Excellence</h5>
                    <p style="margin: 0; color: #666;">Expert fitting by qualified technicians with 15+ years experience in period property loft boarding</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="padding-bottom-50 padding-top-50 blue-background">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center text-white mb-5">
                <h2 style="color: white; margin-bottom: 20px;">Period Properties We Specialise In</h2>
                <p style="font-size: 18px; margin-bottom: 30px; opacity: 0.9;">Expert solutions for every era of British home building</p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                <div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; text-align: center; height: 100%;">
                    <i class="fas fa-crown" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: white; margin-bottom: 15px;">Victorian Era</h4>
                    <p style="color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 15px;">1837-1901</p>
                    <ul style="list-style: none; padding: 0; color: rgba(255,255,255,0.9);">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Terraced houses</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Bay-fronted properties</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>High ceilings</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                <div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; text-align: center; height: 100%;">
                    <i class="fas fa-home" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: white; margin-bottom: 15px;">Edwardian Era</h4>
                    <p style="color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 15px;">1901-1910</p>
                    <ul style="list-style: none; padding: 0; color: rgba(255,255,255,0.9);">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Semi-detached houses</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Garden suburbs</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Mock Tudor styles</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                <div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; text-align: center; height: 100%;">
                    <i class="fas fa-hammer" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: white; margin-bottom: 15px;">Inter-War Period</h4>
                    <p style="color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 15px;">1918-1939</p>
                    <ul style="list-style: none; padding: 0; color: rgba(255,255,255,0.9);">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Art Deco influences</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Suburban expansion</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Cavity wall construction</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-12 mb-4">
                <div style="background: rgba(255,255,255,0.1); padding: 25px; border-radius: 15px; text-align: center; height: 100%;">
                    <i class="fas fa-tools" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: white; margin-bottom: 15px;">Post-War Build</h4>
                    <p style="color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 15px;">1945-1960</p>
                    <ul style="list-style: none; padding: 0; color: rgba(255,255,255,0.9);">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Material shortages</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Minimal specifications</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Prefab construction</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row mt-4">
            <div class="col-lg-8 col-md-12 mx-auto text-center">
                <div style="background: rgba(255,102,0,0.1); padding: 25px; border-radius: 15px; border-left: 4px solid #FF6600;">
                    <h4 style="color: white; margin-bottom: 15px;"><i class="fas fa-lightbulb"></i> Did You Know?</h4>
                    <p style="color: rgba(255,255,255,0.9); margin: 0;">Post-war homes often used smaller timber sizes due to material rationing, making proper load distribution even more critical for safe loft storage.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="padding-bottom-50 padding-top-50">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="text-stand-out">Comprehensive Safety Features for Peace of Mind</h2>
                <p style="font-size: 18px; color: #666;">Protecting you, your family, and your property investment</p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; text-align: center;">
                    <i class="fas fa-hard-hat" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: #333; margin-bottom: 20px;">Fall Prevention</h4>
                    <p style="color: #666; margin-bottom: 20px;">Professional safety railings and balustrades around loft hatch openings to prevent accidental falls.</p>
                    <ul style="list-style: none; padding: 0; color: #666;">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Hatch safety barriers</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Anti-slip boarding surface</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Proper lighting positioning</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-4 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; text-align: center;">
                    <i class="fas fa-shield-alt" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: #333; margin-bottom: 20px;">Structural Protection</h4>
                    <p style="color: #666; margin-bottom: 20px;">Professional property survey and assessment ensures safe installation tailored to your older property.</p>
                    <ul style="list-style: none; padding: 0; color: #666;">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Professional property survey</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Ceiling joist condition assessment</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Safe boarding confirmation</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-4 col-md-12 mb-4">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); height: 100%; text-align: center;">
                    <i class="fas fa-fire-extinguisher" style="font-size: 48px; color: #FF6600; margin-bottom: 20px;"></i>
                    <h4 style="color: #333; margin-bottom: 20px;">Fire Safety</h4>
                    <p style="color: #666; margin-bottom: 20px;">Professional electrical installations and safety compliance with current building regulations.</p>
                    <ul style="list-style: none; padding: 0; color: #666;">
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Safe electrical installations</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Building regulations compliance</li>
                        <li style="padding: 5px 0;"><i class="fas fa-check" style="color: #FF6600; margin-right: 8px;"></i>Professional safety standards</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="padding-bottom-50 padding-top-50 company-background">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h2 class="stand-out-text" style="margin-bottom: 20px;">Older Property Loft Boarding FAQ</h2>
                <p style="font-size: 18px; color: #666; margin-bottom: 30px;">Expert answers to your period property loft boarding questions</p>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 col-md-12">
                <!-- FAQ Items -->
                <div class="accordion" id="olderPropertyFAQ">

                    <!-- FAQ 1 -->
                    <div class="card" style="background: white; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border: none;">
                        <div class="card-header" style="padding: 25px; border-bottom: 1px solid #eee; background: white; border-radius: 15px 15px 0 0;">
                            <h4 style="color: #333; margin: 0; cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#ofaq1" aria-expanded="true" aria-controls="ofaq1" onclick="toggleFAQ('ofaq1', this)">
                                <i class="fas fa-plus-circle faq-icon" style="color: #FF6600; margin-right: 10px; transition: transform 0.3s;"></i>
                                Is it necessary to build a subframe for older properties?
                            </h4>
                        </div>
                        <div id="ofaq1" class="collapse show" data-bs-parent="#olderPropertyFAQ">
                            <div class="card-body" style="padding: 25px;">
                                <div style="background: #d4edda; padding: 20px; border-radius: 10px; border-left: 4px solid #28a745; margin-bottom: 20px;">
                                    <p style="margin: 0; color: #155724; font-weight: 600;">
                                        <i class="fas fa-check-circle"></i> YES - A subframe is essential for older properties to prevent ceiling damage.
                                    </p>
                                </div>
                                <p style="color: #666; margin-bottom: 15px;">While load calculations can be performed, they're costly and our experience shows that older ceiling joists require additional support. Our LBNW timber system, supported by the internal structural wall and purlins, provides this crucial reinforcement.</p>
                                <p style="color: #666; margin: 0;">Adding weight to weak ceilings without proper distribution <strong>will</strong> cause damage beyond repair. The investment in a raised sub-frame protects your property long-term.</p>
                            </div>
                        </div>
                    </div>

                    <!-- FAQ 2 -->
                    <div class="card" style="background: white; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border: none;">
                        <div class="card-header" style="padding: 25px; border-bottom: 1px solid #eee; background: white; border-radius: 15px 15px 0 0;">
                            <h4 style="color: #333; margin: 0; cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#ofaq2" aria-expanded="false" aria-controls="ofaq2" onclick="toggleFAQ('ofaq2', this)">
                                <i class="fas fa-plus-circle faq-icon" style="color: #FF6600; margin-right: 10px; transition: transform 0.3s;"></i>
                                What makes older property ceiling joists different?
                            </h4>
                        </div>
                        <div id="ofaq2" class="collapse" data-bs-parent="#olderPropertyFAQ">
                            <div class="card-body" style="padding: 25px;">
                                <p style="color: #666; margin-bottom: 15px;">Older properties have several key differences:</p>
                                <ul style="color: #666; margin-bottom: 15px;">
                                    <li style="margin-bottom: 8px;"><strong>Smaller timber sizes:</strong> Often 3"x2" instead of modern 5"x2" joists</li>
                                    <li style="margin-bottom: 8px;"><strong>Material rationing:</strong> Post-war shortages led to minimal specifications</li>
                                    <li style="margin-bottom: 8px;"><strong>Age and settlement:</strong> 80+ years of structural movement</li>
                                    <li style="margin-bottom: 8px;"><strong>Different standards:</strong> Built to older, less stringent building codes</li>
                                </ul>
                                <p style="color: #666; margin: 0;">These joists were designed only to support the ceiling below - any additional weight requires careful load distribution.</p>
                            </div>
                        </div>
                    </div>

                    <!-- FAQ 3 -->
                    <div class="card" style="background: white; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border: none;">
                        <div class="card-header" style="padding: 25px; border-bottom: 1px solid #eee; background: white; border-radius: 15px 15px 0 0;">
                            <h4 style="color: #333; margin: 0; cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#ofaq3" aria-expanded="false" aria-controls="ofaq3" onclick="toggleFAQ('ofaq3', this)">
                                <i class="fas fa-plus-circle faq-icon" style="color: #FF6600; margin-right: 10px; transition: transform 0.3s;"></i>
                                Will loft boarding make my older property loft safe to use?
                            </h4>
                        </div>
                        <div id="ofaq3" class="collapse" data-bs-parent="#olderPropertyFAQ">
                            <div class="card-body" style="padding: 25px;">
                                <p style="color: #666; margin-bottom: 15px;">Professional loft boarding significantly improves safety through multiple measures:</p>
                                <div class="row">
                                    <div class="col-md-6">
                                        <h6 style="color: #FF6600; margin-bottom: 10px;">Structural Safety:</h6>
                                        <ul style="color: #666; margin-bottom: 15px; font-size: 14px;">
                                            <li>Prevents falling through ceiling</li>
                                            <li>Stable walking surface</li>
                                            <li>Load-bearing sub-frame</li>
                                        </ul>
                                    </div>
                                    <div class="col-md-6">
                                        <h6 style="color: #FF6600; margin-bottom: 10px;">Fall Prevention:</h6>
                                        <ul style="color: #666; margin-bottom: 15px; font-size: 14px;">
                                            <li>Safety railings around hatch</li>
                                            <li>Anti-slip boarding surface</li>
                                            <li>Proper lighting installation</li>
                                        </ul>
                                    </div>
                                </div>
                                <p style="color: #666; margin: 0;">We strongly recommend hatch safety barriers - falls from loft height can be serious.</p>
                            </div>
                        </div>
                    </div>

                    <!-- FAQ 4 -->
                    <div class="card" style="background: white; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border: none;">
                        <div class="card-header" style="padding: 25px; border-bottom: 1px solid #eee; background: white; border-radius: 15px 15px 0 0;">
                            <h4 style="color: #333; margin: 0; cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#ofaq4" aria-expanded="false" aria-controls="ofaq4" onclick="toggleFAQ('ofaq4', this)">
                                <i class="fas fa-plus-circle faq-icon" style="color: #FF6600; margin-right: 10px; transition: transform 0.3s;"></i>
                                How much weight can an older property loft support?
                            </h4>
                        </div>
                        <div id="ofaq4" class="collapse" data-bs-parent="#olderPropertyFAQ">
                            <div class="card-body" style="padding: 25px;">
                                <p style="color: #666; margin-bottom: 15px;">Weight capacity varies significantly in older properties:</p>
                                <div style="background: #fff3e0; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                    <h6 style="color: #FF6600; margin-bottom: 10px;"><i class="fas fa-exclamation-triangle"></i> Without Reinforcement</h6>
                                    <p style="margin: 0; color: #666; font-size: 14px;">Older ceiling joists should only support the ceiling itself - no additional storage weight.</p>
                                </div>
                                <div style="background: #d4edda; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                    <h6 style="color: #155724; margin-bottom: 10px;"><i class="fas fa-check-circle"></i> With LBNW System</h6>
                                    <p style="margin: 0; color: #155724; font-size: 14px;">Our storage platform bears directly on structural walls and roof purlins, transferring storage weight away from ceiling joists entirely, allowing safe storage while protecting your ceiling structure completely.</p>
                                </div>
                                <p style="color: #666; margin: 0;">We provide professional property surveys and tailor our system to your property's specific requirements.</p>
                            </div>
                        </div>
                    </div>

                    <!-- FAQ 5 -->
                    <div class="card" style="background: white; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border: none;">
                        <div class="card-header" style="padding: 25px; border-bottom: 1px solid #eee; background: white; border-radius: 15px 15px 0 0;">
                            <h4 style="color: #333; margin: 0; cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#ofaq5" aria-expanded="false" aria-controls="ofaq5" onclick="toggleFAQ('ofaq5', this)">
                                <i class="fas fa-plus-circle faq-icon" style="color: #FF6600; margin-right: 10px; transition: transform 0.3s;"></i>
                                What's the difference between LBNW and LOFT-E systems?
                            </h4>
                        </div>
                        <div id="ofaq5" class="collapse" data-bs-parent="#olderPropertyFAQ">
                            <div class="card-body" style="padding: 25px;">
                                <p style="color: #666; margin-bottom: 15px;">We use different systems optimized for different property types:</p>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                            <h6 style="color: #FF6600; margin-bottom: 10px;">LBNW Timber System</h6>
                                            <ul style="color: #666; margin: 0; font-size: 14px;">
                                                <li>Older/weaker properties</li>
                                                <li>Timber sub-frame construction</li>
                                                <li>Maximum load distribution</li>
                                                <li>Victorian/Edwardian homes</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-bottom: 15px;">
                                            <h6 style="color: #FF6600; margin-bottom: 10px;">LOFT-E® Steel System</h6>
                                            <ul style="color: #666; margin: 0; font-size: 14px;">
                                                <li>New build properties</li>
                                                <li>Steel leg construction</li>
                                                <li>Insulation preservation</li>
                                                <li>NHBC compliant</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <p style="color: #666; margin: 0;">Our experts assess your property and recommend the most suitable system for your specific needs.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4 col-md-12">
                <div style="background: white; padding: 30px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); margin-bottom: 30px;">
                    <div class="text-center mb-3">
                        <img src="<?= $URLcorrection ?>images/lbnw-timber-raised-loft-floor.jpg" alt="LBNW Timber System" class="img-fluid" style="max-height: 120px; border-radius: 10px;">
                    </div>
                    <h5 style="color: #333; text-align: center; margin-bottom: 20px;">Why Choose LBNW System?</h5>
                    <ul style="list-style: none; padding: 0; margin: 0;">
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-tree" style="color: #FF6600; margin-right: 10px;"></i>Premium timber construction</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-shield-alt" style="color: #FF6600; margin-right: 10px;"></i>Storage platform on structural walls</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-balance-scale" style="color: #FF6600; margin-right: 10px;"></i>Zero ceiling joist loading</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-home" style="color: #FF6600; margin-right: 10px;"></i>Victorian/Edwardian specialist</li>
                        <li style="padding: 8px 0; border-bottom: 1px solid #eee;"><i class="fas fa-calendar-check" style="color: #FF6600; margin-right: 10px;"></i>10-year workmanship warranty</li>
                        <li style="padding: 8px 0;"><i class="fas fa-users" style="color: #FF6600; margin-right: 10px;"></i>Period property experts</li>
                    </ul>
                    <div class="text-center mt-3">
                        <a href="<?= $URLcorrection ?>contact" class="btn btn-outline-orange" style="border-radius: 20px; padding: 10px 20px;">
                            <i class="fas fa-home"></i> Get Property Survey
                        </a>
                    </div>
                </div>

                <div style="background: linear-gradient(135deg, #FF6600 0%, #ff8533 100%); padding: 30px; border-radius: 15px; text-align: center; color: white;">
                    <i class="fas fa-home" style="font-size: 36px; margin-bottom: 15px;"></i>
                    <h5 style="color: white; margin-bottom: 15px;">Ready for Your Period Property?</h5>
                    <p style="margin-bottom: 20px; opacity: 0.9;">Get a free professional property survey and quote for safe loft boarding.</p>
                    <a href="<?= $URLcorrection ?>contact" class="btn btn-light" style="border-radius: 25px; padding: 12px 25px; font-weight: 600;">
                        <i class="fas fa-phone"></i> Get Free Survey
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="padding-bottom-50 padding-top-50" style="background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%); position: relative;">
    <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('<?= $URLcorrection ?>media/background/lofte.jpg') center/cover; opacity: 0.1;"></div>
    <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;">Ready to Transform Your Period Property Loft?</h2>
                <p style="font-size: 20px; margin-bottom: 30px; opacity: 0.9;">Join hundreds of satisfied Victorian and Edwardian homeowners across the North East</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 style="color: white; margin: 0; font-weight: bold;">800+</h4>
                            <small style="color: white; opacity: 0.8;">Period Properties</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 style="color: white; margin: 0; font-weight: bold;">Zero</h4>
                            <small style="color: white; opacity: 0.8;">Ceiling Loading</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 style="color: white; margin: 0; font-weight: bold;">15+ Years</h4>
                            <small style="color: white; opacity: 0.8;">Experience</small>
                        </div>
                    </div>
                </div>

                <div class="mt-4 mb-4">
                    <a href="<?= $URLcorrection ?>contact" class="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-home"></i> Get Free Property Survey & Quote
                    </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;">No Obligation</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;">Period Property Experts</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;">Ceiling Protection</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>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
    function toggleFAQ(targetId, element) {
        const target = document.getElementById(targetId);
        const icon = element.querySelector('.faq-icon');
        const isExpanded = target.classList.contains('show');

        // Close all other FAQ items
        const allFAQs = document.querySelectorAll('.collapse');
        const allIcons = document.querySelectorAll('.faq-icon');

        allFAQs.forEach(faq => {
            if (faq.id !== targetId) {
                faq.classList.remove('show');
            }
        });

        allIcons.forEach(ico => {
            if (ico !== icon) {
                ico.style.transform = 'rotate(0deg)';
                ico.classList.remove('fa-minus-circle');
                ico.classList.add('fa-plus-circle');
            }
        });

        // Toggle the clicked FAQ
        if (isExpanded) {
            target.classList.remove('show');
            icon.style.transform = 'rotate(0deg)';
            icon.classList.remove('fa-minus-circle');
            icon.classList.add('fa-plus-circle');
        } else {
            target.classList.add('show');
            icon.style.transform = 'rotate(45deg)';
            icon.classList.remove('fa-plus-circle');
            icon.classList.add('fa-minus-circle');
        }
    }

    // Initialize first FAQ as open
    document.addEventListener('DOMContentLoaded', function() {
        const firstIcon = document.querySelector('#ofaq1').previousElementSibling.querySelector('.faq-icon');
        if (firstIcon) {
            firstIcon.style.transform = 'rotate(45deg)';
            firstIcon.classList.remove('fa-plus-circle');
            firstIcon.classList.add('fa-minus-circle');
        }
    });
</script>


<?php

include_once $URLcorrection . 'includes/footer.php';

?>