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

25
components/Footer.tsx Normal file
View File

@@ -0,0 +1,25 @@
export default function Footer() {
return (
<footer className="bg-gray-900 text-white py-8">
<div className="container mx-auto px-4">
<div className="flex flex-col md:flex-row justify-between items-center">
<div className="mb-4 md:mb-0">
<img
src="/HARBOR-SMITH-white.png"
alt="Harbor Smith"
className="h-12 md:h-16 w-auto"
/>
</div>
<div className="text-center md:text-right">
<p className="text-sm opacity-80">
© {new Date().getFullYear()} Harbor Smith Marine Services. All rights reserved.
</p>
<p className="text-xs opacity-60 mt-1">
Professional Boat Maintenance | San Francisco Bay Area
</p>
</div>
</div>
</div>
</footer>
)
}