@extends('layouts.app')

@section('title', 'Le Guide Ultime du Bail Commercial & de la Cession de Fonds de Commerce - HOCHMAN')
@section('description', 'Guide complet du bail commercial et cession de fonds de commerce. Expertise avocat Paris pour négociation, renouvellement et valorisation.')

@section('content')
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
    --hochman-black: #000000;
    --hochman-red: #D52B2B;
    --hochman-gray: #666666;
    --hochman-white: #FFFFFF;
}

* {
    font-family: 'Roboto', sans-serif;
}

.expertise-card {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(226, 232, 240, 0.5);
    position: relative;
    overflow: hidden;
}

.expertise-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.5s;
}

.expertise-card:hover::before {
    left: 100%;
}

.expertise-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    border-color: var(--hochman-red);
}

.icon-container {
    width: 4rem;
    height: 4rem;
    background: linear-gradient(135deg, var(--hochman-red) 0%, #B91C1C 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 4px 15px rgba(213, 43, 43, 0.3);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out;
}

.animate-slide-in-left {
    animation: slideInLeft 0.8s ease-out;
}

.table-of-contents {
    background: linear-gradient(135deg, rgba(213, 43, 43, 0.05) 0%, rgba(213, 43, 43, 0.02) 100%);
    border-left: 4px solid var(--hochman-red);
}

.table-of-contents a {
    transition: all 0.3s ease;
    position: relative;
    padding-left: 1rem;
}

.table-of-contents a::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--hochman-red);
    transition: transform 0.3s ease;
}

.table-of-contents a:hover::before {
    transform: translateX(5px);
}

.chapter-section {
    position: relative;
    overflow: hidden;
}

.chapter-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--hochman-red), transparent);
}

.theme-card {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid rgba(226, 232, 240, 0.5);
}

.theme-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}

.guide-link {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background: rgba(213, 43, 43, 0.05);
    border-radius: 0.5rem;
    color: var(--hochman-red);
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0.25rem 0;
    border: 1px solid rgba(213, 43, 43, 0.1);
}

.guide-link:hover {
    background: var(--hochman-red);
    color: white;
    transform: translateX(5px);
}

.floating-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.floating-elements::before,
.floating-elements::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(213, 43, 43, 0.1);
    border-radius: 50%;
    animation: float 6s ease-in-out infinite;
}

