matt
8d829046d6
All checks were successful
build-website / build (push) Successful in 1m42s
- Update hero tagline to "Reliable Care Above and Below the Waterline" - Remove 5-star rating badge from hero section - Change "Mobile Service" to "Tailored Service" with wrench icon - Update section title from "Our Premium Services" to "Our Services" - Merge Hull Cleaning and Anode Change services into single card - Rename "Exterior Wash & Wax" to "Exterior Cleaning" - Update trust indicators to show 3 badges: Years Experience, Customizable Service, Certified Experts - Remove "Schedule Service" button from booking section - Fix service card alignment with consistent heights and flexbox layout - Add responsive layout for trust indicators on mobile (2+1 grid) 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.6 KiB
Vue
51 lines
1.6 KiB
Vue
<template>
|
|
<section class="booking-cta" style="background: linear-gradient(135deg, rgba(30, 58, 95, 0.9), rgba(75, 124, 184, 0.85)), url('sf_bay_exposure.jpg') center/cover no-repeat; position: relative;">
|
|
<div class="booking-container">
|
|
<div class="booking-content">
|
|
<h2 class="booking-title">Ready to Schedule Your Service?</h2>
|
|
<p class="booking-subtitle">
|
|
Join hundreds of boat owners who trust Harbor Smith for professional maintenance
|
|
</p>
|
|
|
|
<div class="booking-options" style="justify-content: center; gap: 3rem;">
|
|
<div class="booking-card featured">
|
|
<span class="booking-icon">
|
|
<LucidePhone />
|
|
</span>
|
|
<h3>Call Us Today</h3>
|
|
<p>Get a personalized quote</p>
|
|
<button class="btn-booking primary" @click="handleCall">Call (510) 701-2535</button>
|
|
</div>
|
|
|
|
<div class="booking-card">
|
|
<span class="booking-icon">
|
|
<LucideMail />
|
|
</span>
|
|
<h3>Email Us</h3>
|
|
<p>Send us your service request</p>
|
|
<button class="btn-booking" @click="handleEmail">Contact Us</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const handleBookNow = () => {
|
|
window.location.href = 'maintenance-booking.html'
|
|
}
|
|
|
|
const handleCall = () => {
|
|
window.location.href = 'tel:510-701-2535'
|
|
}
|
|
|
|
const handleEmail = () => {
|
|
window.location.href = 'mailto:hello@harborsmith.co'
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
/* Booking styles defined in voyage-layout.css */
|
|
</style>
|