Add park listing page

src/components/parks/ParkGridView.tsx

@@ -0,0 +1,21 @@
+import { ParkCard } from './ParkCard';
+import { Park } from '@/types/database';
+
+interface ParkGridViewProps {
+  parks: Park[];
+  onParkClick: (park: Park) => void;
+}
+
+export function ParkGridView({ parks, onParkClick }: ParkGridViewProps) {
+  return (
+    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-6">
+      {parks.map((park) => (
+        <ParkCard 
+          key={park.id} 
+          park={park} 
+          onClick={() => onParkClick(park)}
+        />
+      ))}
+    </div>
+  );
+}