.floating-elements::before {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

.floating-elements::after {
    top: 60%;
    right: 15%;
    animation-delay: 3s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}
</style>

<!-- Hero Section -->
<x-hero-section 
    title="Le Guide Ultime du Bail Commercial & de la Cession de Fonds de Commerce"
    description="Le bail commercial est le moteur de votre entreprise, mais aussi sa plus grande vulnérabilité. Le fonds de commerce est sa valeur. Maîtriser l'un sans l'autre est une erreur stratégique."
    background-image="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80"
    overlay-opacity="0.7"
/>

<!-- Introduction -->
<section class="py-20 bg-gray-50 relative">
    <div class="floating-elements"></div>
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center animate-fade-in-up">
            <p class="text-lg text-gray-700 leading-relaxed mb-8">
                Une clause de bail mal négociée peut anéantir la valeur de votre fonds ; une cession mal préparée peut vous faire perdre le fruit d'années de travail. Ce guide complet, basé sur notre expertise, est la ressource la plus exhaustive pour maîtriser chaque étape de la vie de votre actif commercial.
            </p>
        </div>
    </div>
</section>

<!-- Bloc Expertise 360° -->
<section class="py-20 bg-white relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                Notre Expertise à 360° : Pourquoi nous sommes différents
            </h2>
        </div>
        
        <div class="grid md:grid-cols-3 gap-8">
            <div class="expertise-card p-8 rounded-xl text-center">
                <div class="icon-container">
                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-4">Double Perspective</h3>
                <p class="text-gray-600 leading-relaxed">
                    Notre force ? Une connaissance intime des stratégies des bailleurs ET des besoins des preneurs. Un avantage décisif en négociation.
                </p>
            </div>
            
            <div class="expertise-card p-8 rounded-xl text-center">
                <div class="icon-container">
                    <svg class="w-8 h-8 text-white" 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-1"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-4">Orienté Valorisation</h3>
                <p class="text-gray-600 leading-relaxed">
                    Nous ne parlons pas que de droit. Nous parlons de rentabilité, de sécurisation d'actifs et de maximisation de la valeur de votre fonds.
                </p>
            </div>
            
            <div class="expertise-card p-8 rounded-xl text-center">
                <div class="icon-container">
                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
                    </svg>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-4">Une Vocation Personnelle</h3>
                <p class="text-gray-600 leading-relaxed">
                    Fils de commerçant, Me Boris Hochman a fait de la défense des entrepreneurs sa mission. Notre approche est ancrée dans une compréhension pragmatique de votre réalité.
                </p>
                <a href="#" class="inline-block mt-4 text-red-600 hover:text-red-700 font-medium">
                    En savoir plus sur notre histoire →
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Table des Matières -->
<section class="py-20 bg-gray-50">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-12 text-center animate-fade-in-up">
            Table des Matières : Accédez directement à votre problématique
        </h2>
        
        <div class="table-of-contents p-8 rounded-xl">
            <div class="space-y-4">
                <a href="#signature" class="block text-lg font-medium text-gray-800 hover:text-red-600">
                    Chapitre 1 : La Signature du Bail – Poser les Fondations de Votre Actif
                </a>
                <a href="#vie" class="block text-lg font-medium text-gray-800 hover:text-red-600">
                    Chapitre 2 : La Vie du Bail – Gérer et Protéger Votre Droit
                </a>
                <a href="#fin" class="block text-lg font-medium text-gray-800 hover:text-red-600">
                    Chapitre 3 : La Fin du Bail – Renouvellement et Stratégie d'Éviction
                </a>
                <a href="#cession" class="block text-lg font-medium text-gray-800 hover:text-red-600">
                    Chapitre 4 : La Cession – Valoriser et Transmettre Votre Fonds de Commerce
                </a>
                <a href="#contentieux" class="block text-lg font-medium text-gray-800 hover:text-red-600">
                    Chapitre 5 : Le Contentieux et les Situations Spécifiques
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Chapitre 1 : La Signature du Bail -->
<section id="signature" class="py-20 bg-white chapter-section relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                Chapitre 1 : La Signature du Bail
            </h2>
            <p class="text-xl text-red-600 font-medium animate-slide-in-left">
                La valeur future de votre fonds de commerce se décide ici. Chaque clause est un enjeu.
            </p>
        </div>
        
        <!-- Thème 1.1 : Clause de Destination -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 1.1 : La Clause de Destination
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                La "destination" est le permis d'exploiter de votre entreprise. Le choix entre une clause restrictive (sécurisante mais rigide) et une clause "tous commerces" (flexible mais plus chère) est un arbitrage stratégique. Il est crucial de comprendre la procédure de <strong>déspécialisation</strong> pour faire évoluer votre activité et d'être conscient des risques d'une exploitation non autorisée, même si elle est tolérée par le bailleur.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-choisir-clause-destination-activite') }}" class="guide-link">
                    → Destination "Tous Commerces" vs. Restrictive : lequel choisir ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-changer-activite-despecialisation') }}" class="guide-link">
                    → Le guide complet de la déspécialisation (Partielle et Plénière)
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-activite-non-autorisee-risques') }}" class="guide-link">
                    → Activité non autorisée : quels sont les risques réels ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-despecialisation-partielle-procedure-l145-47') }}" class="guide-link">
                    → Ajouter une activité connexe : la procédure de notification expliquée
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-loyer-renouvellement-impact-destination-deplafonnement') }}" class="guide-link">
                    → Comment la destination de votre bail impacte le loyer de renouvellement
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-histoire-sophie-clause-destination-restaurant') }}" class="guide-link">
                    → Cas pratique : comment la restauratrice Sophie a sauvé son activité
                </a>
            </div>
        </div>
        
        <!-- Thème 1.2 : Loyer, Charges et Travaux -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 1.2 : Loyer, Charges et Travaux
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                La loi Pinel a rebattu les cartes sur la répartition des charges. Connaître la différence entre les grosses réparations de l'<strong>article 606</strong> (bailleur) et l'entretien (locataire) est essentiel pour ne pas payer des factures indues. Les clauses financières comme le <strong>dépôt de garantie</strong>, le <strong>droit d'entrée</strong> et la <strong>clause d'indexation</strong> doivent être négociées avec une précision absolue.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-reparations-articles-605-606-bailleur-locataire') }}" class="guide-link">
                    → Article 606 vs 605 : le guide pour savoir qui paie les travaux
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-charges-interdites-loi-pinel') }}" class="guide-link">
                    → Loi Pinel : la liste complète des charges que votre bailleur ne peut plus vous facturer
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-budget-travaux-charges-annuelles-obligations-bailleur') }}" class="guide-link">
                    → Budget travaux et état des charges : vos droits à l'information
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-depot-garantie-montant-restitution-reforme') }}" class="guide-link">
                    → Dépôt de garantie : montant, restitution et pièges à éviter
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-pas-de-porte-droit-entree-analyse-juridique-fiscale') }}" class="guide-link">
                    → Le pas-de-porte (droit d'entrée) : définition et fiscalité
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-clause-indexation-echelle-mobile-validite') }}" class="guide-link">
                    → Clause d'indexation du loyer : comment la vérifier ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-facture-travaux-abusive-analyse-juridique') }}" class="guide-link">
                    → Cas pratique : comment Marc a économisé 48 000€ sur une facture de travaux
                </a>
            </div>
        </div>
        
        <!-- Thème 1.3 : Durée du Bail -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 1.3 : La Durée du Bail
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                La règle standard "3-6-9" offre des fenêtres de sortie triennales au locataire, mais elle n'est pas absolue. Il est essentiel de se méfier des clauses de <strong>"bail ferme"</strong> de 6 ou 9 ans, qui peuvent vous priver de cette flexibilité et devenir un piège si votre activité doit évoluer.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-bail-ferme-definition-caracteristiques') }}" class="guide-link">
                    → La règle "3-6-9" : pouvez-vous vraiment résilier tous les 3 ans ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-resiliation-triennale-procedure-conditions') }}" class="guide-link">
                    → Bail ferme de 6 ou 9 ans : quand est-ce légal et quels sont les dangers ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-resiliation-bailleur-motifs-procedure') }}" class="guide-link">
                    → Le bailleur peut-il résilier le bail en cours de contrat ?
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Chapitre 2 : La Vie du Bail -->
<section id="vie" class="py-20 bg-gray-50 chapter-section relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                <a name="vie"></a>Chapitre 2 : La Vie du Bail – Gérer les Droits et Obligations au Quotidien
            </h2>
            <p class="text-xl text-gray-700 font-medium animate-slide-in-left">
                Un bail commercial n'est pas un document statique. Il vit et génère des droits et obligations tout au long de son exécution.
            </p>
        </div>
        
        <!-- Image de séparation -->
        <div class="mb-16">
            <div class="image-container mx-auto max-w-4xl">
                <img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2026&q=80" 
                     alt="Gestion quotidienne bail commercial" 
                     class="w-full h-64 object-cover rounded-2xl">
            </div>
        </div>
        
        <!-- Thème 2.1 : Révision du Loyer -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 2.1 : La Révision du Loyer
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Le loyer de votre bail peut être révisé tous les 3 ans (révision triennale). Cette augmentation est en principe <strong>plafonnée</strong> à la variation des indices (ILC ou ILAT). Cependant, le bailleur peut tenter d'obtenir un <strong>déplafonnement</strong>, notamment en cas de modification des facteurs locaux de commercialité. Il est crucial de savoir comment contester une demande abusive dans les délais.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-revision-triennale-plafonnement-loyer-ilc-ilat') }}" class="guide-link">
                    → Comprendre le plafonnement du loyer et les indices ILC/ILAT
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-deplafonnement-loyer-renouvellement-art-l145-34') }}" class="guide-link">
                    → Les cas de déplafonnement du loyer : comment s'en protéger ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-contester-revision-loyer-delais-procedure') }}" class="guide-link">
                    → Comment contester une demande de révision de loyer abusive ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-defendre-plafonnement-loyer-facteurs-locaux') }}" class="guide-link">
                    → Révision légale vs. clause d'indexation annuelle : quelle différence ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-revision-legale-triennale-vs-indexation-contractuelle') }}" class="guide-link">
                    → Cas pratique : comment l'opticien Julien a contré une tentative de déplafonnement
                </a>
            </div>
        </div>
        
        <!-- Thème 2.2 : Travaux et Améliorations -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 2.2 : Travaux et Améliorations par le Locataire
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                En tant que locataire, vous pouvez réaliser des travaux d'aménagement, mais attention à ne pas franchir la ligne de la "transformation" qui nécessite l'accord du bailleur. La <strong>clause d'accession</strong> en fin de bail est également un point stratégique : elle détermine si vous serez indemnisé pour les améliorations que vous avez apportées, ou si elles reviennent gratuitement au propriétaire.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-droit-travaux-locataire-amenagement-transformation-sanctions') }}" class="guide-link">
                    → Aménagement ou transformation : où se situe la limite légale ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-clause-accession-travaux-indemnisation-fin-bail') }}" class="guide-link">
                    → La clause d'accession : serez-vous indemnisé pour vos travaux ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-defendre-plafonnement-loyer-facteurs-locaux') }}" class="guide-link">
                    → Cas pratique : comment sécuriser l'investissement dans l'aménagement d'un restaurant
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Chapitre 3 : La Fin du Bail -->
<section id="fin" class="py-20 bg-white chapter-section relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                <a name="fin"></a>Chapitre 3 : La Fin du Bail
            </h2>
            <p class="text-xl text-red-600 font-medium animate-slide-in-left">
                L'échéance des 9 ans est le moment de vérité où se joue la survie de votre "propriété commerciale".
            </p>
        </div>
        
        <!-- Image de séparation -->
        <div class="mb-16">
            <div class="image-container mx-auto max-w-4xl">
                <img src="https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" 
                     alt="Renouvellement bail commercial" 
                     class="w-full h-64 object-cover rounded-2xl">
            </div>
        </div>
        
        <!-- Thème 3.1 : Processus de Renouvellement -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 3.1 : Le Processus de Renouvellement
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Le renouvellement n'est pas automatique. Il doit être initié soit par un <strong>congé avec offre de renouvellement</strong> du bailleur, soit par une <strong>demande de renouvellement</strong> de votre part, en respectant un formalisme strict (acte d'huissier) et des délais précis. L'absence d'action mène à une <strong>tacite prolongation</strong>, situation précaire et dangereuse pour le locataire.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-revision-legale-triennale-vs-indexation-contractuelle') }}" class="guide-link">
                    → Congé du bailleur vs. demande du locataire : les procédures à maîtriser
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-tacite-prolongation-dangers-deplafonnement-l145-9') }}" class="guide-link">
                    → La tacite prolongation : un faux-ami dangereux pour le locataire
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-silence-bailleur-demande-renouvellement-l145-10') }}" class="guide-link">
                    → Que faire si le bailleur ne répond pas à votre demande de renouvellement ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-procedure-juge-loyers-commerciaux-fixation-loyer') }}" class="guide-link">
                    → Le juge des loyers commerciaux : quand et comment le saisir ?
                </a>
            </div>
        </div>
        
        <!-- Thème 3.2 : Indemnité d'Éviction -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 3.2 : L'Indemnité d'Éviction
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Le droit au renouvellement est le cœur de la <strong>propriété commerciale</strong>. Si le bailleur vous refuse ce droit sans motif grave et légitime, il doit vous verser une <strong>indemnité d'éviction</strong> pour compenser la perte de votre fonds de commerce. Comprendre son calcul, les cas d'exonération pour le bailleur, et le "droit de repentir" est essentiel pour défendre vos intérêts.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-propriete-commerciale-droit-renouvellement-l145-8') }}" class="guide-link">
                    → La "propriété commerciale" : votre droit le plus précieux expliqué
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-indemnite-eviction-composition-calcul-l145-14') }}" class="guide-link">
                    → Le guide complet pour calculer votre indemnité d'éviction
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-refus-renouvellement-sans-indemnite-eviction-l145-17') }}" class="guide-link">
                    → Les cas où le bailleur peut refuser le renouvellement sans indemnité
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-clause-agrement-cession-refus-abusif') }}" class="guide-link">
                    → Le "droit de repentir" du bailleur : peut-il changer d'avis ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-maintien-lieux-indemnite-occupation-l145-28') }}" class="guide-link">
                    → L'indemnité d'occupation : devez-vous payer un loyer après la fin du bail ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-expropriation-indemnite-eviction-fonds-de-commerce') }}" class="guide-link">
                    → Cas pratique : comment une boulangerie a obtenu une indemnité record
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Chapitre 4 : La Cession -->
<section id="cession" class="py-20 bg-gray-50 chapter-section relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                <a name="cession"></a>Chapitre 4 : La Cession
            </h2>
            <p class="text-xl text-red-600 font-medium animate-slide-in-left">
                La cession de votre entreprise est l'aboutissement de votre travail. C'est une opération où chaque détail compte.
            </p>
        </div>
        
        <!-- Image de séparation -->
        <div class="mb-16">
            <div class="image-container mx-auto max-w-4xl">
                <img src="https://images.unsplash.com/photo-1551836022-deb4988cc6c0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2026&q=80" 
                     alt="Cession fonds de commerce" 
                     class="w-full h-64 object-cover rounded-2xl">
            </div>
        </div>
        
        <!-- Thème 4.1 : Mécanismes de la Cession -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 4.1 : Les Mécanismes de la Cession
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Il est crucial de distinguer la <strong>cession du droit au bail</strong> de la <strong>cession du fonds de commerce</strong>. Les implications juridiques et fiscales sont radicalement différentes. La réussite de l'opération dépend souvent de la gestion de la <strong>clause d'agrément</strong> du bailleur, de la <strong>garantie solidaire</strong> et du <strong>droit de préemption</strong> de la commune.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-cession-guide-complet-procedure-autorisation') }}" class="guide-link">
                    → Cession de droit au bail ou de fonds de commerce : que choisir ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-clause-agrement-cession-refus-abusif') }}" class="guide-link">
                    → La clause d'agrément : comment gérer un refus du bailleur ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-garantie-solidaire-limitation-loi-pinel-l145-16-2') }}" class="guide-link">
                    → La garantie solidaire : comment la loi Pinel vous protège
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-opposabilite-cession-droit-au-bail-formalites-sanctions') }}" class="guide-link">
                    → Les formalités pour rendre la cession opposable au bailleur
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-droit-preemption-commune-procedure-dia-l213-2') }}" class="guide-link">
                    → Le droit de préemption de la commune : êtes-vous concerné ?
                </a>
                <a href="#" class="guide-link">
                    → Cas pratique : comment débloquer une cession face à un bailleur récalcitrant
                </a>
            </div>
        </div>
        
        <!-- Thème 4.2 : Fiscalité de la Cession -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 4.2 : La Fiscalité de la Cession
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                La vente de votre fonds de commerce génère une <strong>plus-value</strong> imposable. Cependant, il existe plusieurs dispositifs d'<strong>exonération</strong> (liés à la taille de l'entreprise, au départ à la retraite, etc.) qu'il est essentiel de connaître pour optimiser le fruit de votre travail.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-calcul-plus-value-cession-fonds-de-commerce') }}" class="guide-link">
                    → Comment calculer la plus-value de cession ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-exoneration-plus-value-cession-retraite') }}" class="guide-link">
                    → Les schémas pour exonérer la plus-value (retraite, PME...)
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Chapitre 5 : Le Contentieux -->
<section id="contentieux" class="py-20 bg-white chapter-section relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-16">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 animate-fade-in-up">
                <a name="contentieux"></a>Chapitre 5 : Le Contentieux et les Situations Spécifiques
            </h2>
            <p class="text-xl text-red-600 font-medium animate-slide-in-left">
                Anticiper et gérer les conflits fait partie de la vie d'un bail.
            </p>
        </div>
        
        <!-- Image de séparation -->
        <div class="mb-16">
            <div class="image-container mx-auto max-w-4xl">
                <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" 
                     alt="Contentieux bail commercial" 
                     class="w-full h-64 object-cover rounded-2xl">
            </div>
        </div>
        
        <!-- Thème 5.1 : Litiges Courants et Résiliation -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 5.1 : Les Litiges Courants et la Résiliation
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Un <strong>commandement de payer</strong> pour loyers impayés est un acte grave qui peut mener à la résiliation automatique du bail si vous ne réagissez pas dans le délai imparti. D'autres manquements, comme des travaux non autorisés ou un défaut d'assurance, peuvent aussi justifier une action en résiliation de la part du bailleur.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-commandement-de-payer-clause-resolutoire-delai') }}" class="guide-link">
                    → Commandement de payer : signification et délais pour réagir
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-commandement-de-payer-causes-nullite-analyse') }}" class="guide-link">
                    → Les vices de forme qui peuvent annuler un commandement de payer
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-delais-paiement-clause-resolutoire-l145-41') }}" class="guide-link">
                    → Peut-on obtenir des délais de paiement après un commandement ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-resiliation-manquements-locataire-hors-loyers') }}" class="guide-link">
                    → Les autres manquements qui justifient une résiliation de bail
                </a>
            </div>
        </div>
        
        <!-- Thème 5.2 & 5.3 : Baux Spéciaux -->
        <div class="theme-card mb-12">
            <h3 class="text-2xl font-bold text-gray-900 mb-6">
                Thème 5.2 & 5.3 : Les Baux Spéciaux (Dérogatoire et Professionnel)
            </h3>
            <p class="text-gray-700 leading-relaxed mb-6">
                Le <strong>bail dérogatoire</strong> ("précaire") offre une solution de courte durée (3 ans max) sans droit au renouvellement, idéal pour tester un concept. Mais attention au risque de <strong>requalification</strong> en bail commercial. Le <strong>bail professionnel</strong>, quant à lui, est destiné aux professions libérales et obéit à des règles différentes, notamment une durée de 6 ans minimum.
            </p>
            
            <h4 class="text-lg font-semibold text-gray-900 mb-4">Nos guides détaillés sur ce thème :</h4>
            <div class="grid md:grid-cols-2 gap-4">
                <a href="{{ route('guides.show', 'bail-commercial-bail-derogatoire-courte-duree-l145-5') }}" class="guide-link">
                    → Le bail dérogatoire (ou précaire) : quand l'utiliser ?
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-bail-derogatoire-courte-duree-l145-5') }}" class="guide-link">
                    → Le risque de requalification du bail dérogatoire en bail commercial
                </a>
                <a href="{{ route('guides.show', 'bail-commercial-resiliation-manqubail-professionnel-champ-application-activites-concernees') }}" class="guide-link">
                    → Le bail professionnel : pour qui et pour quoi faire ?
                </a>
                <a href="{{ route('guides.show', 'bail-professionnel-vs-commercial-differences-avantages') }}" class="guide-link">
                    → Bail professionnel vs. bail commercial : les différences clés
                </a>
            </div>
        </div>
    </div>
