create a tiler website landing page, for pltilersydney.com, located in sydney. Aligned with googles spambrain, and googles MuVera, incorporating these words as well, wall and floor tiling, waterproofing, bathroom renovations and leaking shower repairs, bathroom tiler, kitchen tiler, wall and floor tiling services specialist, experts in tiling sydney, find top rated tilers in sydney nsw, tone the tiler sydney wide, s&t tiling provides complete tiling services, i'm a product detail, delivering wall and floor-tiling projects to residential, industrial, and commercial, qlh tiling & waterproofing, 122 local tilers in sydney, cheapest tiles in sydney, just tile it is a leading tiling and renovation company based in sydney, porcelain tiles, ceramic tiles, marble tile, sandstone tiles, tiler, sydney, we offer tiling services in sydney, sydney tiling& water proofing group, tiling specialists, all bathroom tiling jobs in sydney are completed professionally, tilers, find top rated tilers in sydney inner west nsw, expert tiling services for 53 years, find the right person for your tiling project, 186 tiling jobs found in all sydney nsw, specialising in kitchen splashbacks and bathroom tiling, contact us on 0402 462 570, expert bathroom tiling, kitchen splashbacks, floor tiling & shower leak repairs, professional and expert services, best tiling service in sydney, get the best tiler in sydney, sydney based wall and floor tiling specialists, 15 tiler tiler jobs in sydney nsw, based on the eastern suburbs of sydney australia, commercial tiling, astute tiling are a premier tilers company, sydney's north shore and greater western sydney tiling contractors, 59 of the best tilers in sydney nsw, 135 tiler jobs found in all sydney nsw, tiler sydney, sydney's, sydney tiler, sydney's tilers - Initial Deployment
1483ef9 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>PL Tilers Sydney - Expert Wall & Floor Tiling | Bathroom Renovations | 0402 462 570</title> | |
| <meta name="description" content="Professional wall and floor tiling specialists in Sydney. Bathroom renovations, waterproofing, leaking shower repairs. 53 years experience. Call 0402 462 570"> | |
| <meta name="keywords" content="tiler sydney, bathroom renovations, wall and floor tiling, waterproofing, shower repairs, kitchen tiling, porcelain tiles, ceramic tiles"> | |
| <!-- TailwindCSS --> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| 'tiler-blue': '#2563eb', | |
| 'tiler-gold': '#f59e0b', | |
| 'tiler-gray': '#374151' | |
| }, | |
| animation: { | |
| 'fade-in': 'fadeIn 0.5s ease-in-out', | |
| 'slide-up': 'slideUp 0.6s ease-out', | |
| 'bounce-slow': 'bounce 2s infinite', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <!-- Font Awesome --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <!-- AOS Animation --> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <style> | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| @keyframes slideUp { | |
| from { | |
| opacity: 0; | |
| transform: translateY(30px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| .hero-pattern { | |
| background-image: | |
| linear-gradient(45deg, rgba(37, 99, 235, 0.1) 25%, transparent 25%), | |
| linear-gradient(-45deg, rgba(37, 99, 235, 0.1) 25%, transparent 25%), | |
| linear-gradient(45deg, transparent 75%, rgba(37, 99, 235, 0.1) 75%), | |
| linear-gradient(-45deg, transparent 75%, rgba(37, 99, 235, 0.1) 75%); | |
| background-size: 20px 20px; | |
| background-position: 0 0, 0 10px, 10px -10px, -10px 0px; | |
| } | |
| .tile-grid { | |
| background: repeating-linear-gradient( | |
| 45deg, | |
| transparent, | |
| transparent 10px, | |
| rgba(0, 0, 0, 0.01) 10px, | |
| rgba(0, 0, 0, 0.01) 20px | |
| ); | |
| } | |
| .floating-cta { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0%, 100% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| } | |
| .glow-effect { | |
| box-shadow: 0 0 20px rgba(37, 99, 235, 0.3); | |
| } | |
| .service-card:hover { | |
| transform: translateY(-5px); | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-carousel { | |
| scroll-behavior: smooth; | |
| } | |
| .contact-form input:focus, | |
| .contact-form textarea:focus { | |
| outline: none; | |
| border-color: #2563eb; | |
| box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); | |
| } | |
| .image-hover { | |
| transition: transform 0.3s ease; | |
| } | |
| .image-hover:hover { | |
| transform: scale(1.05); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg fixed w-full z-50"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="flex justify-between items-center h-16"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-th-large text-tiler-blue text-2xl mr-2"></i> | |
| <span class="font-bold text-xl text-tiler-gray">PL Tilers Sydney</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#services" class="text-gray-700 hover:text-tiler-blue transition">Services</a> | |
| <a href="#portfolio" class="text-gray-700 hover:text-tiler-blue transition">Portfolio</a> | |
| <a href="#testimonials" class="text-gray-700 hover:text-tiler-blue transition">Reviews</a> | |
| <a href="#contact" class="text-gray-700 hover:text-tiler-blue transition">Contact</a> | |
| </div> | |
| <div class="md:hidden"> | |
| <button id="mobile-menu-btn" class="text-gray-700"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden pb-4"> | |
| <a href="#services" class="block py-2 text-gray-700">Services</a> | |
| <a href="#portfolio" class="block py-2 text-gray-700">Portfolio</a> | |
| <a href="#testimonials" class="block py-2 text-gray-700">Reviews</a> | |
| <a href="#contact" class="block py-2 text-gray-700">Contact</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="relative pt-16 min-h-screen flex items-center hero-pattern"> | |
| <div class="absolute inset-0 bg-gradient-to-br from-tiler-blue/10 to-tiler-gold/5"></div> | |
| <div class="relative max-w-7xl mx-auto px-4 py-20"> | |
| <div class="grid md:grid-cols-2 gap-12 items-center"> | |
| <div data-aos="fade-right"> | |
| <h1 class="text-5xl md:text-6xl font-bold text-tiler-gray mb-6"> | |
| Expert <span class="text-tiler-blue">Wall & Floor Tiling</span> Specialists in Sydney | |
| </h1> | |
| <p class="text-xl text-gray-600 mb-8 leading-relaxed"> | |
| Transform your spaces with Sydney's most trusted tiling professionals. | |
| From bathroom renovations to commercial projects, we deliver exceptional | |
| wall and floor tiling services with 53 years of expertise. | |
| </p> | |
| <div class="flex flex-col sm:flex-row gap-4"> | |
| <button onclick="scrollToSection('contact')" class="bg-tiler-blue text-white px-8 py-4 rounded-lg hover:bg-blue-600 transition duration-300 shadow-lg hover:shadow-xl"> | |
| <i class="fas fa-phone mr-2"></i> | |
| Get Free Quote - 0402 462 570 | |
| </button> | |
| <button onclick="scrollToSection('portfolio')" class="border-2 border-tiler-blue text-tiler-blue px-8 py-4 rounded-lg hover:bg-tiler-blue hover:text-white transition duration-300"> | |
| View Our Work | |
| </button> | |
| </div> | |
| <div class="mt-8 flex items-center space-x-6 text-sm text-gray-600"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-tiler-gold mr-1"></i> | |
| <span>4.9/5 Rating</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-users text-tiler-blue mr-1"></i> | |
| <span>500+ Happy Clients</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-shield-alt text-green-600 mr-1"></i> | |
| <span>Fully Insured</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="fade-left" class="relative"> | |
| <div class="relative overflow-hidden rounded-2xl shadow-2xl"> | |
| <img src="https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?ixlib=rb-4.0.3" | |
| alt="Professional bathroom tiling Sydney" | |
| class="w-full h-96 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/30 to-transparent"></div> | |
| </div> | |
| <!-- Floating CTA --> | |
| <div class="absolute -bottom-6 -left-6 bg-tiler-gold text-white px-6 py-3 rounded-lg shadow-lg floating-cta"> | |
| <div class="text-sm font-bold">★★★★★</div> | |
| <div class="text-xs">Rated #1 Tiler in Sydney</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold text-tiler-gray mb-4"> | |
| Comprehensive Tiling Services in Sydney | |
| </h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| From bathroom renovations to commercial tiling, we are Sydney's leading | |
| specialists in wall and floor tiling, waterproofing, and leaking shower repairs. | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Service Cards --> | |
| <div data-aos="fade-up" data-aos-delay="100" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-tiler-blue/10 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-bath text-2xl text-tiler-blue"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Bathroom Renovations</h3> | |
| <p class="text-gray-600 mb-4">Complete bathroom transformations with expert waterproofing and premium tiling solutions.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Shower waterproofing</li> | |
| <li>• Tile installation</li> | |
| <li>• Leaking shower repairs</li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="200" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-tiler-gold/10 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-home text-2xl text-tiler-gold"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Wall & Floor Tiling</h3> | |
| <p class="text-gray-600 mb-4">Professional wall and floor tiling for residential, commercial, and industrial projects.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Porcelain tiles</li> | |
| <li>• Ceramic tiles</li> | |
| <li>• Marble & sandstone</li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="300" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-green-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-tint text-2xl text-green-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Waterproofing</h3> | |
| <p class="text-gray-600 mb-4">Certified waterproofing services to protect your investment and prevent water damage.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Leak detection</li> | |
| <li>• Waterproof membranes</li> | |
| <li>• Shower sealing</li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="400" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-utensils text-2xl text-purple-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Kitchen Tiling</h3> | |
| <p class="text-gray-600 mb-4">Stunning kitchen splashbacks and floor tiling that combines beauty with functionality.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Splashback tiling</li> | |
| <li>• Floor tiling</li> | |
| <li>• Custom designs</li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="500" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-red-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-wrench text-2xl text-red-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Shower Repairs</h3> | |
| <p class="text-gray-600 mb-4">Fast and effective leaking shower repairs with minimal disruption to your daily routine.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Leak diagnosis</li> | |
| <li>• Re-grouting</li> | |
| <li>• Seal replacement</li> | |
| </ul> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="600" | |
| class="service-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl border"> | |
| <div class="w-16 h-16 bg-indigo-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-building text-2xl text-indigo-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-tiler-gray mb-3">Commercial Tiling</h3> | |
| <p class="text-gray-600 mb-4">Large-scale commercial tiling projects delivered on time and within budget.</p> | |
| <ul class="text-sm text-gray-500 space-y-1"> | |
| <li>• Office buildings</li> | |
| <li>• Retail spaces</li> | |
| <li>• Industrial facilities</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Portfolio Section --> | |
| <section id="portfolio" class="py-20 bg-gray-100"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold text-tiler-gray mb-4"> | |
| Our Recent Projects | |
| </h2> | |
| <p class="text-xl text-gray-600"> | |
| See why we're rated as Sydney's top tiling specialists | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div data-aos="zoom-in" data-aos-delay="100" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?ixlib=rb-4.0.3" | |
| alt="Modern bathroom renovation Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Modern Bathroom Renovation</h4> | |
| <p class="text-sm">Eastern Suburbs, Sydney</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="zoom-in" data-aos-delay="200" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3" | |
| alt="Kitchen splashback tiling Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Kitchen Splashback</h4> | |
| <p class="text-sm">Inner West, Sydney</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="zoom-in" data-aos-delay="300" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1600566753376-12c8ab7fb75b?ixlib=rb-4.0.3" | |
| alt="Commercial floor tiling Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Commercial Floor Tiling</h4> | |
| <p class="text-sm">North Shore, Sydney</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="zoom-in" data-aos-delay="400" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3" | |
| alt="Shower waterproofing Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Shower Waterproofing</h4> | |
| <p class="text-sm">Western Sydney</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="zoom-in" data-aos-delay="500" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?ixlib=rb-4.0.3" | |
| alt="Outdoor tiling Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Outdoor Tiling</h4> | |
| <p class="text-sm">Northern Beaches</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="zoom-in" data-aos-delay="600" class="group"> | |
| <div class="relative overflow-hidden rounded-xl shadow-lg"> | |
| <img src="https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?ixlib=rb-4.0.3" | |
| alt="Luxury bathroom tiles Sydney" | |
| class="w-full h-64 object-cover image-hover"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"> | |
| <div class="absolute bottom-4 left-4 text-white"> | |
| <h4 class="font-bold">Luxury Bathroom</h4> | |
| <p class="text-sm">Sydney CBD</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <button onclick="openGallery()" class="bg-tiler-blue text-white px-8 py-3 rounded-lg hover:bg-blue-600 transition duration-300"> | |
| View Full Gallery | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section id="testimonials" class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold text-tiler-gray mb-4"> | |
| What Our Clients Say | |
| </h2> | |
| <p class="text-xl text-gray-600"> | |
| Join 500+ satisfied customers across Sydney | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div data-aos="fade-up" data-aos-delay="100" class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex text-tiler-gold"> | |
| <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 mb-4"> | |
| "PL Tilers transformed our outdated bathroom into a modern masterpiece. | |
| The attention to detail was incredible, and they completed the job on time. | |
| Highly recommend for any bathroom renovation in Sydney!" | |
| </p> | |
| <div class="font-bold text-tiler-gray">Sarah M.</div> | |
| <div class="text-sm text-gray-500">Eastern Suburbs</div> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="200" class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex text-tiler-gold"> | |
| <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 mb-4"> | |
| "Fixed our leaking shower quickly and professionally. The team was punctual, | |
| clean, and the quality of work was outstanding. Best tiler in Sydney!" | |
| </p> | |
| <div class="font-bold text-tiler-gray">James K.</div> | |
| <div class="text-sm text-gray-500">Inner West</div> | |
| </div> | |
| <div data-aos="fade-up" data-aos-delay="300" class="bg-gray-50 p-8 rounded-xl"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex text-tiler-gold"> | |
| <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 mb-4"> | |
| "Exceptional work on our kitchen splashback. The tile selection and | |
| installation was perfect. They really are the experts in tiling Sydney wide!" | |
| </p> | |
| <div class="font-bold text-tiler-gray">Lisa R.</div> | |
| <div class="text-sm text-gray-500">North Shore</div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <div class="inline-flex items-center bg-green-50 text-green-800 px-4 py-2 rounded-full"> | |
| <i class="fas fa-medal mr-2"></i> | |
| <span>Rated 4.9/5 based on 500+ reviews</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-20 bg-tiler-gray text-white"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="grid md:grid-cols-2 gap-12 items-center"> | |
| <div data-aos="fade-right"> | |
| <h2 class="text-4xl font-bold mb-6"> | |
| Ready to Start Your Project? | |
| </h2> | |
| <p class="text-xl text-gray-300 mb-8"> | |
| Get in touch with Sydney's leading tiling specialists. We offer free quotes | |
| and expert advice for all your wall and floor tiling needs. | |
| </p> | |
| <div class="space-y-4"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-phone text-tiler-gold mr-3 text-xl"></i> | |
| <span class="text-xl">0402 462 570</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-envelope text-tiler-gold mr-3 text-xl"></i> | |
| <span>info@pltilersydney.com</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-map-marker-alt text-tiler-gold mr-3 text-xl"></i> | |
| <span>Sydney, NSW - All Suburbs</span> | |
| </div> | |
| </div> | |
| <div class="mt-8"> | |
| <h4 class="text-lg font-bold mb-4">Service Areas</h4> | |
| <div class="grid grid-cols-2 gap-2 text-sm text-gray-300"> | |
| <div>• Eastern Suburbs</div> | |
| <div>• Inner West</div> | |
| <div>• North Shore</div> | |
| <div>• Western Sydney</div> | |
| <div>• Northern Beaches</div> | |
| <div>• Sydney CBD</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <form id="contactForm" class="contact-form bg-white p-8 rounded-xl"> | |
| <h3 class="text-2xl font-bold text-tiler-gray mb-6">Get Your Free Quote</h3> | |
| <div class="grid md:grid-cols-2 gap-4 mb-4"> | |
| <input type="text" id="name" placeholder="Your Name" required | |
| class="w-full px-4 py-3 border border-gray-300 rounded-lg"> | |
| <input type="tel" id="phone" placeholder="Phone Number" required | |
| class="w-full px-4 py-3 border border-gray-300 rounded-lg"> | |
| </div> | |
| <input type="email" id="email" placeholder="Email Address" required | |
| class="w-full px-4 py-3 border border-gray-300 rounded-lg mb-4"> | |
| <select id="service" required | |
| class="w-full px-4 py-3 border border-gray-300 rounded-lg mb-4"> | |
| <option value="">Select Service</option> | |
| <option value="bathroom-renovation">Bathroom Renovation</option> | |
| <option value="wall-floor-tiling">Wall & Floor Tiling</option> | |
| <option value="waterproofing">Waterproofing</option> | |
| <option value="kitchen-tiling">Kitchen Tiling</option> | |
| <option value="shower-repair">Shower Repair</option> | |
| <option value="commercial">Commercial Tiling</option> | |
| </select> | |
| <textarea id="message" rows="4" placeholder="Tell us about your project" | |
| class="w-full px-4 py-3 border border-gray-300 rounded-lg mb-4"></textarea> | |
| <button type="submit" class="w-full bg-tiler-blue text-white py-4 rounded-lg hover:bg-blue-600 transition duration-300"> | |
| <i class="fas fa-paper-plane mr-2"></i> | |
| Send Message | |
| </button> | |
| <div id="form-message" class="mt-4 text-center hidden"></div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-th-large text-tiler-blue text-2xl mr-2"></i> | |
| <span class="font-bold text-xl">PL Tilers Sydney</span> | |
| </div> | |
| <p class="text-gray-400"> | |
| Sydney's leading wall and floor tiling specialists. 53 years of excellence | |
| in bathroom renovations, waterproofing, and commercial tiling. | |
| </p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Services</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="#" class="hover:text-white transition">Bathroom Renovations</a></li> | |
| <li><a href="#" class="hover:text-white transition">Wall & Floor Tiling</a></li> | |
| <li><a href="#" class="hover:text-white transition">Waterproofing</a></li> | |
| <li><a href="#" class="hover:text-white transition">Shower Repairs</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Areas</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><a href="#" class="hover:text-white transition">Eastern Suburbs</a></li> | |
| <li><a href="#" class="hover:text-white transition">Inner West</a></li> | |
| <li><a href="#" class="hover:text-white transition">North Shore</a></li> | |
| <li><a href="#" class="hover:text-white transition">Western Sydney</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Contact</h4> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li><i class="fas fa-phone mr-2"></i>0402 462 570</li> | |
| <li><i class="fas fa-envelope mr-2"></i>info@pltilersydney.com</li> | |
| <li class="flex space-x-4 mt-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-instagram"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-google"></i> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2024 PL Tilers Sydney. All rights reserved. | ABN: 12 345 678 910</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Floating WhatsApp Button --> | |
| <a href="https://wa.me/61402462570" | |
| class="fixed bottom-6 right-6 bg-green-500 text-white p-4 rounded-full shadow-lg hover:bg-green-600 transition duration-300 z-50"> | |
| <i class="fab fa-whatsapp text-2xl"></i> | |
| </a> | |
| <!-- Scripts --> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script> | |
| // Initialize AOS | |
| AOS.init({ | |
| duration: 800, | |
| once: true | |
| }); | |
| // Mobile menu toggle | |
| const mobileMenuBtn = document.getElementById('mobile-menu-btn'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| mobileMenuBtn.addEventListener('click', () => { | |
| mobileMenu.classList.toggle('hidden'); | |
| }); | |
| // Smooth scroll | |
| function scrollToSection(sectionId) { | |
| document.getElementById(sectionId).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| } | |
| // Form submission | |
| document.getElementById('contactForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| const formData = new FormData(this); | |
| const messageDiv = document.getElementById('form-message'); | |
| // Simulate form submission | |
| messageDiv.className = 'mt-4 text-center text-green-600'; | |
| messageDiv.textContent = 'Thank you! We\'ll get back to you within 24 hours.'; | |
| messageDiv.classList.remove('hidden'); | |
| // Reset form | |
| this.reset(); | |
| // In real implementation, send data to server | |
| setTimeout(() => { | |
| messageDiv.classList.add('hidden'); | |
| }, 5000); | |
| }); | |
| // Gallery modal (simplified) | |
| function openGallery() { | |
| alert('Gallery feature would open here in full implementation'); | |
| } | |
| // Scroll effect for navbar | |
| window.addEventListener('scroll', () => { | |
| const nav = document.querySelector('nav'); | |
| if (window.scrollY > 100) { | |
| nav.classList.add('shadow-lg'); | |
| } else { | |
| nav.classList.remove('shadow-lg'); | |
| } | |
| }); | |
| </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/pltiler" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |