@extends('layouts.public')
@section('title', $post->title . ' | Anywhere Phone Repair')
@section('content')
<div class="bg-zinc-50 py-16 flex-1">
    <div class="container mx-auto px-4 max-w-3xl">
        <a href="{{ route('public.blog.index') }}" class="text-primary font-bold text-sm hover:underline mb-8 inline-block">&larr; Back to Blog</a>
        <h1 class="text-3xl md:text-5xl font-black text-zinc-900 mb-4 tracking-tight">{{ $post->title }}</h1>
        <p class="text-xs font-bold text-zinc-400 uppercase tracking-widest mb-8">{{ \Carbon\Carbon::parse($post->published_at)->format('M d, Y') }}</p>
        
        <div class="prose prose-zinc prose-lg max-w-none">
            {!! $post->content !!}
        </div>
    </div>
</div>
@endsection