@extends('layouts.app')

@section('title', 'Gestion de Crises & Litiges - HOCHMAN Legal Partner')
@section('description', 'Votre partenaire juridique au cœur de la tempête. Stratégie de défense et pilotage d\'experts spécialisés.')

@section('content')
<!-- Hero Section -->
<x-hero-section 
    title="Gestion de Crises & Litiges"
    subtitle="Résolution Stratégique des Conflits"
    description="Transformer une crise en opportunité grâce à une gestion experte des litiges et des situations conflictuelles."
    background-image="https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80"
    overlay-opacity="0.8"
/>

<!-- Section Services -->
<section class="py-20" style="background-color: #FFFFFF;">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl md:text-5xl font-bold mb-6" style="color: #000000; font-family: 'Roboto', sans-serif;">
                Nos Expertises en Gestion de Crises
            </h2>
            <div class="w-24 h-1 mx-auto" style="background-color: #D52B2B;"></div>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <!-- Service 1: Conflits du Travail -->
            <div class="bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-all duration-300 border-l-4" style="border-left-color: #D52B2B;">
                <div class="flex items-center mb-6">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4" style="background-color: rgba(213, 43, 43, 0.1);">
                        <svg class="w-8 h-8" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold" style="color: #000000; font-family: 'Roboto', sans-serif;">Conflits du Travail</h3>
                </div>
                <p class="text-lg mb-6" style="color: #666666; font-family: 'Roboto', sans-serif;">
                    Licenciements, harcèlement, ruptures conventionnelles. Nous défendons vos intérêts d'employeur avec une stratégie adaptée à chaque situation.
                </p>
                <a href="{{ route('expertise.travail') }}" class="inline-flex items-center font-medium transition-all duration-300 hover:translate-x-2" style="color: #D52B2B; font-family: 'Roboto', sans-serif;">
                    Découvrir notre expertise
                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
            
            <!-- Service 2: Contrôle Fiscal -->
            <div class="bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-all duration-300 border-l-4" style="border-left-color: #D52B2B;">
                <div class="flex items-center mb-6">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4" style="background-color: rgba(213, 43, 43, 0.1);">
                        <svg class="w-8 h-8" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold" style="color: #000000; font-family: 'Roboto', sans-serif;">Contrôle Fiscal</h3>
                </div>
                <p class="text-lg mb-6" style="color: #666666; font-family: 'Roboto', sans-serif;">
                    Face à un contrôle fiscal, nous élaborons une stratégie de défense rigoureuse pour minimiser les redressements et protéger votre entreprise.
                </p>
                <a href="{{ route('expertise.fiscal') }}" class="inline-flex items-center font-medium transition-all duration-300 hover:translate-x-2" style="color: #D52B2B; font-family: 'Roboto', sans-serif;">
                    Découvrir notre expertise
                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
            
            <!-- Service 3: Conflit entre Associés -->
            <div class="bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-all duration-300 border-l-4" style="border-left-color: #D52B2B;">
                <div class="flex items-center mb-6">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4" style="background-color: rgba(213, 43, 43, 0.1);">
                        <svg class="w-8 h-8" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold" style="color: #000000; font-family: 'Roboto', sans-serif;">Conflit entre Associés</h3>
                </div>
                <p class="text-lg mb-6" style="color: #666666; font-family: 'Roboto', sans-serif;">
                    Mésententes, exclusions, valorisations. Nous trouvons des solutions pragmatiques pour préserver l'entreprise et vos intérêts.
                </p>
                <a href="{{ route('expertise.conflit') }}" class="inline-flex items-center font-medium transition-all duration-300 hover:translate-x-2" style="color: #D52B2B; font-family: 'Roboto', sans-serif;">
                    Découvrir notre expertise
                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
            
            <!-- Service 4: Recouvrement de Créances -->
            <div class="bg-white rounded-xl shadow-lg p-8 hover:shadow-xl transition-all duration-300 border-l-4" style="border-left-color: #D52B2B;">
                <div class="flex items-center mb-6">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mr-4" style="background-color: rgba(213, 43, 43, 0.1);">
                        <svg class="w-8 h-8" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold" style="color: #000000; font-family: 'Roboto', sans-serif;">Recouvrement de Créances</h3>
                </div>
                <p class="text-lg mb-6" style="color: #666666; font-family: 'Roboto', sans-serif;">
                    Impayés, procédures collectives, négociations. Nous récupérons vos créances avec efficacité et préservons vos relations commerciales.
                </p>
                <a href="{{ route('expertise.recouvrement') }}" class="inline-flex items-center font-medium transition-all duration-300 hover:translate-x-2" style="color: #D52B2B; font-family: 'Roboto', sans-serif;">
                    Découvrir notre expertise
                    <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Section CTA Final -->
<section class="py-16" style="background-color: #000000;">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="text-3xl md:text-4xl font-bold mb-6 text-white" style="font-family: 'Roboto', sans-serif;">
            Besoin d'une stratégie de défense ?
        </h2>
        <p class="text-xl text-gray-300 mb-8" style="font-family: 'Roboto', sans-serif;">
            Contactez-nous pour une consultation stratégique de 30 minutes
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="https://cal.com/maitre-hochman/30min" target="_blank" class="px-8 py-4 rounded-lg font-medium transition-all duration-300 hover:scale-105" style="background-color: #D52B2B; color: #FFFFFF; font-family: 'Roboto', sans-serif;">
                Prendre RDV (30 min - 80€)
            </a>
            <a href="tel:+33187663929" class="px-8 py-4 rounded-lg font-medium border-2 border-white text-white hover:bg-white hover:text-black transition-all duration-300" style="font-family: 'Roboto', sans-serif;">
                Appeler le 01 87 66 39 29
            </a>
        </div>
    </div>
</section>
@endsection