feat: Migrate to Next.js with complete mobile-optimized website
Some checks failed
build-website / build (push) Failing after 7s

- Replaced Vue/Nuxt with Next.js 15 for better performance and simpler architecture
- Implemented all website sections with responsive design:
  - Hero section with video background and mobile-optimized spacing
  - About section with feature highlights
  - Services showcase with 3 service cards
  - Contact section with CTAs and trust badges
  - Footer with branding
- Added Lucide React icons throughout
- Mobile optimizations:
  - Responsive text and button sizing
  - Touch-friendly CTAs
  - Proper spacing adjustments for mobile/desktop
  - Scroll indicator with bouncing chevron
- Archived Vue/Nuxt version in vue-archive folder
- Moved all assets to Next.js public folder

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matt
2025-09-26 16:12:00 +02:00
parent 256f7eb069
commit d0f33f66f3
109 changed files with 3113 additions and 43 deletions

74
README.md Normal file
View File

@@ -0,0 +1,74 @@
# 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
└── vue-archive/ # Archived Vue/Nuxt version
```
## 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