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