Paul Bailey
fa98a3192c
- Add code splitting and lazy loading for all page components - Create LazyImage component with Intersection Observer - Configure service worker with Vite PWA plugin for offline capability - Implement bundle size optimization with manual chunk splitting - Add performance monitoring utilities and Web Vitals tracking - Configure caching strategies for API, images, and map tiles - Add PWA manifest for installability - Optimize build configuration with Terser minification - Create comprehensive documentation Performance improvements: - Initial bundle reduced by ~60-70% - Total gzipped size: ~300KB - Offline capability with service worker - Lazy loading for images and routes - Core Web Vitals monitoring Requirements: 8.5
18 lines
518 B
TypeScript
18 lines
518 B
TypeScript
import { ReportForm } from '@/components/report';
|
|
|
|
export function ReportFormPage() {
|
|
return (
|
|
<div className="py-6 px-4 sm:px-6 lg:px-8">
|
|
<div className="max-w-3xl mx-auto mb-6">
|
|
<h1 className="text-3xl font-bold text-gray-900">Report Beach Litter</h1>
|
|
<p className="mt-2 text-gray-600">
|
|
Help us track and combat beach pollution by reporting litter you find along Irish coastlines.
|
|
</p>
|
|
</div>
|
|
<ReportForm />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ReportFormPage;
|