934985c07c
All checks were successful
build-website / build (push) Successful in 2m14s
CRITICAL FIXES: 1. Removed iOS position:fixed hack that completely broke scrolling - Users can now scroll on iPhones/iPads (site was unusable before) 2. Fixed video not extending into safe areas - Video now properly fills the entire screen including notch areas - Used CSS env() variables with negative margins for full-bleed effect - Content respects safe areas with proper padding 3. Added explicit white background fallback - White background shows if video fails to load - No longer relies on implicit browser defaults The site is now fully functional on iOS devices with proper safe area handling and immersive video experience as intended. 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
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
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