import AltivateLayout from '@/Layouts/AltivateLayout'; import { Head, Link } from '@inertiajs/react'; import { ArrowLeft, MapPin, Tag, Calendar } from 'lucide-react'; interface Metric { k: string; v: string; } interface CaseStudy { id: number; title: string; tag: string | null; location: string | null; content: string | null; metrics: Metric[] | null; created_at: string; media?: { url: string; }; } export default function Show({ caseStudy }: { caseStudy: CaseStudy }) { return (

{/* Header Section */}

{/* Background Detail */}

Back to Case Studies

{caseStudy.tag}

{caseStudy.location}

{caseStudy.title}

{caseStudy.metrics?.map((m, i) => (

{m.k}

{m.v}

))}

Published

{new Date(caseStudy.created_at).toLocaleDateString('en-US', { month: 'long', year: 'numeric' })}

{/* Main Content */}

{caseStudy.media?.url && (

{caseStudy.title}

)}

Ready for these results?

Every business is a system. If your system isn't producing the growth you want, we can help you find the broken parts and fix them.

Book a Growth Audit call

); }