<h1 class="confirmation-title">Booking Request Received!</h1>
<p class="confirmation-message">
Thank you for choosing Hair@Home! We've received your appointment request and will contact you within 24 hours to confirm your booking.
</p>
<div class="next-steps">
<h2>What Happens Next?</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<div class="step-content">
<h3>Confirmation Call</h3>
<p>We'll call or text you within 24 hours to confirm your appointment time and discuss any specific requirements.</p>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div class="step-content">
<h3>Preparation</h3>
<p>We'll arrive 15 minutes early to set up our mobile service station at your location.</p>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div class="step-content">
<h3>Service Day</h3>
<p>Enjoy professional hair services in the comfort of your home!</p>
</div>
</div>
</div>
</div>
<div class="payment-info">
<h2>Payment Information</h2>
<p>As requested, we accept:</p>
<ul>
<li><strong>Interac e-Transfer:</strong> Send to [email protected]</li>
<li><strong>Cash:</strong> Pay directly on service day</li>
</ul>
</div>
<div class="contact-info">
<h2>Need to Make Changes?</h2>
<p>If you need to modify or cancel your booking, please contact us:</p>
<div class="contact-methods">
<div class="contact-item">
<strong>Phone:</strong> <a href="tel:2045550123">(204) 555-0123</a>
</div>
<div class="contact-item">
<strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="actions">
<a href="/" class="btn btn-primary">Return to Home</a>
<a href="/services/" class="btn btn-secondary">Browse Services</a>
</div>