School buses, transit buses, shuttle buses β we handle all fleet sizes with thorough, efficient cleaning. Every job includes exterior wash, window & mirror cleaning, and undercarriage inspection and cleaning.
+ School buses, transit buses, shuttle buses β we handle all fleet sizes with thorough, efficient cleaning that keeps your vehicles safe and professional.
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..de5788b
--- /dev/null
+++ b/main.js
@@ -0,0 +1,130 @@
+// Williams Pressure Washing Services - Main JS
+
+document.addEventListener('DOMContentLoaded', function() {
+
+ // --- Navbar scroll effect ---
+ const navbar = document.getElementById('navbar');
+ window.addEventListener('scroll', function() {
+ navbar.classList.toggle('scrolled', window.scrollY > 50);
+ });
+
+ // --- Mobile nav toggle ---
+ const navToggle = document.getElementById('navToggle');
+ const navLinks = document.getElementById('navLinks');
+ navToggle.addEventListener('click', function() {
+ navToggle.classList.toggle('active');
+ navLinks.classList.toggle('active');
+ });
+
+ // Close mobile nav on link click
+ navLinks.querySelectorAll('a').forEach(function(link) {
+ link.addEventListener('click', function() {
+ navToggle.classList.remove('active');
+ navLinks.classList.remove('active');
+ });
+ });
+
+ // --- Smooth scroll for anchor links ---
+ document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
+ anchor.addEventListener('click', function(e) {
+ e.preventDefault();
+ const target = document.querySelector(this.getAttribute('href'));
+ if (target) {
+ target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+ }
+ });
+ });
+
+ // --- Floating CTA visibility ---
+ const floatingCta = document.getElementById('floatingCta');
+ window.addEventListener('scroll', function() {
+ floatingCta.style.opacity = window.scrollY > 400 ? '1' : '0';
+ floatingCta.style.pointerEvents = window.scrollY > 400 ? 'auto' : 'none';
+ });
+ floatingCta.style.opacity = '0';
+ floatingCta.style.transition = 'opacity 0.3s ease';
+
+ // --- Phone number formatting ---
+ const phoneInput = document.getElementById('phone');
+ if (phoneInput) {
+ phoneInput.addEventListener('input', function(e) {
+ let value = e.target.value.replace(/\D/g, '');
+ if (value.length >= 6) {
+ value = '(' + value.slice(0,3) + ') ' + value.slice(3,6) + '-' + value.slice(6,10);
+ } else if (value.length >= 3) {
+ value = '(' + value.slice(0,3) + ') ' + value.slice(3,6);
+ }
+ e.target.value = value;
+ });
+ }
+
+ // --- Contact form handling ---
+ const contactForm = document.getElementById('contactForm');
+ if (contactForm) {
+ contactForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+
+ const formData = new FormData(contactForm);
+ const data = {};
+ formData.forEach(function(value, key) {
+ data[key] = value;
+ });
+
+ // Send via fetch to PHP endpoint (SMTP relay via hMailserver)
+ fetch('send-contact.php', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(data)
+ })
+ .then(function(response) {
+ contactForm.innerHTML =
+ '
' +
+ '
β
' +
+ '
Message Received!
' +
+ '
Thanks for reaching out! We\'ll be in touch soon.
' +
+ '
For urgent inquiries, please call (740) 502-3120
' +
+ '
';
+ contactForm.style.pointerEvents = 'none';
+ })
+ .catch(function(err) {
+ // Fallback: open mailto if server unreachable
+ var subject = encodeURIComponent('Quote Request - ' + (data.service || 'General'));
+ var body = encodeURIComponent(
+ 'Name: ' + data.name + '\n' +
+ 'Phone: ' + data.phone + '\n' +
+ 'Email: ' + (data.email || 'Not provided') + '\n' +
+ 'Service: ' + (data.service || 'Not specified') + '\n\n' +
+ 'Message:\n' + (data.message || 'No message provided.')
+ );
+ window.location.href = 'mailto:waltwilliams87@gmail.com?subject=' + subject + '&body=' + body;
+ contactForm.innerHTML =
+ '
' +
+ '
π§
' +
+ '
Opening Email Client...
' +
+ '
If your email didn\'t open, just call (740) 502-3120
' +
+ '
';
+ contactForm.style.pointerEvents = 'none';
+ });
+ });
+ }
+
+ // --- Dynamic year ---
+ document.getElementById('year').textContent = new Date().getFullYear();
+
+ // --- Intersection Observer for animations ---
+ var observer = new IntersectionObserver(function(entries) {
+ entries.forEach(function(entry) {
+ if (entry.isIntersecting) {
+ entry.target.style.opacity = '1';
+ entry.target.style.transform = 'translateY(0)';
+ }
+ });
+ }, { threshold: 0.1 });
+
+ document.querySelectorAll('.service-card, .why-item, .stat').forEach(function(el) {
+ el.style.opacity = '0';
+ el.style.transform = 'translateY(30px)';
+ el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
+ observer.observe(el);
+ });
+});
diff --git a/progress.md b/progress.md
index b68c3f4..43e95c2 100644
--- a/progress.md
+++ b/progress.md
@@ -22,25 +22,24 @@
## Pending
### π¨ SEO (HIGH PRIORITY β must be done before going live)
-- [x] **Real favicon** β created π§ water droplet favicon matching site header icon (`favicon.png` 32x32 + `apple-touch-icon.png` 180x180)
- [ ] **Real OG banner image** β replace placeholder `img/og-banner.jpg` with a proper 1200Γ630 branded image
-- [ ] **Google Search Console verification** β add meta tag or HTML file (domain purchased, DNS configured)
-- [ ] **Google Business Profile** β set up (domain now live with SSL)
-- [x] **Real photos in gallery** β replaced placeholder before/after slider with 'Our Work' section (5 real photos from Walter)
-- [ ] **Alt text review** β ensure all real images have descriptive, keyword-rich alt text (Walter's input preferred)
+- [ ] **Real favicon** β generate a proper `.ico` / `.png` favicon from a pressure washing logo (currently using inline SVG emoji)
+- [ ] **Google Search Console verification** β add meta tag or HTML file after John purchases the domain
+- [ ] **Google Business Profile** β set up once domain is live (Walter's business listing)
+- [ ] **Alt text review** β ensure all real images have descriptive, keyword-rich alt text
- [ ] **Page load optimization** β compress real images, minify CSS/JS
- [ ] **Content review** β Walter to review all copy for accuracy before going live
### Contact Form / Email
-- [x] **SMTP relay configuration** β PHPMailer connected to hMailserver on 10.10.9.31:25 (no auth, no TLS)
+- [x] **SMTP relay configuration** β PHPMailer connected to hMailserver on 10.10.9.31:25 (no auth, no TLS) β relay handled by hMailserver/Mailjet
- [x] **Test form end-to-end** β verified working (POST returns `{"success":true}`)
-- [x] **Email delivery** β confirmed emails arrive at waltwilliams87@gmail.com
-- [x] **Form spam protection** β honeypot field (`website_url`) β bots fill it, returns success silently
+- [ ] **Test email delivery** β confirm message actually arrives at waltwilliams87@gmail.com (need real email to verify)
+- [ ] **Form spam protection** β add honeypot field or privacy-respecting alternative to reCAPTCHA
### Hosting & Domain
-- [x] **Purchase domain** β WilliamsPressureWashingServices.com
-- [x] **DNS setup** β domain points to public IP, resolves correctly
-- [x] **SSL certificate** β Let's Encrypt via Nginx Proxy Manager, valid through July 31 2026
+- [ ] **Purchase domain** β WilliamsPressureWashingServices.com (John to purchase)
+- [ ] **DNS setup** β point domain to 10.10.9.230 (John to configure)
+- [ ] **SSL certificate** β configure via Nginx Proxy Manager or Let's Encrypt on 10.10.9.230
- [ ] **PHP `mail()` config** β verify Postfix on 10.10.9.31 can relay for this server (10.10.9.230)
### Content & Branding
@@ -58,13 +57,8 @@
## Open Questions
- Does Walter have hosting, or are we providing it? β
WE ARE PROVIDING (10.10.9.230)
-- Domain purchased? β
WilliamsPressureWashingServices.com
-- DNS configured? β
Points to public IP, SSL active
-- SSL? β
Let's Encrypt via NPM, valid until July 31
-- Contact form spam protection? β
Honeypot field active
-- Email delivery? β
Confirmed at waltwilliams87@gmail.com
-- Favicon? β
π§ water droplet icon created and deployed
-- Specific images/branding from Walter? β³ Still collecting
+- Domain purchased? β³ John to purchase (next)
+- Specific images/branding from Walter? β³ John to collect
- Service area confirmed? β
Coshocton & surrounding areas
- Hours of operation? β
MonβSat 7AMβ7PM (placeholder, confirm with Walter)