fixed servicies in home page
This commit is contained in:
@@ -89,19 +89,77 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
</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>
|
||||
{{-- Legal Consultations & Representation --}}
|
||||
<div class="bg-card p-6 rounded-lg shadow-card text-center">
|
||||
<div class="text-cta mb-4">
|
||||
<flux:icon name="scale" class="w-12 h-12 mx-auto" />
|
||||
</div>
|
||||
@endforeach
|
||||
<h3 class="text-lg font-bold text-text mb-4">
|
||||
{{ __('home.service_consultation_title') }}
|
||||
</h3>
|
||||
<ul class="text-sm text-body space-y-2 text-start">
|
||||
@foreach(__('home.service_consultation_items') as $item)
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-cta rounded-full flex-shrink-0"></span>
|
||||
{{ $item }}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{{-- Women's & Family Law --}}
|
||||
<div class="bg-card p-6 rounded-lg shadow-card text-center">
|
||||
<div class="text-cta mb-4">
|
||||
<flux:icon name="heart" class="w-12 h-12 mx-auto" />
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-text mb-4">
|
||||
{{ __('home.service_family_title') }}
|
||||
</h3>
|
||||
<ul class="text-sm text-body space-y-2 text-start">
|
||||
@foreach(__('home.service_family_items') as $item)
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-cta rounded-full flex-shrink-0"></span>
|
||||
{{ $item }}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{{-- Civil & Commercial Disputes --}}
|
||||
<div class="bg-card p-6 rounded-lg shadow-card text-center">
|
||||
<div class="text-cta mb-4">
|
||||
<flux:icon name="building-office" class="w-12 h-12 mx-auto" />
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-text mb-4">
|
||||
{{ __('home.service_civil_title') }}
|
||||
</h3>
|
||||
<ul class="text-sm text-body space-y-2 text-start">
|
||||
@foreach(__('home.service_civil_items') as $item)
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-cta rounded-full flex-shrink-0"></span>
|
||||
{{ $item }}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{{-- Business Legal Services --}}
|
||||
<div class="bg-card p-6 rounded-lg shadow-card text-center">
|
||||
<div class="text-cta mb-4">
|
||||
<flux:icon name="briefcase" class="w-12 h-12 mx-auto" />
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-text mb-4">
|
||||
{{ __('home.service_business_title') }}
|
||||
</h3>
|
||||
<ul class="text-sm text-body space-y-2 text-start">
|
||||
@foreach(__('home.service_business_items') as $item)
|
||||
<li class="flex items-center gap-2">
|
||||
<span class="w-1.5 h-1.5 bg-cta rounded-full flex-shrink-0"></span>
|
||||
{{ $item }}
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user