</section>

<!-- Section Offre "Gardien du Bail" -->
<section class="py-20 bg-gradient-to-br from-red-50 to-gray-50 relative">
    <div class="floating-elements"></div>
    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="text-4xl lg:text-5xl font-bold text-gray-900 mb-8 animate-fade-in-up">
                L'Offre "Gardien du Bail" : La Sérénité Déléguée
            </h2>
            <p class="text-xl text-gray-700 leading-relaxed max-w-4xl mx-auto mb-8">
                Naviguer dans ces 50+ points est complexe. C'est pourquoi nous avons créé une offre unique pour les dirigeants : l'abonnement "Gardien du Bail". Nous devenons votre directeur juridique externalisé pour tout ce qui touche à votre bail.
            </p>
        </div>
        
        <div class="grid lg:grid-cols-2 gap-12 items-center">
            <div>
                <div class="bg-white p-8 rounded-2xl shadow-xl border border-red-100">
                    <div class="icon-container mb-6">
                        <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                        </svg>
                    </div>
                    <h3 class="text-2xl font-bold text-gray-900 mb-4">Protection Juridique Complète</h3>
                    <ul class="space-y-3 text-gray-700">
                        <li class="flex items-start">
                            <span class="text-red-600 mr-2">✓</span>
                            Veille juridique permanente sur votre bail
                        </li>
                        <li class="flex items-start">
                            <span class="text-red-600 mr-2">✓</span>
                            Gestion des échéances critiques
                        </li>
                        <li class="flex items-start">
                            <span class="text-red-600 mr-2">✓</span>
                            Négociation avec votre bailleur
                        </li>
                        <li class="flex items-start">
                            <span class="text-red-600 mr-2">✓</span>
                            Conseil stratégique en temps réel
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                <div class="image-container">
                    <img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80" 
                         alt="Gardien du bail - Protection juridique" 
                         class="w-full h-80 object-cover rounded-xl">
                </div>
            </div>
        </div>
        
        <div class="text-center mt-12">
            <button onclick="openFreeAppointment()" class="inline-flex items-center bg-red-600 text-white px-8 py-4 rounded-xl text-lg font-semibold hover:bg-red-700 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl">
                <svg class="w-6 h-6 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                </svg>
                Découvrir l'Offre "Gardien du Bail"
            </button>
        </div>
    </div>
