|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Phoenix Pressure Washing | Oklahoma City's Premier Exterior Cleaning</title> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> |
|
|
<meta name="description" content="Professional pressure washing services in OKC. Residential & commercial cleaning with eco-friendly solutions. Get your free quote today!"> |
|
|
<meta property="og:title" content="Phoenix Pressure Washing | Oklahoma City"> |
|
|
<meta property="og:description" content="Transform your property with our professional pressure washing services."> |
|
|
<meta property="og:type" content="website"> |
|
|
<meta property="og:url" content="https://phoenixpressurewashingokc.com"> |
|
|
<meta name="twitter:card" content="summary_large_image"> |
|
|
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<link rel="stylesheet" href="assets/css/styles.css"> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#E63946', |
|
|
secondary: '#457B9D', |
|
|
accent: '#A8DADC' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<script type="application/ld+json"> |
|
|
{ |
|
|
"@context": "https://schema.org", |
|
|
"@type": "LocalBusiness", |
|
|
"name": "Phoenix Pressure Washing", |
|
|
"image": "https://phoenixpressurewashingokc.com/assets/img/logo.jpg", |
|
|
"@id": "", |
|
|
"url": "https://phoenixpressurewashingokc.com", |
|
|
"telephone": "405-367-0008", |
|
|
"address": { |
|
|
"@type": "PostalAddress", |
|
|
"streetAddress": "", |
|
|
"addressLocality": "Oklahoma City", |
|
|
"addressRegion": "OK", |
|
|
"postalCode": "", |
|
|
"addressCountry": "US" |
|
|
}, |
|
|
"openingHoursSpecification": { |
|
|
"@type": "OpeningHoursSpecification", |
|
|
"dayOfWeek": [ |
|
|
"Monday", |
|
|
"Tuesday", |
|
|
"Wednesday", |
|
|
"Thursday", |
|
|
"Friday", |
|
|
"Saturday" |
|
|
], |
|
|
"opens": "08:00", |
|
|
"closes": "18:00" |
|
|
}, |
|
|
"priceRange": "$$" |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
<custom-navbar class="fixed top-0 left-0 w-full z-50"></custom-navbar> |
|
|
|
|
|
<section class="hero-banner mt-16"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-3xl"> |
|
|
<h1 class="text-5xl md:text-6xl font-bold mb-6 text-white drop-shadow-lg"><span class="text-blue-800">Revitalize Your Property with</span><br><span class="bg-clip-text text-transparent bg-gradient-to-r from-yellow-300 to-red-500">Phoenix Pressure Washing</span></h1> |
|
|
<p class="text-xl md:text-2xl text-black mb-8 max-w-2xl"> |
|
|
Professional exterior cleaning services that bring |
|
|
<span class="font-semibold">new life</span> |
|
|
to your home or business in Oklahoma City |
|
|
</p> |
|
|
<div class="flex flex-wrap gap-4"> |
|
|
<a href="/contact.html" class="inline-block bg-primary text-white font-bold py-4 px-10 rounded-lg hover:bg-red-600 transition duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1"> |
|
|
Get Your Free Quote |
|
|
</a> |
|
|
<a href="tel:4053670008" class="inline-block bg-white text-primary font-bold py-4 px-10 rounded-lg hover:bg-gray-100 transition duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1 flex items-center gap-2"> |
|
|
<i data-feather="phone"></i> (405) 367-0008 |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-16 bg-blue-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-blue-800 mb-4">Our Premium Services</h2> |
|
|
<p class="text-blue-600 max-w-2xl mx-auto">We use state-of-the-art equipment and eco-friendly cleaning solutions to deliver outstanding results</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i data-feather="home" class="text-blue-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-blue-800">Residential Washing</h3> |
|
|
</div> |
|
|
<p class="text-blue-600 mb-4">Restore your home's exterior to like-new condition with our gentle yet effective cleaning methods.</p> |
|
|
<a href="/services.html#residential" class="text-blue-600 font-medium hover:underline">Learn more →</a> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i data-feather="briefcase" class="text-blue-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-blue-800">Commercial Cleaning</h3> |
|
|
</div> |
|
|
<p class="text-blue-600 mb-4">Professional cleaning solutions to enhance your business's curb appeal and maintain property value.</p> |
|
|
<a href="/services.html#commercial" class="text-blue-600 font-medium hover:underline">Learn more →</a> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i data-feather="droplet" class="text-blue-600 w-6 h-6"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-blue-800">Roof & Gutter</h3> |
|
|
</div> |
|
|
<p class="text-blue-600 mb-4">Remove harmful algae, mold, and debris to protect your roof and improve drainage efficiency.</p> |
|
|
<a href="/services.html#roof" class="text-blue-600 font-medium hover:underline">Learn more →</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center mt-12"> |
|
|
<a href="/services.html" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 shadow-lg hover:shadow-xl">View All Services</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">Transformation Gallery</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">See the dramatic difference our services can make for your property</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="relative group overflow-hidden rounded-lg shadow-lg h-64"> |
|
|
<div class="absolute inset-0 flex"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Dirty driveway before cleaning" class="w-1/2 h-full object-cover"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Clean driveway after pressure washing" class="w-1/2 h-full object-cover"> |
|
|
</div> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-4"> |
|
|
<h3 class="text-white font-bold">Driveway Transformation</h3> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="relative group overflow-hidden rounded-lg shadow-lg h-64"> |
|
|
<div class="absolute inset-0 flex"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Deck before cleaning" class="w-1/2 h-full object-cover"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Deck after cleaning" class="w-1/2 h-full object-cover"> |
|
|
</div> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-4"> |
|
|
<h3 class="text-white font-bold">Deck Restoration</h3> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="relative group overflow-hidden rounded-lg shadow-lg h-64"> |
|
|
<div class="absolute inset-0 flex"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Siding before cleaning" class="w-1/2 h-full object-cover"> |
|
|
<img src="https://huggingface.co/spaces/iWaffle21/phoenix-sparkle-power-wash-pro/resolve/main/images/IMG_0561.webp" alt="Siding after cleaning" class="w-1/2 h-full object-cover"> |
|
|
</div> |
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end p-4"> |
|
|
<h3 class="text-white font-bold">Siding Cleaning</h3> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center mt-12"> |
|
|
<a href="/gallery.html" class="inline-block bg-primary text-white font-bold py-3 px-8 rounded-lg hover:bg-red-600 transition duration-300 shadow-lg hover:shadow-xl">View Full Gallery</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
<section class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">What Our Customers Say</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">Don't just take our word for it - hear from our satisfied Oklahoma City clients</p> |
|
|
</div> |
|
|
<div class="relative max-w-4xl mx-auto"> |
|
|
<div class="reviews-carousel overflow-hidden"> |
|
|
<div class="reviews-track flex transition-transform duration-300"> |
|
|
<div class="min-w-full px-4"> |
|
|
<div class="bg-white p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex text-yellow-400 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
<span class="text-gray-600">2 weeks ago</span> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"Phoenix Pressure Washing transformed my dirty driveway and siding. The crew was professional, on time, and did an amazing job. My house looks brand new!"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-3"> |
|
|
<i data-feather="user" class="text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-semibold">Sarah J.</h4> |
|
|
<p class="text-gray-600 text-sm">Oklahoma City</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="min-w-full px-4"> |
|
|
<div class="bg-white p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex text-yellow-400 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
<span class="text-gray-600">1 month ago</span> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"I run a small business and the building exterior was looking terrible. Phoenix did an incredible job cleaning our brick and sidewalks. Customers have actually commented on the difference!"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-3"> |
|
|
<i data-feather="user" class="text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-semibold">Michael T.</h4> |
|
|
<p class="text-gray-600 text-sm">Downtown OKC</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="min-w-full px-4"> |
|
|
<div class="bg-white p-8 rounded-lg shadow-sm"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex text-yellow-400 mr-2"> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
<i data-feather="star" class="w-5 h-5 fill-current"></i> |
|
|
</div> |
|
|
<span class="text-gray-600">3 months ago</span> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-6">"The team cleaned my roof and gutters better than I ever imagined possible. They were careful with my landscaping and left the property spotless. Highly recommended!"</p> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center mr-3"> |
|
|
<i data-feather="user" class="text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-semibold">Lisa R.</h4> |
|
|
<p class="text-gray-600 text-sm">Edmond</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<button class="carousel-prev absolute left-0 top-1/2 -translate-y-1/2 -ml-4 bg-white p-2 rounded-full shadow-md hover:bg-gray-100"> |
|
|
<i data-feather="chevron-left" class="w-6 h-6 text-blue-600"></i> |
|
|
</button> |
|
|
<button class="carousel-next absolute right-0 top-1/2 -translate-y-1/2 -mr-4 bg-white p-2 rounded-full shadow-md hover:bg-gray-100"> |
|
|
<i data-feather="chevron-right" class="w-6 h-6 text-blue-600"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
<custom-footer></custom-footer> |
|
|
<script src="/components/navbar.js"></script> |
|
|
<script src="/components/footer.js"></script> |
|
|
<script src="assets/js/main.js"></script> |
|
|
<script> |
|
|
feather.replace(); |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const track = document.querySelector('.reviews-track'); |
|
|
const items = document.querySelectorAll('.reviews-carousel .min-w-full'); |
|
|
const prevBtn = document.querySelector('.carousel-prev'); |
|
|
const nextBtn = document.querySelector('.carousel-next'); |
|
|
let currentIndex = 0; |
|
|
const itemWidth = items[0].clientWidth; |
|
|
const totalItems = items.length; |
|
|
|
|
|
function updateCarousel() { |
|
|
track.style.transform = `translateX(-${currentIndex * itemWidth}px)`; |
|
|
} |
|
|
|
|
|
nextBtn.addEventListener('click', () => { |
|
|
currentIndex = (currentIndex + 1) % totalItems; |
|
|
updateCarousel(); |
|
|
}); |
|
|
|
|
|
prevBtn.addEventListener('click', () => { |
|
|
currentIndex = (currentIndex - 1 + totalItems) % totalItems; |
|
|
updateCarousel(); |
|
|
}); |
|
|
|
|
|
|
|
|
setInterval(() => { |
|
|
currentIndex = (currentIndex + 1) % totalItems; |
|
|
updateCarousel(); |
|
|
}, 5000); |
|
|
}); |
|
|
</script> |
|
|
<script src="https://deepsite.hf.co/deepsite-badge.js"></script> |
|
|
<script> |
|
|
document.addEventListener('DOMContentLoaded', () => { |
|
|
const estimateBtn = document.getElementById('estimateBtn'); |
|
|
if (!estimateBtn) return; |
|
|
|
|
|
estimateBtn.addEventListener('click', () => { |
|
|
const service = document.getElementById('service')?.value || ""; |
|
|
const size = Number(document.getElementById('size')?.value || 0); |
|
|
const dirtiness = document.getElementById('dirtiness')?.value || "Light"; |
|
|
const surface = document.getElementById('surface')?.value || "Concrete"; |
|
|
|
|
|
let rate = 0; |
|
|
let min = 0; |
|
|
let price = 0; |
|
|
|
|
|
|
|
|
if (service === "Deck/Patio") { |
|
|
if (size <= 800) rate = 0.22; |
|
|
else if (size <= 1500) rate = 0.20; |
|
|
else rate = 0.18; |
|
|
min = 99.99; |
|
|
|
|
|
|
|
|
let surfaceX = 1.0; |
|
|
if (surface === "Pavers/Stone") surfaceX = 1.25; |
|
|
else if (surface === "Wood Deck") surfaceX = 1.5; |
|
|
|
|
|
|
|
|
let dirtX = 1.0; |
|
|
if (dirtiness === "Moderate") dirtX = 1.2; |
|
|
else if (dirtiness === "Heavy") dirtX = 1.4; |
|
|
else if (dirtiness === "Oil/Grease") dirtX = 1.6; |
|
|
|
|
|
price = Math.max(min, size * rate) * surfaceX * dirtX; |
|
|
} |
|
|
|
|
|
|
|
|
const finalPrice = (Math.ceil(price) + 0.99).toFixed(2); |
|
|
const resultDiv = document.getElementById('result'); |
|
|
if (resultDiv) resultDiv.textContent = `Estimated Total: $${finalPrice}`; |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const navbar = document.querySelector('custom-navbar'); |
|
|
if (navbar) { |
|
|
navbar.shadowRoot.getElementById('menu-btn')?.addEventListener('click', function() { |
|
|
const menu = navbar.shadowRoot.getElementById('mobile-menu'); |
|
|
if (menu) menu.classList.toggle('hidden'); |
|
|
}); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
