<x-layouts.public>
    <div class="py-8">
        <h1 class="text-3xl font-bold text-text mb-6">{{ __('footer.terms') }}</h1>
        <div class="bg-card p-8 rounded-lg shadow-card prose prose-brand max-w-none">
            <p class="text-body">{{ __('Terms of service content will be added here.') }}</p>
        </div>
    </div>
</x-layouts.public>
