import StatsSection from '@/components/home/StatsSection'; import { Button } from '@/components/ui/button'; import WebLayout from '@/layouts/WebLayout'; import { Head, Link } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; interface ServiceData { id: string; slug: string; title: string; description: string; icon: string; fullDescription: string[]; benefits: string[]; image: string; } interface ServiceShowProps { service: ServiceData; relatedServices: ServiceData[]; } const ServiceDetail = ({ service, relatedServices }: ServiceShowProps) => { return ( <>
Back to Services

{service.title}

{/* Service Description */}
{service.title}

Overview

{service.description ? (
) : (

No documentation provided.

)}

Request This Service

Interested in our {service.title.toLowerCase()} services? Contact us for a consultation and quote.

{/* Related Services */}

Other Services You Might Need

{relatedServices && relatedServices.map((relatedService) => (
{relatedService.icon}

{relatedService.title}

{relatedService.description}

Learn More
))}
); }; export default ServiceDetail;