import { setRequestLocale } from 'next-intl/server';
import { aktiviteler } from '@/lib/data';
import { TourCard } from '@/components/ui/TourCard';

export default async function ActivitiesPage({ params }: { params: Promise<{ locale: string }> }) {
  const { locale } = await params;
  setRequestLocale(locale);

  return (
    <div className="pt-32 pb-20 md:pt-40 bg-sandwhite-100 flex-1">
      <div className="container mx-auto px-4">
        <h1 className="text-4xl md:text-5xl font-bold text-deepblue-900 mb-4 text-center">Aktiviteler</h1>
        <p className="text-center text-gray-600 max-w-2xl mx-auto mb-12">
          Tatilinize heyecan katacak, birbirinden eğlenceli aktiviteler.
        </p>
        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
          {aktiviteler.map(activity => (
            <TourCard key={activity.id} item={activity} basePath="/aktiviteler" />
          ))}
        </div>
      </div>
    </div>
  );
}