Initial import of HarborSmith website

apps/website/components/BookingSection.vue

@@ -0,0 +1,59 @@
+<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">
+          <div class="booking-card">
+            <span class="booking-icon">
+              <LucideCalendar />
+            </span>
+            <h3>Schedule Service</h3>
+            <p>Book your maintenance appointment</p>
+            <button class="btn-booking" @click="handleBookNow">Book Now</button>
+          </div>
+
+          <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>