</section>

<!-- Section Contact Final -->
<section class="py-20 bg-black text-white relative overflow-hidden">
    <div class="absolute inset-0">
        <img src="https://images.unsplash.com/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80" 
             alt="Bureau avocat Boris Hochman" 
             class="w-full h-full object-cover opacity-20">
    </div>
    <div class="relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
            <h2 class="text-4xl lg:text-5xl font-bold mb-6 animate-fade-in-up">
                Contactez Me Boris HOCHMAN pour une Analyse Personnalisée
            </h2>
            <p class="text-xl text-gray-300 leading-relaxed max-w-4xl mx-auto mb-8">
                Ce guide est une ressource puissante, mais votre situation est unique. Pour une analyse stratégique de votre bail ou de votre projet de cession, contactez-nous.
            </p>
        </div>
        
        <div class="grid md:grid-cols-2 gap-8 mb-12">
            <div class="bg-white/10 backdrop-blur-sm p-8 rounded-xl border border-white/20">
                <h3 class="text-2xl font-bold mb-4">Consultation Stratégique</h3>
                <p class="text-gray-300 mb-6">
                    Analyse approfondie de votre situation avec recommandations personnalisées.
                </p>
                <ul class="space-y-2 text-gray-300 mb-6">
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Audit complet de votre bail
                    </li>
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Stratégie de négociation
                    </li>
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Plan d'action détaillé
                    </li>
                </ul>
                <p class="text-sm text-red-300 font-medium">
                    *RDV offert si vous nous confiez la procédure
                </p>
            </div>
            
            <div class="bg-white/10 backdrop-blur-sm p-8 rounded-xl border border-white/20">
                <h3 class="text-2xl font-bold mb-4">Expertise Reconnue</h3>
                <p class="text-gray-300 mb-6">
                    Plus de 15 ans d'expérience en droit immobilier commercial.
                </p>
                <ul class="space-y-2 text-gray-300">
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Avocat spécialisé en baux commerciaux
                    </li>
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Centaines de dossiers traités
                    </li>
                    <li class="flex items-center">
                        <span class="text-red-400 mr-2">✓</span>
                        Approche business-oriented
                    </li>
                </ul>
            </div>
        </div>
        
        <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
            <a href="https://cal.com/maitre-hochman/30min" target="_blank" class="bg-red-600 text-white px-8 py-4 rounded-xl text-lg font-semibold hover:bg-red-700 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl">
                <svg class="w-6 h-6 mr-3 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
                </svg>
                Prendre RDV Stratégique
            </a>
            <a href="mailto:bh@hochman.fr" class="bg-white text-red-600 px-8 py-4 rounded-xl text-lg font-semibold hover:bg-gray-100 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl">
                <svg class="w-6 h-6 mr-3 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
                </svg>
                Poser une question par email
            </a>
            <a href="tel:+33187663929" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-xl text-lg font-semibold hover:bg-white hover:text-red-600 transform hover:scale-105 transition-all duration-300">
                <svg class="w-6 h-6 mr-3 inline" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                </svg>
                Appeler le 01 87 66 39 29
            </a>
        </div>
    </div>
</section>

@endsection