complete story 14.3
This commit is contained in:
@@ -57,22 +57,32 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{-- Services Section Placeholder --}}
|
||||
<section id="services" class="py-8 sm:py-12">
|
||||
{{-- Services Section --}}
|
||||
<section id="services" class="py-16 lg:py-20 bg-background">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8">
|
||||
<div class="bg-card p-4 sm:p-6 rounded-lg shadow-card">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-text mb-2">{{ __('Expert Consultations') }}</h3>
|
||||
<p class="text-body text-sm sm:text-base">{{ __('Professional legal advice tailored to your needs.') }}</p>
|
||||
</div>
|
||||
<div class="bg-card p-4 sm:p-6 rounded-lg shadow-card">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-text mb-2">{{ __('Case Management') }}</h3>
|
||||
<p class="text-body text-sm sm:text-base">{{ __('Track your cases and stay informed every step of the way.') }}</p>
|
||||
</div>
|
||||
<div class="bg-card p-4 sm:p-6 rounded-lg shadow-card sm:col-span-2 lg:col-span-1">
|
||||
<h3 class="text-lg sm:text-xl font-semibold text-text mb-2">{{ __('Legal Resources') }}</h3>
|
||||
<p class="text-body text-sm sm:text-base">{{ __('Access our library of legal insights and articles.') }}</p>
|
||||
</div>
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-2xl lg:text-3xl font-semibold text-text mb-4">
|
||||
{{ __('home.services_title') }}
|
||||
</h2>
|
||||
<p class="text-body max-w-2xl mx-auto">
|
||||
{{ __('home.services_subtitle') }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
@foreach(['consultations', 'representation', 'litigation', 'contracts'] as $service)
|
||||
<div class="bg-card p-6 rounded-lg shadow-card text-center">
|
||||
<div class="text-cta mb-4">
|
||||
<flux:icon name="{{ __('home.services.' . $service . '.icon') }}" class="w-12 h-12 mx-auto" />
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-text mb-2">
|
||||
{{ __('home.services.' . $service . '.title') }}
|
||||
</h3>
|
||||
<p class="text-body text-sm">
|
||||
{{ __('home.services.' . $service . '.description') }}
|
||||
</p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user