# HarborSmith - Professional Boat Maintenance Services Harbor Smith provides personalized service maintenance for boats in the San Francisco Bay Area. ## Tech Stack - **Framework**: Next.js 15 - **Styling**: Tailwind CSS v4 - **Icons**: Lucide React - **Language**: TypeScript ## Features ✅ **Complete Website Sections** - Hero section with video background - About section (Why Choose Harbor Smith) - Services showcase (Hull Cleaning, Exterior Cleaning, Interior Detailing) - Contact section with CTAs - Footer with branding ✅ **Mobile Optimized** - Responsive design for all screen sizes - Touch-friendly CTAs - Optimized spacing and typography - Mobile-specific UI adjustments ✅ **iOS Safari Compatible** - Video background works on all devices - Safe area handling for modern iPhones - Smooth scrolling animations ## Getting Started ```bash # Install dependencies npm install # Run development server npm run dev # Build for production npm run build # Start production server npm start ``` Open [http://localhost:3000](http://localhost:3000) with your browser. ## Project Structure ``` / ├── app/ # Next.js app directory ├── components/ # React components ├── public/ # Static assets (images, videos) └── styles/ # Global styles ``` ## Deployment This project is ready for deployment to Vercel, Netlify, or any Node.js hosting platform. ```bash npm run build npm start ``` ## Contact - Phone: (510) 701-2535 - Email: info@harborsmith.com - Service Area: San Francisco Bay Area