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

export default async function BoatToursPage({ 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">Tekne Turları</h1>
        <p className="text-center text-gray-600 max-w-2xl mx-auto mb-12">
          Masmavi suların keyfini çıkaracağınız, eşsiz koyları keşfedeceğiniz tekne turları.
        </p>
        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
          {tekneTurlari.map(tour => (
            <TourCard key={tour.id} item={tour} basePath="/tekne-turlari" />
          ))}
        </div>
      </div>
    </div>
  );
}