Spaces:
Running
Running
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Montreal Plumbing Pros | Expert Plumbing Services in Montreal</title> | |
| <meta name="description" content="Trusted Montreal plumbers offering professional drain cleaning, water heater services, toilet repairs, emergency plumbing, pipe repair, and bathroom remodeling."> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#0066cc', | |
| secondary: '#003366', | |
| accent: '#ff6600', | |
| light: '#f8f9fa', | |
| dark: '#212529', | |
| }, | |
| fontFamily: { | |
| sans: ['Roboto', 'sans-serif'], | |
| heading: ['Montserrat', 'sans-serif'], | |
| }, | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| /* Custom CSS */ | |
| .hero-service { | |
| position: relative; | |
| height: 50vh; | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .hero-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(0, 0, 0, 0.6); | |
| } | |
| .service-content { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .breadcrumb { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding: 0.75rem 1rem; | |
| margin-bottom: 1rem; | |
| list-style: none; | |
| background-color: #f8f9fa; | |
| border-radius: 0.25rem; | |
| } | |
| .breadcrumb-item + .breadcrumb-item::before { | |
| float: left; | |
| padding-right: 0.5rem; | |
| color: #6c757d; | |
| content: "/"; | |
| } | |
| .breadcrumb-item.active { | |
| color: #6c757d; | |
| } | |
| .service-nav-link { | |
| position: relative; | |
| display: inline-block; | |
| padding: 0.5rem 1rem; | |
| transition: all 0.3s ease; | |
| } | |
| .service-nav-link::after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 0; | |
| height: 3px; | |
| background-color: #ff6600; | |
| transition: width 0.3s ease; | |
| } | |
| .service-nav-link:hover::after { | |
| width: 100%; | |
| } | |
| .service-nav-link.active { | |
| font-weight: 600; | |
| color: #0066cc; | |
| } | |
| .service-nav-link.active::after { | |
| width: 100%; | |
| } | |
| /* Animation for content */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.8s ease-out forwards; | |
| } | |
| /* FAQ item */ | |
| .faq-item { | |
| margin-bottom: 1rem; | |
| border: 1px solid #e2e8f0; | |
| border-radius: 0.5rem; | |
| overflow: hidden; | |
| } | |
| .faq-question { | |
| padding: 1rem; | |
| background-color: #f8fafc; | |
| cursor: pointer; | |
| transition: background-color 0.3s; | |
| } | |
| .faq-question:hover { | |
| background-color: #f1f5f9; | |
| } | |
| .faq-answer { | |
| padding: 0 1rem; | |
| max-height: 0; | |
| overflow: hidden; | |
| transition: max-height 0.3s ease, padding 0.3s ease; | |
| } | |
| .faq-item.active .faq-answer { | |
| padding: 1rem; | |
| max-height: 500px; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans bg-light"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-md fixed w-full z-50"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="mr-2 text-primary text-3xl"> | |
| <i class="fas fa-tools"></i> | |
| </div> | |
| <a href="#home" class="text-2xl font-bold text-primary"> | |
| <span class="text-secondary">Montreal</span> Plumbing Pros | |
| </a> | |
| </div> | |
| <div class="hidden md:flex space-x-6 items-center"> | |
| <a href="#home" class="nav-link text-dark hover:text-accent transition">Home</a> | |
| <div class="relative group"> | |
| <button class="flex items-center text-dark hover:text-accent transition"> | |
| Services <i class="fas fa-chevron-down ml-1 text-xs"></i> | |
| </button> | |
| <div class="absolute left-0 mt-2 w-48 bg-white shadow-lg rounded-md z-10 hidden group-hover:block transition"> | |
| <a href="#drain-cleaning" class="block px-4 py-2 text-dark hover:bg-gray-100">Drain Cleaning</a> | |
| <a href="#water-heaters" class="block px-4 py-2 text-dark hover:bg-gray-100">Water Heaters</a> | |
| <a href="#toilet-repair" class="block px-4 py-2 text-dark hover:bg-gray-100">Toilet Repair</a> | |
| <a href="#emergency-plumbing" class="block px-4 py-2 text-dark hover:bg-gray-100">Emergency Plumbing</a> | |
| <a href="#pipe-repair" class="block px-4 py-2 text-dark hover:bg-gray-100">Pipe Repair</a> | |
| <a href="#bathroom-remodeling" class="block px-4 py-2 text-dark hover:bg-gray-100">Bathroom Remodeling</a> | |
| </div> | |
| </div> | |
| <a href="#about" class="nav-link text-dark hover:text-accent transition">About</a> | |
| <a href="#testimonials" class="nav-link text-dark hover:text-accent transition">Testimonials</a> | |
| <a href="#contact" class="nav-link text-dark hover:text-accent transition">Contact</a> | |
| <a href="tel:5145551234" class="bg-accent text-white px-4 py-2 rounded-lg hover:bg-orange-700 transition flex items-center"> | |
| <i class="fas fa-phone mr-2"></i> (514) 555-1234 | |
| </a> | |
| </div> | |
| <button id="menu-toggle" class="md:hidden text-2xl text-dark"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg absolute w-full z-50 mt-12"> | |
| <div class="container mx-auto px-4 py-3 flex flex-col"> | |
| <a href="#home" class="py-2 text-dark hover:text-accent">Home</a> | |
| <details class="mb-2"> | |
| <summary class="py-2 text-dark hover:text-accent cursor-pointer">Services</summary> | |
| <div class="ml-4"> | |
| <a href="#drain-cleaning" class="block py-2 text-dark hover:text-accent">Drain Cleaning</a> | |
| <a href="#water-heaters" class="block py-2 text-dark hover:text-accent">Water Heaters</a> | |
| <a href="#toilet-repair" class="block py-2 text-dark hover:text-accent">Toilet Repair</a> | |
| <a href="#emergency-plumbing" class="block py-2 text-dark hover:text-accent">Emergency Plumbing</a> | |
| <a href="#pipe-repair" class="block py-2 text-dark hover:text-accent">Pipe Repair</a> | |
| <a href="#bathroom-remodeling" class="block py-2 text-dark hover:text-accent">Bathroom Remodeling</a> | |
| </div> | |
| </details> | |
| <a href="#about" class="py-2 text-dark hover:text-accent">About</a> | |
| <a href="#testimonials" class="py-2 text-dark hover:text-accent">Testimonials</a> | |
| <a href="#contact" class="py-2 text-dark hover:text-accent">Contact</a> | |
| <a href="tel:5145551234" class="bg-accent text-white px-4 py-2 rounded-lg hover:bg-orange-700 transition my-2 text-center"> | |
| <i class="fas fa-phone mr-2"></i> Call Now | |
| </a> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Home Page --> | |
| <section id="home" class="pt-24 pb-12"> | |
| <!-- Hero section would go here --> | |
| <div class="container mx-auto px-4"> | |
| <h1 class="text-3xl md:text-4xl font-bold text-center text-secondary mb-2">Montreal's Trusted Plumbing Professionals</h1> | |
| <p class="text-lg text-center text-dark max-w-3xl mx-auto mb-8">24/7 emergency services, residential and commercial plumbing solutions you can trust.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <h2 class="text-xl font-bold text-secondary mb-4">Our Services</h2> | |
| <ul class="space-y-2"> | |
| <li><a href="#drain-cleaning" class="text-primary hover:underline">Drain Cleaning Services</a></li> | |
| <li><a href="#water-heaters" class="text-primary hover:underline">Water Heater Installation & Repair</a></li> | |
| <li><a href="#toilet-repair" class="text-primary hover:underline">Toilet Repair & Replacement</a></li> | |
| <li><a href="#emergency-plumbing" class="text-primary hover:underline">24/7 Emergency Plumbing</a></li> | |
| <li><a href="#pipe-repair" class="text-primary hover:underline">Pipe Repair & Replacement</a></li> | |
| <li><a href="#bathroom-remodeling" class="text-primary hover:underline">Bathroom Remodeling Services</a></li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <h2 class="text-xl font-bold text-secondary mb-4">Service Areas</h2> | |
| <p class="mb-2">We proudly serve all of Montreal and surrounding areas:</p> | |
| <ul class="grid grid-cols-2 gap-2"> | |
| <li>• Downtown Montreal</li> | |
| <li>• Plateau-Mont-Royal</li> | |
| <li>• Ville-Marie</li> | |
| <li>• Outremont</li> | |
| <li>• Verdun</li> | |
| <li>• Anjou</li> | |
| <li>• Lasalle</li> | |
| <li>• Saint-Laurent</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <h2 class="text-xl font-bold text-secondary mb-4">Contact Us</h2> | |
| <p class="mb-4">Need plumbing help? Call us anytime for immediate service.</p> | |
| <a href="tel:5145551234" class="bg-accent hover:bg-orange-700 text-white px-6 py-3 rounded-lg font-semibold transition inline-flex items-center w-full justify-center mb-4"> | |
| <i class="fas fa-phone mr-2"></i> (514) 555-1234 | |
| </a> | |
| <p class="text-sm">24/7 emergency service available</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Service Pages --> | |
| <!-- Drain Cleaning Service --> | |
| <section id="drain-cleaning" class="py-12 bg-gray-50"> | |
| <div class="hero-service" style="background-image: url('https://images.unsplash.com/photo-1623178792125-4274c1b55e2b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')"> | |
| <div class="hero-overlay"></div> | |
| <div class="service-content flex items-center justify-center h-full text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Professional Drain Cleaning Services in Montreal</h1> | |
| <div class="w-32 h-1 bg-accent mx-auto mb-8"></div> | |
| <p class="text-xl md:text-2xl max-w-3xl mx-auto">Fast, effective solutions for clogged drains and pipes with the latest hydro-jetting technology.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container mx-auto px-4 pt-12"> | |
| <nav class="breadcrumb bg-gray-100 rounded-md"> | |
| <a href="#home" class="text-primary hover:underline">Home</a> | |
| <span class="text-gray-500">/ Drain Cleaning Services</span> | |
| </nav> | |
| <div class="flex flex-col lg:flex-row gap-12 mt-8"> | |
| <div class="lg:w-3/4"> | |
| <h2 class="text-3xl font-bold text-secondary mb-6">Expert Drain Cleaning in Montreal</h2> | |
| <p class="text-lg mb-6">Clogged drains can lead to serious plumbing issues if left untreated. At Montreal Plumbing Pros, we provide comprehensive drain cleaning services using state-of-the-art equipment to effectively remove blockages and prevent future clogs.</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-4xl mb-4"> | |
| <i class="fas fa-shower"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-secondary mb-3">Common Causes of Drain Clogs</h3> | |
| <ul class="list-disc pl-5 space-y-2 text-dark"> | |
| <li>Hair accumulation in bathroom drains</li> | |
| <li>Grease and food waste in kitchen pipes</li> | |
| <li>Mineral deposits from hard water</li> | |
| <li>Tree root intrusion in sewer lines</li> | |
| <li>Foreign objects flushed down toilets</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-4xl mb-4"> | |
| <i class="fas fa-tools"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-secondary mb-3">Our Drain Cleaning Methods</h3> | |
| <ul class="list-disc pl-5 space-y-2 text-dark"> | |
| <li><strong>Hydro-jetting:</strong> High-pressure water blasting</li> | |
| <li><strong>Drain snaking:</strong> Mechanical removal of blockages</li> | |
| <li><strong>Camera inspection:</strong> Identify exact blockage locations</li> | |
| <li><strong>Eco-friendly solutions:</strong> Safe for pipes and environment</li> | |
| <li><strong>Preventative maintenance:</strong> Regular cleaning schedules</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">When to Call a Professional Drain Cleaner</h3> | |
| <p class="mb-6">While minor clogs can sometimes be cleared with a plunger, you should call our Montreal drain cleaning professionals if you notice:</p> | |
| <ul class="list-disc pl-5 space-y-2 mb-8 text-dark"> | |
| <li>Multiple drains backing up simultaneously</li> | |
| <li>Slow draining that persists after DIY attempts</li> | |
| <li>Foul odors coming from your drains</li> | |
| <li>Gurgling sounds from your pipes</li> | |
| <li>Water backing up into tubs or showers</li> | |
| <li>Frequent clogs in the same location</li> | |
| </ul> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Our Drain Cleaning Process</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> | |
| <div class="bg-primary text-white rounded-full w-12 h-12 flex items-center justify-center mx-auto mb-4 text-xl font-bold">1</div> | |
| <h4 class="font-bold mb-2 text-secondary">Inspection</h4> | |
| <p class="text-sm">We use specialized cameras to inspect pipes and identify blockage locations.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> | |
| <div class="bg-primary text-white rounded-full w-12 h-12 flex items-center justify-center mx-auto mb-4 text-xl font-bold">2</div> | |
| <h4 class="font-bold mb-2 text-secondary">Cleaning</h4> | |
| <p class="text-sm">Our technicians select the best method for your specific drain issue.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> | |
| <div class="bg-primary text-white rounded-full w-12 h-12 flex items-center justify-center mx-auto mb-4 text-xl font-bold">3</div> | |
| <h4 class="font-bold mb-2 text-secondary">Verification</h4> | |
| <p class="text-sm">Post-cleaning inspection ensures all blockages are completely removed.</p> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Drain Cleaning FAQ</h3> | |
| <div class="space-y-4"> | |
| <div class="faq-item"> | |
| <div class="faq-question flex justify-between items-center"> | |
| <span>How often should I have my drains professionally cleaned?</span> | |
| <i class="fas fa-plus"></i> | |
| </div> | |
| <div class="faq-answer"> | |
| <p>Most residential properties benefit from professional drain cleaning every 12-18 months. However, homes with older plumbing systems or frequent clogs may need service every 6-12 months.</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <div class="faq-question flex justify-between items-center"> | |
| <span>What's the difference between snaking and hydro-jetting?</span> | |
| <i class="fas fa-plus"></i> | |
| </div> | |
| <div class="faq-answer"> | |
| <p>Snaking uses a flexible metal cable to break up clogs, while hydro-jetting employs high-pressure water streams to thoroughly clean pipe interiors. Hydro-jetting is more comprehensive but requires properly conditioned pipes.</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <div class="faq-question flex justify-between items-center"> | |
| <span>Can I prevent drain clogs?</span> | |
| <i class="fas fa-plus"></i> | |
| </div> | |
| <div class="faq-answer"> | |
| <p>Yes! We recommend using drain screens, avoiding pouring grease down drains, regularly flushing drains with hot water, and scheduling preventative maintenance cleanings.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="lg:w-1/4"> | |
| <div class="bg-white p-6 rounded-lg shadow-md sticky top-24"> | |
| <h3 class="text-xl font-bold text-secondary mb-4">Service Request</h3> | |
| <form class="space-y-4"> | |
| <div> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">Your Name*</label> | |
| <input type="text" class="w-full px-4 py-2 border rounded-lg focus:ring-primary focus:border-primary"> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">Phone*</label> | |
| <input type="tel" class="w-full px-4 py-2 border rounded-lg focus:ring-primary focus:border-primary"> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">Email</label> | |
| <input type="email" class="w-full px-4 py-2 border rounded-lg focus:ring-primary focus:border-primary"> | |
| </div> | |
| <div> | |
| <label class="block text-sm font-medium text-gray-700 mb-1">Service Needed</label> | |
| <select class="w-full px-4 py-2 border rounded-lg focus:ring-primary focus:border-primary"> | |
| <option>Drain Cleaning</option> | |
| <option>Emergency Drain Service</option> | |
| <option>Preventative Maintenance</option> | |
| </select> | |
| </div> | |
| <button type="submit" class="w-full bg-primary hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition"> | |
| Request Service | |
| </button> | |
| </form> | |
| <div class="mt-6"> | |
| <h3 class="text-xl font-bold text-secondary mb-2">Service Hours</h3> | |
| <p class="text-sm">24/7 Emergency Drain Service Available</p> | |
| <div class="mt-2 p-3 bg-gray-100 rounded-lg"> | |
| <a href="tel:5145551234" class="flex items-center text-accent font-semibold"> | |
| <i class="fas fa-phone mr-2"></i> (514) 555-1234 | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Water Heater Service --> | |
| <section id="water-heaters" class="py-12 bg-gray-50"> | |
| <div class="hero-service" style="background-image: url('https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')"> | |
| <div class="hero-overlay"></div> | |
| <div class="service-content flex items-center justify-center h-full text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Water Heater Installation & Repair in Montreal</h1> | |
| <div class="w-32 h-1 bg-accent mx-auto mb-8"></div> | |
| <p class="text-xl md:text-2xl max-w-3xl mx-auto">Expert installation, repair, and maintenance for all types of water heaters - tank, tankless, electric, and gas.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container mx-auto px-4 pt-12"> | |
| <nav class="breadcrumb bg-gray-100 rounded-md"> | |
| <a href="#home" class="text-primary hover:underline">Home</a> | |
| <span class="text-gray-500">/ Water Heater Services</span> | |
| </nav> | |
| <div class="mt-8"> | |
| <h2 class="text-3xl font-bold text-secondary mb-6">Comprehensive Water Heater Services in Montreal</h2> | |
| <p class="text-lg mb-6">Your water heater is essential for daily comfort. Whether you need repairs, maintenance, or a complete replacement, our licensed Montreal plumbers have the expertise to handle all types of water heaters for residential and commercial properties.</p> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Water Heater Repair Services</h3> | |
| <p class="mb-6">Common water heater problems we address:</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-fire"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">No Hot Water</h4> | |
| <ul class="list-disc pl-5 text-sm"> | |
| <li>Thermostat issues</li> | |
| <li>Failed heating elements</li> | |
| <li>Gas supply problems</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-tint-slash"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Leaking Tank</h4> | |
| <ul class="list-disc pl-5 text-sm"> | |
| <li>Tank corrosion</li> | |
| <li>Faulty valves</li> | |
| <li>Pressure issues</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-volume-up"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Strange Noises</h4> | |
| <ul class="list-disc pl-5 text-sm"> | |
| <li>Sediment buildup</li> | |
| <li>Overheating</li> | |
| <li>Expanding metal</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Water Heater Installation</h3> | |
| <p class="mb-4">Our professional installation services include:</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Tank Water Heaters</h4> | |
| <p>Traditional water heaters with storage tanks in various capacities from 30-80+ gallons.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Tankless Water Heaters</h4> | |
| <p>Energy-efficient on-demand systems that provide endless hot water.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Hybrid Heat Pump</h4> | |
| <p>Combines heat pump technology with traditional heating for maximum efficiency.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Commercial Water Heaters</h4> | |
| <p>High-capacity systems for restaurants, laundromats, and other businesses.</p> | |
| </div> | |
| </div> | |
| <div class="bg-primary text-white p-6 rounded-lg mb-8"> | |
| <h4 class="text-xl font-bold mb-4">When to Replace Your Water Heater</h4> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Age: More than 8-12 years old (gas) or 10-15 years (electric)</li> | |
| <li>Frequent repairs needed</li> | |
| <li>Rusty water coming from hot taps</li> | |
| <li>Visible leaks around the tank</li> | |
| <li>Not enough hot water for household needs</li> | |
| <li>Rising energy bills</li> | |
| </ul> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Water Heater Maintenance</h3> | |
| <p class="mb-4">Regular maintenance can extend your water heater's lifespan by years. Our professional maintenance services include:</p> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white p-4 rounded-lg shadow-md text-center"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-faucet"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Tank Flushing</h4> | |
| <p>Removes sediment buildup to improve efficiency and prevent corrosion.</p> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-md text-center"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-wrench"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Anode Rod Inspection</h4> | |
| <p>Checking and replacing the sacrificial anode rod when needed.</p> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-md text-center"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Full System Check</h4> | |
| <p>Pressure relief valve, thermostat, heating elements, and all connections.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md mb-8"> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Water Heater FAQ</h3> | |
| <div class="space-y-4"> | |
| <div class="faq-item"> | |
| <div class="faq-question flex justify-between items-center"> | |
| <span>How long does a water heater last?</span> | |
| <i class="fas fa-plus"></i> | |
| </div> | |
| <div class="faq-answer"> | |
| <p>The average lifespan is 8-12 years for gas models and 10-15 years for electric. Tankless water heaters can last 20+ years with proper maintenance.</p> | |
| </div> | |
| </div> | |
| <div class="faq-item"> | |
| <div class="faq-question flex justify-between items-center"> | |
| <span>Should I repair or replace my water heater?</span> | |
| <i class="fas fa-plus"></i> | |
| </div> | |
| <div class="faq-answer"> | |
| <p>Consider replacement if repair costs exceed 50% of a new unit's price, if the heater is near or past its expected lifespan, or if it's becoming inefficient.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Toilet Repair Service --> | |
| <section id="toilet-repair" class="py-12 bg-gray-50"> | |
| <div class="hero-service" style="background-image: url('https://images.unsplash.com/photo-1555854876-bf3f1cf113b0?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')"> | |
| <div class="hero-overlay"></div> | |
| <div class="service-content flex items-center justify-center h-full text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Toilet Repair & Replacement in Montreal</h1> | |
| <div class="w-32 h-1 bg-accent mx-auto mb-8"></div> | |
| <p class="text-xl md:text-2xl max-w-3xl mx-auto">Fast, reliable toilet repairs and installations to keep your bathroom functioning properly.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container mx-auto px-4 pt-12"> | |
| <nav class="breadcrumb bg-gray-100 rounded-md"> | |
| <a href="#home" class="text-primary hover:underline">Home</a> | |
| <span class="text-gray-500">/ Toilet Repair Services</span> | |
| </nav> | |
| <div class="mt-8"> | |
| <h2 class="text-3xl font-bold text-secondary mb-6">Professional Toilet Services in Montreal</h2> | |
| <p class="text-lg mb-6">From minor repairs to complete toilet replacements, our licensed Montreal plumbers can handle all your toilet-related needs with professional service that respects your home and schedule.</p> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Common Toilet Problems We Repair</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-tint"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Continuous Running</h4> | |
| <p>Fixes for flapper valve issues, fill valve problems, and overflow tube adjustments.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-tint-slash"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Clogged Toilets</h4> | |
| <p>Professional unclogging that's safe for your pipes and more effective than plungers.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-diagnoses"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Leaking Toilets</h4> | |
| <p>Identifying and repairing leaks at the base, tank, or supply line connections.</p> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Complete Toilet Replacement</h3> | |
| <p class="mb-6">When repair isn't cost-effective or you want an upgrade, our toilet installation services include:</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Toilet Selection Assistance</h4> | |
| <p>Helping choose the right model for your needs, space, and water efficiency goals.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Safe Removal of Old Toilet</h4> | |
| <p>Professional removal and proper disposal of your existing toilet.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Flange Inspection & Repair</h4> | |
| <p>Ensuring the toilet flange is in good condition before installing the new toilet.</p> | |
| </div> | |
| <div class="border-l-4 border-primary pl-4 py-2"> | |
| <h4 class="font-bold mb-1 text-secondary">Precision Installation</h4> | |
| <p>Proper leveling, sealing, and connection to prevent leaks and ensure stability.</p> | |
| </div> | |
| </div> | |
| <div class="bg-primary text-white p-6 rounded-lg mb-8"> | |
| <h3 class="text-xl font-bold mb-4">Signs You Need Toilet Repair or Replacement</h3> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Frequent clogs that don't clear with plunging</li> | |
| <li>Constant running water sound from the tank</li> | |
| <li>Water pooling around the toilet base</li> | |
| <li>Toilet rocks when sat on</li> | |
| <li>Cracks in the porcelain</li> | |
| <li>Old toilet (15+ years) using excessive water</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Emergency Plumbing Service --> | |
| <section id="emergency-plumbing" class="py-12 bg-gray-50"> | |
| <div class="hero-service" style="background-image: url('https://images.unsplash.com/photo-1612965698003-5641c24929ed?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')"> | |
| <div class="hero-overlay"></div> | |
| <div class="service-content flex items-center justify-center h-full text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">24/7 Emergency Plumbing in Montreal</h1> | |
| <div class="w-32 h-1 bg-accent mx-auto mb-8"></div> | |
| <p class="text-xl md:text-2xl max-w-3xl mx-auto">Available around the clock for urgent plumbing issues that can't wait.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container mx-auto px-4 pt-12"> | |
| <nav class="breadcrumb bg-gray-100 rounded-md"> | |
| <a href="#home" class="text-primary hover:underline">Home</a> | |
| <span class="text-gray-500">/ Emergency Plumbing Services</span> | |
| </nav> | |
| <div class="mt-8"> | |
| <h2 class="text-3xl font-bold text-secondary mb-6">Immediate Emergency Plumbing Response in Montreal</h2> | |
| <p class="text-lg mb-8">Plumbing emergencies don't wait for business hours. That's why we offer 24/7 emergency service throughout Montreal and surrounding areas for urgent plumbing issues that require immediate attention.</p> | |
| <div class="bg-white p-6 rounded-lg shadow-md mb-8"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 flex justify-center mb-6 md:mb-0"> | |
| <div class="text-8xl text-accent"> | |
| <i class="fas fa-exclamation-triangle"></i> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Immediate Assistance Available</h3> | |
| <ul class="list-disc pl-5 space-y-2 text-dark"> | |
| <li>24/7 availability - day or night</li> | |
| <li>Quick response times throughout Montreal</li> | |
| <li>Licensed emergency plumbers</li> | |
| <li>Fully equipped service vehicles</li> | |
| <li>Honest, upfront pricing</li> | |
| </ul> | |
| <div class="mt-6"> | |
| <a href="tel:5145551234" class="bg-accent hover:bg-orange-700 text-white px-6 py-3 rounded-lg text-lg font-semibold transition inline-flex items-center"> | |
| <i class="fas fa-phone mr-2"></i> Call for Emergency Service | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-bold text-secondary mb-4">Common Plumbing Emergencies We Handle</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-flood"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Burst Pipes</h4> | |
| <p>Fast response to minimize water damage from burst or leaking pipes.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-water"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">Sewage Backups</h4> | |
| <p>Dangerous and unsanitary situations requiring immediate attention.</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | |
| <div class="text-primary text-3xl mb-3"> | |
| <i class="fas fa-tint-slash"></i> | |
| </div> | |
| <h4 class="font-bold mb-2 text-secondary">No Water</h4> | |
| <p>Diagnosing and restoring water supply issues in your home.</p> | |
| </div> | |
| </div> | |
| <div class="bg-primary text-white p-6 rounded-lg mb-8"> | |
| <h3 class="text-xl font-bold mb-4">What to Do in a Plumbing Emergency</h3> | |
| <ol class="list-decimal pl-5 space-y-2"> | |
| <li><strong>Shut off the water:</strong> Locate and turn off the main water valve to your home.</li> | |
| <li><strong>Turn off water heater:</strong> For gas heaters, turn the thermostat to "pilot."</li> | |
| <li><strong>Contain leaks:</strong> Use buckets and towels to contain water if possible.</li> | |
| <li><strong>Call us immediately:</strong> Don't wait - the sooner we respond, the less damage may occur.</li> | |
| <li><strong>Document damage:</strong> Take photos for insurance claims if applicable.</li> | |
| </ | |
| </html> |