AM-WEB/lahrcarpetcleaning.com
5
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: replace all booking CTAs with BookedIn scheduling link

Browse Source 
Replace /contact/ booking links sitewide with the BookedIn external
scheduling URL (https://bookedin.com/book/lahr-carpet-cleaning-and-upholstery).
All "Book Now" and "Get a Free Estimate" buttons across 38 HTML pages now
open the BookedIn scheduler in a new tab. Added a "Book Online" CTA button
to the shared nav bar and a booking link in the footer (components.js).
The contact page retains its form as a secondary option, with a prominent
"Book Online Instantly" banner added above it.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Concept Agent
2026-05-20 19:36:12 +02:00
parent 1b99352327
commit 50be7cd947
40 changed files with 141 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact/index.html
+48
View File
@@ -181,6 +181,48 @@
justify-content: center;
margin-top: 8px;
}
.book-online-banner {
background: linear-gradient(135deg, rgba(79,195,247,0.15), rgba(79,195,247,0.05));
border: 1px solid rgba(79,195,247,0.3);
border-radius: 12px;
padding: 28px 32px;
margin-bottom: 28px;
text-align: center;
}
.book-online-banner h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 8px;
color: #fff;
}
.book-online-banner p {
color: rgba(255,255,255,0.65);
font-size: 0.95rem;
margin-bottom: 18px;
line-height: 1.5;
}
.book-online-banner .btn {
font-size: 1rem;
padding: 14px 32px;
}
.form-divider {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 28px;
color: rgba(255,255,255,0.35);
font-size: 0.82rem;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
}
.form-divider::before,
.form-divider::after {
content: '';
flex: 1;
height: 1px;
background: rgba(255,255,255,0.1);
}
</style>
</head>
<body>
@@ -238,6 +280,12 @@
</div>
<div class="contact-page-form">
<div class="book-online-banner">
<h3><i class="fas fa-calendar-check"></i> Book Online Instantly</h3>
<p>Skip the form and schedule your cleaning directly. Pick your date and time and you are all set.</p>
<a href="https://bookedin.com/book/lahr-carpet-cleaning-and-upholstery" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Book Online Now</a>
</div>
<div class="form-divider">or send us a message</div>
<h2>Book Your Cleaning</h2>
<p class="form-sub">Fill out the form and we will be in touch to confirm your appointment.</p>
<form id="contactForm" action="#" method="POST">