Files

build-website / build (push) Failing after 7s

Details

feat: Migrate to Next.js with complete mobile-optimized website

- 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>

2025-09-26 16:12:00 +02:00

1.6 KiB

Raw Blame History

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

# 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 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.

npm run build
npm start

Contact

Phone: (510) 701-2535
Email: info@harborsmith.com
Service Area: San Francisco Bay Area

1.6 KiB Raw Blame History