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

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

  return (
    <div className="py-20 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">Turlar</h1>
        <p className="text-center text-gray-600 max-w-2xl mx-auto mb-12">
          Sizin için özenle hazırladığımız tur seçeneklerimizi inceleyin ve unutulmaz bir tatil deneyimi yaşayın.
        </p>
        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
          {turlar.map(tour => (
            <TourCard key={tour.id} item={tour} basePath="/turlar" />
          ))}
        </div>
      </div>
    </div>
  );
}