| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Sydney Tiler - Wall & Floor Tiling Services | Leerberg Tiling</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| |
| .hero { |
| background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1600566752355-35792bedcfea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); |
| background-size: cover; |
| background-position: center; |
| background-repeat: no-repeat; |
| } |
| |
| .service-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
| } |
| |
| .testimonial-card { |
| transition: all 0.3s ease; |
| } |
| |
| .testimonial-card:hover { |
| transform: scale(1.02); |
| } |
| |
| .nav-link { |
| position: relative; |
| } |
| |
| .nav-link::after { |
| content: ''; |
| position: absolute; |
| width: 0; |
| height: 2px; |
| bottom: 0; |
| left: 0; |
| background-color: #3b82f6; |
| transition: width 0.3s ease; |
| } |
| |
| .nav-link:hover::after { |
| width: 100%; |
| } |
| |
| .active::after { |
| width: 100%; |
| } |
| |
| |
| .hamburger span { |
| display: block; |
| width: 25px; |
| height: 3px; |
| margin: 5px auto; |
| background-color: #fff; |
| transition: all 0.3s ease-in-out; |
| } |
| |
| .hamburger.active span:nth-child(1) { |
| transform: translateY(8px) rotate(45deg); |
| } |
| |
| .hamburger.active span:nth-child(2) { |
| opacity: 0; |
| } |
| |
| .hamburger.active span:nth-child(3) { |
| transform: translateY(-8px) rotate(-45deg); |
| } |
| </style> |
| </head> |
| <body class="font-sans bg-gray-50"> |
| |
| <header class="bg-blue-800 text-white shadow-lg sticky top-0 z-50"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center"> |
| <a href="index.html" class="text-2xl font-bold flex items-center"> |
| <i class="fas fa-tools mr-2"></i> |
| <span>Leerberg Tiling</span> |
| </a> |
| </div> |
| |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="index.html" class="nav-link active">Home</a> |
| <a href="services.html" class="nav-link">Services</a> |
| <a href="about.html" class="nav-link">About Us</a> |
| <a href="locations.html" class="nav-link">Locations</a> |
| <a href="contact.html" class="nav-link">Contact</a> |
| </nav> |
| |
| |
| <div class="md:hidden"> |
| <button id="menu-btn" class="hamburger focus:outline-none"> |
| <span></span> |
| <span></span> |
| <span></span> |
| </button> |
| </div> |
| </div> |
| |
| |
| <div id="mobile-menu" class="hidden md:hidden bg-blue-900 pb-4 px-4"> |
| <a href="index.html" class="block py-2 px-4 text-sm hover:bg-blue-800 rounded">Home</a> |
| <a href="services.html" class="block py-2 px-4 text-sm hover:bg-blue-800 rounded">Services</a> |
| <a href="about.html" class="block py-2 px-4 text-sm hover:bg-blue-800 rounded">About Us</a> |
| <a href="locations.html" class="block py-2 px-4 text-sm hover:bg-blue-800 rounded">Locations</a> |
| <a href="contact.html" class="block py-2 px-4 text-sm hover:bg-blue-800 rounded">Contact</a> |
| <div class="mt-2 pt-2 border-t border-blue-700"> |
| <a href="tel:98081824" class="block py-2 px-4 bg-blue-600 text-white text-center rounded-full font-semibold hover:bg-blue-700 transition"> |
| <i class="fas fa-phone mr-2"></i>Call Now |
| </a> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section class="hero text-white py-20 md:py-32"> |
| <div class="container mx-auto px-4"> |
| <div class="max-w-2xl"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Sydney's Most Experienced Tilers</h1> |
| <p class="text-xl md:text-2xl mb-6">Serving Families Since 1972</p> |
| <div class="bg-blue-700 inline-block px-4 py-2 rounded-lg mb-6"> |
| <p class="text-xl font-semibold"><i class="fas fa-phone mr-2"></i>Call 9808 1824</p> |
| </div> |
| <p class="text-lg mb-8">Professional wall and floor tiling services across all Sydney suburbs. Over 15,000 homes trusted us since 1972.</p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a href="contact.html" class="bg-white text-blue-800 font-bold py-3 px-6 rounded-full text-center hover:bg-gray-100 transition">Get Free Quote</a> |
| <a href="services.html" class="bg-transparent border-2 border-white text-white font-bold py-3 px-6 rounded-full text-center hover:bg-white hover:text-blue-800 transition">Our Services</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="bg-gray-100 py-8"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16"> |
| <div class="flex items-center"> |
| <i class="fas fa-calendar-check text-blue-600 text-3xl mr-3"></i> |
| <div> |
| <p class="font-bold text-lg">50+ Years</p> |
| <p class="text-gray-600">Experience</p> |
| </div> |
| </div> |
| <div class="flex items-center"> |
| <i class="fas fa-home text-blue-600 text-3xl mr-3"></i> |
| <div> |
| <p class="font-bold text-lg">15,000+</p> |
| <p class="text-gray-600">Homes Serviced</p> |
| </div> |
| </div> |
| <div class="flex items-center"> |
| <i class="fas fa-shield-alt text-blue-600 text-3xl mr-3"></i> |
| <div> |
| <p class="font-bold text-lg">Licensed</p> |
| <p class="text-gray-600">& Insured</p> |
| </div> |
| </div> |
| <div class="flex items-center"> |
| <i class="fas fa-thumbs-up text-blue-600 text-3xl mr-3"></i> |
| <div> |
| <p class="font-bold text-lg">Zero</p> |
| <p class="text-gray-600">Waterproofing Failures</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <main class="container mx-auto px-4 py-12"> |
| |
| <section class="mb-16"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Expert Tiling Services Sydney</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">For over half a century now, we've been helping families across Sydney with bathroom renovation, kitchen tiling, waterproofing and leaky shower repairs. Your parents probably used us. Now it's your turn to experience why Sydney homes trust Leerberg Tiling.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 gap-8 items-center"> |
| <div> |
| <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Tiling work" class="rounded-lg shadow-xl w-full h-auto"> |
| </div> |
| <div> |
| <h3 class="text-2xl font-bold text-gray-800 mb-4">Over 50 Years Experience</h3> |
| <p class="text-gray-600 mb-4">Operating since 1972, we've pretty much seen it all. Over 15,000 bathrooms completed. Zero waterproofing failures. Our tilers have experience on everything from heritage bathroom restorations in Paddington terraces to ultra-modern designs in new apartments.</p> |
| <p class="text-gray-600 mb-6">We don't just do tiling - we solve tiling problems. The ones other tilers walk away from.</p> |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-3"></i> |
| <p class="text-gray-700">Preparation of surfaces takes as much time as needed (this is where others cut corners)</p> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-3"></i> |
| <p class="text-gray-700">Using Quality Adhesives That Last</p> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-check-circle text-blue-600 mt-1 mr-3"></i> |
| <p class="text-gray-700">Precise cutting and placement in a safe manner</p> |
| </div> |
| </div> |
| <a href="about.html" class="inline-block mt-6 bg-blue-600 text-white font-semibold py-3 px-6 rounded-full hover:bg-blue-700 transition">Learn More About Us</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-16"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Tiling Services</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">From bathroom renovations to pool tiling, we provide comprehensive tiling solutions across Sydney.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Bathroom Tiling" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Bathroom Tiling & Renovations</h3> |
| <p class="text-gray-600 mb-4">Sick of that shower leak that keeps coming back? We know how frustrating it is. We provide complete bathroom tiling services.</p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Complete waterproofing for full bathroom renovation</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>We repair shower leaks & make sure they do not come back</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Installing your wall and floor tiles correctly</span> |
| </li> |
| </ul> |
| <a href="services.html#bathroom" class="text-blue-600 font-semibold hover:text-blue-800 inline-flex items-center">Learn more <i class="fas fa-arrow-right ml-2"></i></a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1600585152220-90363fe7e115?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Kitchen Tiling" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Kitchen Tiling Services</h3> |
| <p class="text-gray-600 mb-4">Transform your kitchen with our professional tiling services that combine durability with aesthetic appeal.</p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Kitchen splashbacks in glass mosaic, ceramic or stone</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Floor tiling that withstands dropped pots and traffic</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Heat-resistant installation behind cooktops</span> |
| </li> |
| </ul> |
| <a href="services.html#kitchen" class="text-blue-600 font-semibold hover:text-blue-800 inline-flex items-center">Learn more <i class="fas fa-arrow-right ml-2"></i></a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden service-card transition duration-300"> |
| <img src="https://images.unsplash.com/photo-1600566753135-51b556c9b0b8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Waterproofing" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Waterproofing Services</h3> |
| <p class="text-gray-600 mb-4">Getting waterproofing right is essential - we've never had a waterproofing failure in our 50+ years of service.</p> |
| <ul class="space-y-2 mb-4"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Waterproofing your bathroom to Australian Standards</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Proper moisture protection for the shower area</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-blue-600 mt-1 mr-2"></i> |
| <span>Finding and fixing existing leaks</span> |
| </li> |
| </ul> |
| <a href="services.html#waterproofing" class="text-blue-600 font-semibold hover:text-blue-800 inline-flex items-center">Learn more <i class="fas fa-arrow-right ml-2"></i></a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-10"> |
| <a href="services.html" class="inline-block bg-blue-600 text-white font-semibold py-3 px-8 rounded-full hover:bg-blue-700 transition">View All Services</a> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-16 bg-blue-50 rounded-xl p-8"> |
| <div class="text-center mb-8"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Service Areas</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Based in West Ryde, we service all Sydney areas including Parramatta, Hornsby, Blacktown, Chatswood and surrounding suburbs.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> |
| <i class="fas fa-city text-blue-600 text-4xl mb-4"></i> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Sydney CBD</h3> |
| <p class="text-gray-600">Inner West & Eastern Suburbs</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> |
| <i class="fas fa-umbrella-beach text-blue-600 text-4xl mb-4"></i> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Northern Beaches</h3> |
| <p class="text-gray-600">North Shore & Northern Suburbs</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> |
| <i class="fas fa-tree text-blue-600 text-4xl mb-4"></i> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Western Sydney</h3> |
| <p class="text-gray-600">Parramatta, Blacktown & beyond</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> |
| <i class="fas fa-water text-blue-600 text-4xl mb-4"></i> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">South Sydney</h3> |
| <p class="text-gray-600">Sutherland Shire & Southern Suburbs</p> |
| </div> |
| </div> |
| |
| <div class="text-center mt-8"> |
| <a href="locations.html" class="inline-block bg-blue-600 text-white font-semibold py-3 px-8 rounded-full hover:bg-blue-700 transition">View All Locations</a> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-16"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Our Process</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">From initial consultation to final clean-up, we follow a meticulous process to ensure quality results.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <span class="text-blue-800 font-bold text-2xl">1</span> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Initial Consultation</h3> |
| <p class="text-gray-600">We assess your space, discuss your goals, and provide honest advice about what will work best.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <span class="text-blue-800 font-bold text-2xl">2</span> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Detailed Quote</h3> |
| <p class="text-gray-600">Everything included in the pricing - no hidden costs or surprises.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <span class="text-blue-800 font-bold text-2xl">3</span> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Surface Preparation</h3> |
| <p class="text-gray-600">This is where experience matters. We ensure everything's level and properly waterproofed.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-md text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <span class="text-blue-800 font-bold text-2xl">4</span> |
| </div> |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Professional Installation</h3> |
| <p class="text-gray-600">Our tilers take their time to get it right - precise cuts, proper adhesive, and perfect alignment.</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-16 bg-gray-50 py-12 px-4 rounded-xl"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">What Our Clients Say</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Don't just take our word for it - hear from our satisfied customers across Sydney.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-white p-6 rounded-lg shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 italic mb-4">"After three different tilers failed to fix our shower leak, Leerberg solved it straight away. Should've called them first!"</p> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 text-blue-800 w-10 h-10 rounded-full flex items-center justify-center font-bold mr-3">SC</div> |
| <div> |
| <p class="font-semibold">Sarah Chen</p> |
| <p class="text-gray-500 text-sm">Balmain</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white p-6 rounded-lg shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 italic mb-4">"Leerberg tiled our pool in 1987. Still looks perfect. When we renovated the bathroom, there was only one choice."</p> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 text-blue-800 w-10 h-10 rounded-full flex items-center justify-center font-bold mr-3">TM</div> |
| <div> |
| <p class="font-semibold">The Morrison Family</p> |
| <p class="text-gray-500 text-sm">Mosman</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white p-6 rounded-lg shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 italic mb-4">"We manage commercial properties. Leerberg has been our only tiling contractor for 15 years. Their work stands up to heavy use like no other."</p> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 text-blue-800 w-10 h-10 rounded-full flex items-center justify-center font-bold mr-3">PS</div> |
| <div> |
| <p class="font-semibold">Property Solutions Group</p> |
| <p class="text-gray-500 text-sm">Sydney CBD</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="bg-blue-800 text-white rounded-xl p-8 md:p-12 mb-16"> |
| <div class="grid md:grid-cols-2 gap-8 items-center"> |
| <div> |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to Transform Your Space?</h2> |
| <p class="text-xl mb-6">Contact Leerberg Tiling today for a free, no-obligation quote on your tiling project.</p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a href="tel:98081824" class="bg-white text-blue-800 font-bold py-3 px-6 rounded-full text-center hover:bg-gray-100 transition"> |
| <i class="fas fa-phone mr-2"></i>Call 9808 1824 |
| </a> |
| <a href="contact.html" class="bg-transparent border-2 border-white text-white font-bold py-3 px-6 rounded-full text-center hover:bg-white hover:text-blue-800 transition"> |
| <i class="fas fa-envelope mr-2"></i>Email Us |
| </a> |
| </div> |
| </div> |
| <div class="bg-white rounded-lg p-6 text-gray-800"> |
| <h3 class="text-xl font-bold mb-4">Quick Contact Form</h3> |
| <form id="contactForm"> |
| <div class="mb-4"> |
| <label for="name" class="block text-gray-700 mb-2">Your Name</label> |
| <input type="text" id="name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| <div class="mb-4"> |
| <label for="phone" class="block text-gray-700 mb-2">Phone Number</label> |
| <input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| <div class="mb-4"> |
| <label for="service" class="block text-gray-700 mb-2">Service Needed</label> |
| <select id="service" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| <option value="">Select a service</option> |
| <option value="bathroom">Bathroom Tiling</option> |
| <option value="kitchen">Kitchen Tiling</option> |
| <option value="waterproofing">Waterproofing</option> |
| <option value="pool">Pool Tiling</option> |
| <option value="other">Other</option> |
| </select> |
| </div> |
| <button type="submit" class="w-full bg-blue-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-blue-700 transition">Request Call Back</button> |
| </form> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="mb-16"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2> |
| <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Answers to common questions about our tiling services in Sydney.</p> |
| </div> |
| |
| <div class="max-w-3xl mx-auto"> |
| |
| <div class="mb-6 border-b border-gray-200 pb-6"> |
| <button class="faq-btn flex justify-between items-center w-full text-left focus:outline-none"> |
| <h3 class="text-xl font-semibold text-gray-800">Do you provide waterproofing?</h3> |
| <i class="fas fa-plus text-blue-600"></i> |
| </button> |
| <div class="faq-content mt-4 hidden"> |
| <p class="text-gray-600">Yes, we're licensed waterproofers. Our bathroom and wet area work includes this to meet Australian Standards. Never had a failure in 50 years.</p> |
| </div> |
| </div> |
| |
| |
| <div class="mb-6 border-b border-gray-200 pb-6"> |
| <button class="faq-btn flex justify-between items-center w-full text-left focus:outline-none"> |
| <h3 class="text-xl font-semibold text-gray-800">What areas do you service?</h3> |
| <i class="fas fa-plus text-blue-600"></i> |
| </button> |
| <div class="faq-content mt-4 hidden"> |
| <p class="text-gray-600">The whole of Sydney, from the northern beaches to Sutherland and all the way out west to Penrith. We also serve Parramatta, Hornsby, Blacktown, and Chatswood.</p> |
| </div> |
| </div> |
| |
| |
| <div class="mb-6 border-b border-gray-200 pb-6"> |
| <button class="faq-btn flex justify-between items-center w-full text-left focus:outline-none"> |
| <h3 class="text-xl font-semibold text-gray-800">How long does a bathroom take?</h3> |
| <i class="fas fa-plus text-blue-600"></i> |
| </button> |
| <div class="faq-content mt-4 hidden"> |
| <p class="text-gray-600">Usually 3-5 days depending on the size. We'll give you a realistic timeframe when we quote. And we stick to it.</p> |
| </div> |
| </div> |
| |
| |
| <div class="mb-6 border-b border-gray-200 pb-6"> |
| <button class="faq-btn flex justify-between items-center w-full text-left focus:outline-none"> |
| <h3 class="text-xl font-semibold text-gray-800">Do you supply tiles?</h3> |
| <i class="fas fa-plus text-blue-600"></i> |
| </button> |
| <div class="faq-content mt-4 hidden"> |
| <p class="text-gray-600">No, we're tilers not a tile shop. We'll recommend reputable tile shops for your project and also help you pick tiles that will suit your space. Saves you money this way.</p> |
| </div> |
| </div> |
| |
| |
| <div class="mb-6 border-b border-gray-200 pb-6"> |
| <button class="faq-btn flex justify-between items-center w-full text-left focus:outline-none"> |
| <h3 class="text-xl font-semibold text-gray-800">Why are you more expensive than some quotes?</h3> |
| <i class="fas fa-plus text-blue-600"></i> |
| </button> |
| <div class="faq-content mt-4 hidden"> |
| <p class="text-gray-600">We're not the cheapest tiles in Sydney - we're the best value. Cheap tiling costs twice when you have to redo it. Our work from the 1980s still looks great.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
| </main> |
|
|
| |
| <footer class="bg-gray-900 text-white pt-12 pb-6"> |
| <div class="container mx-auto px-4"> |
| <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8"> |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Leerberg Tiling</h3> |
| <p class="mb-4">Sydney's most experienced tilers serving families since 1972. Professional wall and floor tiling services across Sydney.</p> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-facebook-f"></i></a> |
| <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-instagram"></i></a> |
| <a href="#" class="text-white hover:text-blue-400"><i class="fab fa-pinterest"></i></a> |
| </div> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Quick Links</h3> |
| <ul class="space-y-2"> |
| <li><a href="index.html" class="hover:text-blue-400 transition">Home</a></li> |
| <li><a href="services.html" class="hover:text-blue-400 transition">Services</a></li> |
| <li><a href="about.html" class="hover:text-blue-400 transition">About Us</a></li> |
| <li><a href="locations.html" class="hover:text-blue-400 transition">Locations</a></li> |
| <li><a href="contact.html" class="hover:text-blue-400 transition">Contact</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Services</h3> |
| <ul class="space-y-2"> |
| <li><a href="services.html#bathroom" class="hover:text-blue-400 transition">Bathroom Tiling</a></li> |
| <li><a href="services.html#kitchen" class="hover:text-blue-400 transition">Kitchen Tiling</a></li> |
| <li><a href="services.html#waterproofing" class="hover:text-blue-400 transition">Waterproofing</a></li> |
| <li><a href="services.html#pool" class="hover:text-blue-400 transition">Pool Tiling</a></li> |
| <li><a href="services.html#repairs" class="hover:text-blue-400 transition">Leaky Shower Repairs</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold mb-4">Contact Us</h3> |
| <div class="space-y-3"> |
| <div class="flex items-start"> |
| <i class="fas fa-phone-alt mt-1 mr-3 text-blue-400"></i> |
| <a href="tel:98081824" class="hover:text-blue-400">9808 1824</a> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-envelope mt-1 mr-3 text-blue-400"></i> |
| <a href="mailto:info@leerbergtiling.com.au" class="hover:text-blue-400">info@leerbergtiling.com.au</a> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-400"></i> |
| <span>West Ryde, NSW 2114</span> |
| </div> |
| <div class="flex items-start"> |
| <i class="fas fa-clock mt-1 mr-3 text-blue-400"></i> |
| <span>Mon-Fri: 7am - 5pm<br>Sat: By appointment</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 pt-6"> |
| <div class="flex flex-col md:flex-row justify-between items-center"> |
| <p class="text-gray-400 mb-4 md:mb-0">© 2023 Leerberg Tiling. All rights reserved.</p> |
| <div class="flex space-x-6"> |
| <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a> |
| <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a> |
| </div> |
| </div> |
| <div class="mt-4 text-sm text-gray-500"> |
| <p>License: 206514C | ABN: 70 122 529 195 | $20 Million Public Liability Insurance</p> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <div class="fixed bottom-4 right-4 md:hidden z-50"> |
| <a href="tel:98081824" class="bg-green-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-green-700 transition"> |
| <i class="fas fa-phone text-xl"></i> |
| </a> |
| </div> |
|
|
| <script> |
| |
| const menuBtn = document.getElementById('menu-btn'); |
| const mobileMenu = document.getElementById('mobile-menu'); |
| |
| menuBtn.addEventListener('click', () => { |
| menuBtn.classList.toggle('active'); |
| mobileMenu.classList.toggle('hidden'); |
| }); |
| |
| |
| const faqBtns = document.querySelectorAll('.faq-btn'); |
| |
| faqBtns.forEach(btn => { |
| btn.addEventListener('click', () => { |
| const content = btn.nextElementSibling; |
| const icon = btn.querySelector('i'); |
| |
| |
| content.classList.toggle('hidden'); |
| |
| |
| if (content.classList.contains('hidden')) { |
| icon.classList.remove('fa-minus'); |
| icon.classList.add('fa-plus'); |
| } else { |
| icon.classList.remove('fa-plus'); |
| icon.classList.add('fa-minus'); |
| } |
| }); |
| }); |
| |
| |
| const contactForm = document.getElementById('contactForm'); |
| |
| if (contactForm) { |
| contactForm.addEventListener('submit', (e) => { |
| e.preventDefault(); |
| |
| |
| const name = document.getElementById('name').value; |
| const phone = document.getElementById('phone').value; |
| const service = document.getElementById('service').value; |
| |
| |
| |
| alert(`Thank you, ${name}! We've received your request for ${service} services. We'll call you at ${phone} shortly.`); |
| |
| |
| contactForm.reset(); |
| }); |
| } |
| |
| |
| const navLinks = document.querySelectorAll('.nav-link'); |
| const currentPage = window.location.pathname.split('/').pop() || 'index.html'; |
| |
| navLinks.forEach(link => { |
| const linkHref = link.getAttribute('href'); |
| if ((currentPage === '' && linkHref === 'index.html') || linkHref === currentPage) { |
| link.classList.add('active'); |
| } else { |
| link.classList.remove('active'); |
| } |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=denuchie/tiling2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
