website/README.md

# 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