80 lines
3.6 KiB
PHP
80 lines
3.6 KiB
PHP
<x-layouts.public>
|
|
{{-- 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>
|
|
|
|
{{-- 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>
|
|
</section>
|
|
|
|
{{-- About Section --}}
|
|
<section id="about" class="py-16 lg:py-20 bg-card">
|
|
<div class="container mx-auto px-4">
|
|
<h2 class="text-2xl lg:text-3xl font-semibold text-text text-center mb-12">
|
|
{{ __('home.about_title') }}
|
|
</h2>
|
|
|
|
<div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12 max-w-5xl mx-auto">
|
|
{{-- Photo --}}
|
|
<div class="flex-shrink-0">
|
|
<img
|
|
src="{{ asset('images/huda-armouche.jpg') }}"
|
|
alt="{{ __('home.lawyer_name') }}"
|
|
class="w-48 h-48 lg:w-64 lg:h-64 rounded-full object-cover shadow-lg"
|
|
>
|
|
</div>
|
|
|
|
{{-- Bio --}}
|
|
<div class="text-center lg:text-start">
|
|
<h3 class="text-xl lg:text-2xl font-bold text-text mb-1">
|
|
{{ __('home.lawyer_name') }}
|
|
</h3>
|
|
<p class="text-cta font-medium mb-4">
|
|
{{ __('home.lawyer_title') }}
|
|
</p>
|
|
<p class="text-body leading-relaxed">
|
|
{{ __('home.lawyer_bio') }}
|
|
</p>
|
|
</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>
|