import { notFound } from 'next/navigation';
import { getServiceBySlug } from '@/lib/services';
import ServiceDetails from '@/components/services/ServiceDetails';

interface ServicePageProps {
  params: {
    slug: string;
  };
}

export default function ServicePage({ params }: ServicePageProps) {
  const service = getServiceBySlug(params.slug);

  if (!service) {
    notFound();
  }

  return <ServiceDetails service={service} />;
}

export async function generateStaticParams() {
  return [
    { slug: 'street' },
    { slug: 'studio' },
    { slug: 'retouch' },
    { slug: 'certificate' },
  ];
}

