<!DOCTYPE html >
< html lang = "en-GB" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "description" content = "Icon Installations Ltd - Specialists in Lift & Escalator Services and Commercial Electrical Installations. Serving the UK with over 20 years of experience." >
< title > Icon Installations Ltd | Lift Services & Electrical Specialists </ title >
<!-- Tailwind CSS -->
< script src = "https://cdn.tailwindcss.com" ></ script >
<!-- Google Fonts -->
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel = "stylesheet" >
<!-- Font Awesome -->
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" >
< script >
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: [ 'Inter' , 'sans-serif' ],
},
colors: {
icon: {
blue: '#0056b3' , /* Classic corporate blue */
dark: '#1a1a1a' ,
light: '#f4f4f4' ,
accent: '#ffc107' , /* Warning yellow for industrial feel */
}
}
}
}
}
</ script >
< style >
.hero-overlay {
background: linear-gradient(rgba( 0 , 0 , 0 , 0.7 ) , rgba( 0 , 0 , 0 , 0.5 )) ;
}
.service-card {
transition: transform 0.3s ease , box-shadow 0.3s ease ;
}
.service-card:hover {
transform: translateY( -5px ) ;
box-shadow: 0 10px 25px -5px rgba( 0 , 0 , 0 , 0.1 ) , 0 8px 10px -6px rgba( 0 , 0 , 0 , 0.1 ) ;
}
</ style >
</ head >
< body class = "font-sans text-gray-800 antialiased" >
<!-- Top Bar -->
< div class = "bg-icon-dark text-gray-300 py-2 text-sm" >
< div class = "container mx-auto px-6 flex justify-between items-center flex-col md:flex-row" >
< div class = "flex items-center space-x-4 mb-2 md:mb-0" >
< span >< i class = "fas fa-phone-alt text-icon-accent mr-2" ></ i > 02476 375376 </ span >
< span class = "hidden md:inline" > | </ span >
< span >< i class = "fas fa-envelope text-icon-accent mr-2" ></ i > info@iconinstallations.co.uk </ span >
</ div >
< div class = "flex items-center space-x-4" >
< span >< i class = "fas fa-map-marker-alt text-icon-accent mr-2" ></ i > Nuneaton, Warwickshire </ span >
< span class = "font-semibold text-white bg-icon-blue px-2 py-0.5 rounded text-xs" > NICEIC Approved </ span >
</ div >
</ div >
</ div >
<!-- Navigation -->
< nav class = "bg-white shadow-md sticky top-0 z-50" >
< div class = "container mx-auto px-6 py-4" >
< div class = "flex justify-between items-center" >
<!-- Logo Area -->
< a href = "#" class = "flex items-center group" >
< div class = "bg-icon-blue text-white p-2 rounded-sm font-bold text-2xl mr-2 group-hover:bg-icon-dark transition" >
II
</ div >
< div class = "flex flex-col" >
< span class = "text-xl font-bold text-icon-dark leading-none" > ICON </ span >
< span class = "text-sm font-medium text-gray-500 tracking-widest leading-none" > INSTALLATIONS LTD </ span >
</ div >
</ a >
<!-- Desktop Menu -->
< div class = "hidden md:flex space-x-8 font-medium" >
< a href = "#home" class = "text-icon-blue hover:text-icon-dark transition" > Home </ a >
< a href = "#lift-services" class = "text-gray-600 hover:text-icon-blue transition" > Lift & Escalators </ a >
< a href = "#electrical" class = "text-gray-600 hover:text-icon-blue transition" > Electrical </ a >
< a href = "#about" class = "text-gray-600 hover:text-icon-blue transition" > About </ a >
< a href = "#contact" class = "px-5 py-2 bg-icon-blue text-white rounded hover:bg-blue-700 transition" > Contact Us </ a >
</ div >
<!-- Mobile Menu Button -->
< button class = "md:hidden text-gray-600 focus:outline-none" onclick = "document.getElementById('mobile-menu').classList.toggle('hidden')" >
< i class = "fas fa-bars text-2xl" ></ i >
</ button >
</ div >
</ div >
<!-- Mobile Menu -->
< div id = "mobile-menu" class = "hidden md:hidden bg-gray-50 border-t" >
< a href = "#home" class = "block px-6 py-3 text-gray-700 hover:bg-gray-100" > Home </ a >
< a href = "#lift-services" class = "block px-6 py-3 text-gray-700 hover:bg-gray-100" > Lift & Escalator Services </ a >
< a href = "#electrical" class = "block px-6 py-3 text-gray-700 hover:bg-gray-100" > Electrical Services </ a >
< a href = "#about" class = "block px-6 py-3 text-gray-700 hover:bg-gray-100" > About Us </ a >
< a href = "#contact" class = "block px-6 py-3 text-icon-blue font-bold hover:bg-gray-100" > Contact Us </ a >
</ div >
</ nav >
<!-- Hero Section -->
< header id = "home" class = "relative h-[600px] flex items-center bg-gray-900 text-white overflow-hidden" >
<!-- Background Image -->
< div class = "absolute inset-0 z-0" >
<!-- Using a high quality Unsplash image of a modern escalator/architecture -->
< img src = "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt = "Modern escalator and lift environment" class = "w-full h-full object-cover opacity-60" >
</ div >
< div class = "container mx-auto px-6 relative z-10" >
< div class = "max-w-3xl" >
< div class = "inline-block bg-icon-accent text-icon-dark font-bold px-3 py-1 mb-4 text-sm rounded uppercase tracking-wide" >
Expanding Our Expertise
</ div >
< h1 class = "text-4xl md:text-6xl font-extrabold leading-tight mb-6" >
Elevating Standards in < br >
< span class = "text-blue-400" > Lift Services </ span > & Electrical Excellence
</ h1 >
< p class = "text-xl text-gray-200 mb-8 leading-relaxed" >
Icon Installations Ltd combines 20+ years of electrical expertise with comprehensive lift and escalator support solutions. From shaft lighting to site hoardings, we keep the UK moving.
</ p >
< div class = "flex flex-col sm:flex-row gap-4" >
< a href = "#lift-services" class = "px-8 py-4 bg-icon-blue text-white font-bold rounded text-center hover:bg-blue-700 transition shadow-lg transform hover:-translate-y-1" >
View Lift Services
</ a >
< a href = "#contact" class = "px-8 py-4 bg-white text-icon-dark font-bold rounded text-center hover:bg-gray-100 transition shadow-lg" >
Request a Quote
</ a >
</ div >
</ div >
</ div >
</ header >
<!-- Introduction / Growth Statement -->
< section class = "py-16 bg-white border-b" >
< div class = "container mx-auto px-6 text-center max-w-4xl" >
< h2 class = "text-3xl font-bold text-icon-dark mb-6" > Building on a Foundation of Excellence </ h2 >
< p class = "text-gray-600 text-lg leading-relaxed" >
Since 2001, Icon Installations has been a trusted partner for commercial and industrial electrical works.
As our clients' needs have grown, so have we. We are proud to announce our expanded division dedicated to
< strong > Lift & Escalator Support Services </ strong > , providing the same high-quality, NICEIC-approved workmanship
to lift manufacturers, facilities managers, and building owners across the UK.
</ p >
</ div >
</ section >
<!-- NEW SECTION: Lift & Escalator Services -->
< section id = "lift-services" class = "py-20 bg-gray-50" >
< div class = "container mx-auto px-6" >
< div class = "text-center mb-16" >
< span class = "text-icon-blue font-bold tracking-wider uppercase" > Our New Specialists </ span >
< h2 class = "text-4xl font-bold text-icon-dark mt-2" > Lift & Escalator Services </ h2 >
< div class = "w-24 h-1 bg-icon-accent mx-auto mt-4" ></ div >
</ div >
< div class = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" >
<!-- Service 1 -->
< div class = "service-card bg-white p-8 rounded-lg shadow-sm border border-gray-100" >
< div class = "w-14 h-14 bg-blue-100 text-icon-blue rounded-full flex items-center justify-center text-2xl mb-6" >
< i class = "fas fa-elevator" ></ i >
</ div >
< h3 class = "text-xl font-bold text-icon-dark mb-3" > Lift Shaft & Motor Room Electrics </ h3 >
< p class = "text-gray-600 mb-4" >
Comprehensive electrical installations for lift shafts and motor rooms. We handle shaft lighting, trunking, switching, and power supplies to current BS7671 standards.
</ p >
< ul class = "text-sm text-gray-500 space-y-2" >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Full Rewires & Upgrades </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Pit Power & Lighting </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Motor Room Distribution Boards </ li >
</ ul >
</ div >
<!-- Service 2 -->
< div class = "service-card bg-white p-8 rounded-lg shadow-sm border border-gray-100" >
< div class = "w-14 h-14 bg-blue-100 text-icon-blue rounded-full flex items-center justify-center text-2xl mb-6" >
< i class = "fas fa-tools" ></ i >
</ div >
< h3 class = "text-xl font-bold text-icon-dark mb-3" > Ancillary Building Works </ h3 >
< p class = "text-gray-600 mb-4" >
Supporting lift modernisations with essential building works. We ensure the environment is ready for installation and finished to perfection.
</ p >
< ul class = "text-sm text-gray-500 space-y-2" >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Making Good after Removal </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Painting & Decoration </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Core Drilling & Apertures </ li >
</ ul >
</ div >
<!-- Service 3 -->
< div class = "service-card bg-white p-8 rounded-lg shadow-sm border border-gray-100" >
< div class = "w-14 h-14 bg-blue-100 text-icon-blue rounded-full flex items-center justify-center text-2xl mb-6" >
< i class = "fas fa-hard-hat" ></ i >
</ div >
< h3 class = "text-xl font-bold text-icon-dark mb-3" > Specialist Site Hoardings </ h3 >
< p class = "text-gray-600 mb-4" >
Safety is paramount during lift works. We design and install bespoke temporary hoardings to protect the public and your workforce during maintenance or installation.
</ p >
< ul class = "text-sm text-gray-500 space-y-2" >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Fire Rated Hoardings </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Escalator Barriers </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Secure Access Doors </ li >
</ ul >
</ div >
<!-- Service 4 -->
< div class = "service-card bg-white p-8 rounded-lg shadow-sm border border-gray-100" >
< div class = "w-14 h-14 bg-blue-100 text-icon-blue rounded-full flex items-center justify-center text-2xl mb-6" >
< i class = "fas fa-soap" ></ i >
</ div >
< h3 class = "text-xl font-bold text-icon-dark mb-3" > Pit Services & Cleaning </ h3 >
< p class = "text-gray-600 mb-4" >
Maintaining hygienic and safe lift environments. Our deep cleaning services remove oil, grease, and debris from lift pits and shafts.
</ p >
< ul class = "text-sm text-gray-500 space-y-2" >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Deep Cleaning & Degreasing </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Pit Waterproofing </ li >
< li >< i class = "fas fa-check text-icon-accent mr-2" ></ i > Painting (Oil Resistant) </ li >
</ ul >
</ div >
<!-- Service 5 -->
< div class = "service-card bg-white p-8 rounded-lg shadow-sm border border-gray-100" >
< div class = "w-14 h-14 bg-blue-100 text-icon-blue rounded-full flex items-center justify-center text-2xl mb-6" >
< i class = "fas fa-trash-alt" ></ i >
</ div >
< h3 class = "text-xl font-bold text-icon-dark mb-3" > Removal & Decommissioning </ h3 >
< p class = "text-gray-600 mb-4" >
Safe and certified removal of redundant lift and escalator equipment. We manage the strip-out process and waste disposal in compliance with environmental regulations.
</ p >
</ div >
<!-- Service 6 -->
< div class = "service-card bg-blue-600 text-white p-8 rounded-lg shadow-sm border border-blue-600 flex flex-col justify-center items-center text-center" >
< h3 class = "text-2xl font-bold mb-3" > Need a Bespoke Solution? </ h3 >
< p class = "mb-6 opacity-90" >
We work with major OEMs and independent lift companies to provide tailored support packages.
</ p >
< a href = "#contact" class = "inline-block px-6 py-3 bg-white text-blue-600 font-bold rounded hover:bg-gray-100 transition w-full" >
Contact Our Team
</ a >
</ div >
</ div >
</ div >
</ section >
<!-- CORE SECTOR: Electrical & Maintenance -->
< section id = "electrical" class = "py-20 bg-white" >
< div class = "container mx-auto px-6" >
< div class = "flex flex-col md:flex-row items-center gap-12" >
< div class = "w-full md:w-1/2" >
< div class = "relative rounded-lg overflow-hidden shadow-xl" >
<!-- Placeholder for Industrial Electrician Image -->
< img src = "https://images.unsplash.com/photo-1621905251189-08b45d6a269e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt = "Industrial Electrical Work" class = "w-full h-auto" >
< div class = "absolute bottom-0 left-0 bg-icon-blue text-white px-4 py-2 font-bold rounded-tr-lg" >
NICEIC Approved Contractors
</ div >
</ div >
</ div >
< div class = "w-full md:w-1/2" >
< span class = "text-icon-blue font-bold tracking-wider uppercase" > Our Core Business </ span >
< h2 class = "text-4xl font-bold text-icon-dark mt-2 mb-6" > Electrical Installations & Maintenance </ h2 >
< p class = "text-gray-600 mb-6 leading-relaxed" >
Electrical services remain the backbone of Icon Installations. Whether industrial or commercial, our team of qualified engineers delivers safe, efficient, and compliant electrical solutions.
</ p >
< div class = "space-y-4" >
< div class = "flex items-start" >
< div class = "flex-shrink-0 p-1" >
< i class = "fas fa-bolt text-icon-accent mt-1" ></ i >
</ div >
< div class = "ml-4" >
< h4 class = "text-lg font-bold text-icon-dark" > Commercial Installations </ h4 >
< p class = "text-gray-500 text-sm" > Full office fit-outs, lighting upgrades, and data cabling. </ p >
</ div >
</ div >
< div class = "flex items-start" >
< div class = "flex-shrink-0 p-1" >
< i class = "fas fa-clipboard-check text-icon-accent mt-1" ></ i >
</ div >
< div class = "ml-4" >
< h4 class = "text-lg font-bold text-icon-dark" > Inspection & Testing </ h4 >
< p class = "text-gray-500 text-sm" > EICR Condition Reports and compliance testing to keep your premises legal. </ p >
</ div >
</ div >
< div class = "flex items-start" >
< div class = "flex-shrink-0 p-1" >
< i class = "fas fa-industry text-icon-accent mt-1" ></ i >
</ div >
< div class = "ml-4" >
< h4 class = "text-lg font-bold text-icon-dark" > Industrial Maintenance </ h4 >
< p class = "text-gray-500 text-sm" > Three-phase machinery hookups, fault finding, and preventative maintenance. </ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ section >
<!-- Why Choose Us -->
< section id = "about" class = "py-16 bg-icon-dark text-white" >
< div class = "container mx-auto px-6" >
< div class = "grid grid-cols-1 md:grid-cols-4 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-gray-700" >
< div class = "p-4" >
< span class = "block text-4xl font-bold text-icon-accent mb-2" > 20+ </ span >
< span class = "text-gray-400" > Years Experience </ span >
</ div >
< div class = "p-4" >
< span class = "block text-4xl font-bold text-icon-accent mb-2" > 100% </ span >
< span class = "text-gray-400" > NICEIC Approved </ span >
</ div >
< div class = "p-4" >
< span class = "block text-4xl font-bold text-icon-accent mb-2" > UK </ span >
< span class = "text-gray-400" > Nationwide Coverage </ span >
</ div >
< div class = "p-4" >
< span class = "block text-4xl font-bold text-icon-accent mb-2" > 24/7 </ span >
< span class = "text-gray-400" > Commitment to Safety </ span >
</ div >
</ div >
</ div >
</ section >
<!-- CTA / Contact Section -->
< section id = "contact" class = "py-20 bg-white" >
< div class = "container mx-auto px-6" >
< div class = "bg-blue-50 rounded-2xl p-8 md:p-12 shadow-sm flex flex-col md:flex-row items-center justify-between" >
< div class = "mb-8 md:mb-0 md:w-1/2" >
< h2 class = "text-3xl font-bold text-icon-dark mb-4" > Ready to upgrade your infrastructure? </ h2 >
< p class = "text-gray-600 mb-6" >
Whether you need a comprehensive lift shaft fit-out or a commercial electrical inspection, our team is ready to help.
</ p >
< div class = "space-y-3" >
< p class = "flex items-center text-gray-700" >
< i class = "fas fa-phone-alt text-icon-blue w-8" ></ i >
< span class = "font-bold" > 02476 375376 </ span >
</ p >
< p class = "flex items-center text-gray-700" >
< i class = "fas fa-envelope text-icon-blue w-8" ></ i >
< span > info@iconinstallations.co.uk </ span >
</ p >
< p class = "flex items-center text-gray-700" >
< i class = "fas fa-map-marker-alt text-icon-blue w-8" ></ i >
< span > Unit 1, Example Industrial Estate, Nuneaton, CV11 5UB </ span >
</ p >
</ div >
</ div >
< div class = "w-full md:w-5/12" >
< form class = "bg-white p-6 rounded-lg shadow-md border border-gray-100" >
< div class = "mb-4" >
< label class = "block text-gray-700 text-sm font-bold mb-2" for = "name" > Name </ label >
< input class = "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:border-icon-blue" id = "name" type = "text" placeholder = "Your Name" >
</ div >
< div class = "mb-4" >
< label class = "block text-gray-700 text-sm font-bold mb-2" for = "email" > Email </ label >
< input class = "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:border-icon-blue" id = "email" type = "email" placeholder = "Your Email" >
</ div >
< div class = "mb-4" >
< label class = "block text-gray-700 text-sm font-bold mb-2" for = "service" > Service Required </ label >
< select class = "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:border-icon-blue" id = "service" >
< option > Lift / Escalator Services </ option >
< option > Electrical Installation </ option >
< option > Maintenance / Testing </ option >
< option > Other </ option >
</ select >
</ div >
< div class = "mb-6" >
< label class = "block text-gray-700 text-sm font-bold mb-2" for = "message" > Message </ label >
< textarea class = "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:border-icon-blue" id = "message" rows = "3" placeholder = "How can we help?" ></ textarea >
</ div >
< div class = "flex items-center justify-between" >
< button class = "bg-icon-blue hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full transition" type = "button" >
Send Enquiry
</ button >
</ div >
</ form >
</ div >
</ div >
</ div >
</ section >
<!-- Footer -->
< footer class = "bg-gray-800 text-gray-400 py-12" >
< div class = "container mx-auto px-6" >
< div class = "grid grid-cols-1 md:grid-cols-3 gap-8 mb-8" >
< div >
< h3 class = "text-white text-lg font-bold mb-4" > Icon Installations Ltd </ h3 >
< p class = "text-sm leading-relaxed mb-4" >
A premier provider of electrical and lift support services.
Dedicated to quality, safety, and efficiency for over two decades.
</ p >
< div class = "flex space-x-4" >
< a href = "#" class = "text-gray-400 hover:text-white transition" >< i class = "fab fa-linkedin fa-lg" ></ i ></ a >
< a href = "#" class = "text-gray-400 hover:text-white transition" >< i class = "fab fa-facebook fa-lg" ></ i ></ a >
</ div >
</ div >
< div >
< h3 class = "text-white text-lg font-bold mb-4" > Quick Links </ h3 >
< ul class = "space-y-2 text-sm" >
< li >< a href = "#home" class = "hover:text-icon-accent transition" > Home </ a ></ li >
< li >< a href = "#lift-services" class = "hover:text-icon-accent transition" > Lift & Escalator Services </ a ></ li >
< li >< a href = "#electrical" class = "hover:text-icon-accent transition" > Electrical Services </ a ></ li >
< li >< a href = "#" class = "hover:text-icon-accent transition" > Privacy Policy </ a ></ li >
</ ul >
</ div >
< div >
< h3 class = "text-white text-lg font-bold mb-4" > Accreditations </ h3 >
< div class = "flex items-center gap-4" >
<!-- Placeholders for Accreditation Logos -->
< div class = "bg-white p-2 rounded w-24 h-12 flex items-center justify-center" >
< span class = "text-gray-800 font-bold text-xs" > NICEIC </ span >
</ div >
< div class = "bg-white p-2 rounded w-24 h-12 flex items-center justify-center" >
< span class = "text-gray-800 font-bold text-xs" > CHAS </ span >
</ div >
</ div >
</ div >
</ div >
< div class = "border-t border-gray-700 pt-8 text-sm text-center" >
© 2024 Icon Installations Ltd. All Rights Reserved. Company Reg: 06442655.
</ div >
</ div >
</ footer >
</ body >
</ html >