import { Head, Link } from '@inertiajs/react'; import { useLaravelReactI18n } from 'laravel-react-i18n'; import { ArrowRight, ChevronRight } from 'lucide-react'; import { ServiceIcon } from '@/components/frontend/ServiceIcon'; import { Button } from '@/components/ui/button'; import type { ServicePublic } from '@/types/models'; type Props = { service: ServicePublic; locale: string; locale_slugs: { id: string; en: string } | null; seo: { title: string; description: string; image: string | null; }; }; /** * Detail layanan (/{locale}/layanan/{slug}) — hero, konten, sticky sidebar CTA. */ export default function ServiceDetail({ service, locale, seo }: Props) { const { t } = useLaravelReactI18n(); return ( <> {seo.image && } {/* Hero */}
{/* Breadcrumb */}

{service.name}

{service.short_description && (

{service.short_description}

)}
{/* Content + Sidebar */}
{/* Main content */}
{service.image && (
{service.name}
)} {service.description ? (
) : (

{locale === 'en' ? 'No description available for this service yet.' : 'Belum ada deskripsi untuk layanan ini.'}

)}
{/* Sticky sidebar */}
); }