<x-layouts.public>
    <div class="text-center py-12">
        <h1 class="text-4xl font-bold text-navy mb-4">{{ __('Libra Law Firm') }}</h1>
        <p class="text-charcoal text-lg mb-8">{{ __('Professional legal services with integrity and excellence.') }}</p>

        <div class="grid md:grid-cols-3 gap-8 mt-12">
            <div class="bg-white p-6 rounded-lg shadow-md">
                <h3 class="text-xl font-semibold text-navy mb-2">{{ __('Expert Consultations') }}</h3>
                <p class="text-charcoal">{{ __('Professional legal advice tailored to your needs.') }}</p>
            </div>
            <div class="bg-white p-6 rounded-lg shadow-md">
                <h3 class="text-xl font-semibold text-navy mb-2">{{ __('Case Management') }}</h3>
                <p class="text-charcoal">{{ __('Track your cases and stay informed every step of the way.') }}</p>
            </div>
            <div class="bg-white p-6 rounded-lg shadow-md">
                <h3 class="text-xl font-semibold text-navy mb-2">{{ __('Legal Resources') }}</h3>
                <p class="text-charcoal">{{ __('Access our library of legal insights and articles.') }}</p>
            </div>
        </div>
    </div>
</x-layouts.public>
