complete story 14.1

This commit is contained in:
Naser Mansour
2026-01-09 16:51:55 +02:00
parent 6504327ed7
commit 972af7a127
6 changed files with 201 additions and 27 deletions
+41 -16
View File
@@ -1,21 +1,46 @@
<x-layouts.public>
<div class="text-center py-8 sm:py-12">
<h1 class="text-2xl sm:text-3xl lg:text-4xl font-bold text-body mb-4">{{ __('Libra Law Firm') }}</h1>
<p class="text-body text-base sm:text-lg mb-6 sm:mb-8 px-4">{{ __('Professional legal services with integrity and excellence.') }}</p>
{{-- Hero Section --}}
<section class="bg-background py-8 sm:py-12 lg:py-16">
<div class="container mx-auto px-4 text-center">
{{-- Tagline --}}
<h1 class="text-[1.75rem] sm:text-[2rem] lg:text-[2.5rem] font-bold text-text mb-6">
{{ __('home.tagline') }}
</h1>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8 mt-8 sm:mt-12">
<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>
{{-- Introductory Text --}}
<p class="text-text text-base sm:text-lg max-w-[800px] mx-auto mb-8">
{{ __('home.intro') }}
</p>
{{-- CTA Buttons --}}
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="{{ route('booking') }}" class="btn-primary">
{{ __('home.cta_book') }}
</a>
<a href="#services" class="btn-secondary">
{{ __('home.cta_services') }}
</a>
</div>
</div>
</div>
</section>
{{-- Services Section Placeholder --}}
<section id="services" class="py-8 sm:py-12">
<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>
</div>
</section>
</x-layouts.public>