@extends('layouts.app')

@section('title', 'Actes pour l\'Immobilier Commercial : Cession de Fonds & Droit au Bail - Cabinet Hochman')
@section('description', 'Avocat spécialisé en cession de fonds de commerce et baux commerciaux à Paris. Rédaction d\'actes sécurisés pour vos transactions immobilières d\'entreprise.')

@section('content')
<div class="min-h-screen bg-white font-roboto">
    <!-- Section Héros -->
    <x-hero-section 
    title="Actes Immobilier Commercial"
    subtitle="Expertise Juridique Immobilière"
    description="Accompagnement complet pour vos transactions immobilières commerciales avec une expertise reconnue en droit des affaires."
    background-image="https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80"
    overlay-opacity="0.7"/>

    <!-- Introduction -->
    <section class="py-16" style="background-color: rgba(102, 102, 102, 0.05);">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <p class="text-lg leading-relaxed font-roboto" style="color: #666666;">
                La cession d'un <strong style="color: #000000;">fonds de commerce</strong> ou d'un <strong style="color: #000000;">droit au bail</strong> n'est pas une simple formalité. 
                C'est un moment de rupture stratégique où chaque clause compte et où la moindre erreur sur un <strong style="color: #000000;">bail commercial 3-6-9</strong> 
                peut faire capoter une transaction ou engager votre responsabilité. En tant que The Legal Partner spécialisé dans 
                l'accompagnement des dirigeants et les transactions complexes, nous avons développé une offre dédiée à la sécurisation 
                de ces opérations cruciales.
            </p>
        </div>
    </section>

    <!-- Notre Promesse -->
    <section class="py-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 class="text-3xl font-bold text-center mb-12 font-roboto" style="color: #000000;">
                Notre Promesse : Plus qu'un Acte, une Stratégie de Protection pour vos Transactions
            </h2>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <!-- Bloc 1 -->
                <div class="text-center p-6 bg-white rounded-lg shadow-lg">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-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 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-4 font-roboto" style="color: #000000;">Expertise Pointue</h3>
                    <p class="font-roboto" style="color: #666666;">
                        Chaque acte est rédigé par un <strong style="color: #000000;">avocat expert en baux commerciaux et en cessions de fonds</strong>, 
                        pas par un assistant. Nous anticipons les risques liés aux déplafonnements, aux clauses d'agrément et aux 
                        garanties d'actif et de passif (GAP) pour protéger le cédant comme l'acquéreur.
                    </p>
                </div>

                <!-- Bloc 2 -->
                <div class="text-center p-6 bg-white rounded-lg shadow-lg">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-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="M13 10V3L4 14h7v7l9-11h-7z"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-4 font-roboto" style="color: #000000;">Réactivité & Efficacité</h3>
                    <p class="font-roboto" style="color: #666666;">
                        Nous comprenons les impératifs de timing de l'<strong style="color: #000000;">immobilier commercial</strong>. 
                        Nous nous engageons à une prise en charge rapide de votre dossier et à une communication fluide 
                        pour ne jamais bloquer une vente.
                    </p>
                </div>

                <!-- Bloc 3 -->
                <div class="text-center p-6 bg-white rounded-lg shadow-lg">
                    <div class="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-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-1"></path>
                        </svg>
                    </div>
                    <h3 class="text-xl font-semibold mb-4 font-roboto" style="color: #000000;">Tarification Forfaitaire</h3>
                    <p class="font-roboto" style="color: #666666;">
                        Pas de mauvaise surprise. Nos prestations de rédaction d'actes pour la <strong style="color: #000000;">cession de fonds de commerce</strong> 
                        et le <strong style="color: #000000;">droit au bail</strong> sont forfaitisées. Vous connaissez le coût dès le départ.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Nos Prestations -->
    <section class="py-16" style="background-color: rgba(102, 102, 102, 0.05);">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 class="text-3xl font-bold mb-8 font-roboto" style="color: #000000;">
                Nos Prestations de Rédaction d'Actes pour l'Immobilier d'Entreprise
            </h2>
            
            <p class="text-lg mb-8 font-roboto" style="color: #666666;">
                Nous intervenons sur l'ensemble des actes nécessaires à la transmission d'une activité commerciale :
            </p>
            
            <ul class="space-y-4" style="color: #666666;">
                <li class="flex items-start">
                    <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                    <span class="font-roboto">Rédaction de promesse synallagmatique de cession de fonds de commerce</span>
                </li>
                <li class="flex items-start">
                    <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                    <span class="font-roboto">Rédaction de l'acte de cession de fonds de commerce définitif</span>
                </li>
                <li class="flex items-start">
                    <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                    <span class="font-roboto">Rédaction de l'acte de cession de droit au bail</span>
                </li>
                <li class="flex items-start">
                    <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                    <span class="font-roboto">Gestion complète des formalités : séquestre du prix, purge des oppositions, publications légales</span>
                </li>
                <li class="flex items-start">
                    <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                    </svg>
                    <span class="font-roboto">Rédaction de garanties d'actif et de passif (GAP) robustes</span>
                </li>
            </ul>
        </div>
    </section>

    <!-- CTA Central -->
    <section class="py-16 text-white" style="background-color: #000000;">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h3 class="text-2xl font-bold mb-8 font-roboto">Prêt à sécuriser votre transaction ?</h3>
            
            <div class="flex flex-col sm:flex-row gap-6 justify-center">
                <a href="mailto:bh@hochman.fr?subject=Demande de devis - Acte Immobilier Commercial" 
                   class="font-semibold px-8 py-4 rounded-lg transition duration-300" style="background-color: #D52B2B; color: #FFFFFF;">
                    Demander un Devis pour un Acte
                </a>
                <a href="#contact" 
                   class="border-2 border-white hover:bg-white font-semibold px-8 py-4 rounded-lg transition duration-300" style="hover:color: #000000;">
                    Prendre un RDV de 15 min
                </a>
            </div>
        </div>
    </section>

    <!-- Partenariat Professionnel -->
    <section class="py-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
                <div>
                    <img src="{{ asset('images/tribunal-judiciaire.jpg') }}" 
                         alt="Boris Hochman, avocat pour transactions en immobilier commercial" 
                         class="rounded-lg shadow-xl max-w-full h-auto">
                </div>
                <div>
                    <h2 class="text-3xl font-bold mb-6 font-roboto" style="color: #000000;">
                        Partenariat Stratégique pour les Professionnels de l'Immobilier Commercial
                    </h2>
                    
                    <p class="mb-6 font-roboto" style="color: #666666;">
                        Vous êtes agent en immobilier d'entreprise, consultant en implantation commerciale, mandataire spécialisé 
                        ou professionnel de la transaction de commerces et d'entreprises ? Nous parlons le même langage. 
                        Nous savons que votre réputation dépend de la fluidité et de la sécurité juridique des opérations que vous concluez.
                    </p>
                    
                    <p class="mb-6 font-roboto" style="color: #666666;">
                        Déléguer la rédaction des actes à un <strong style="color: #000000;">avocat expert en baux commerciaux</strong> est un gage de sérénité 
                        pour vous et une valeur ajoutée pour vos clients. Nous vous proposons un partenariat simple et efficace 
                        pour devenir votre bras armé juridique.
                    </p>
                    
                    <ul class="space-y-3 mb-8" style="color: #666666;">
                        <li class="flex items-start">
                            <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                            </svg>
                            <span class="font-roboto">Une ligne directe et une réactivité garantie pour vos dossiers</span>
                        </li>
                        <li class="flex items-start">
                            <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                            </svg>
                            <span class="font-roboto">Une expertise qui renforce votre propre crédibilité et vous aide à closer vos deals</span>
                        </li>
                        <li class="flex items-start">
                            <svg class="w-6 h-6 mr-3 mt-0.5 flex-shrink-0" style="color: #D52B2B;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                            </svg>
                            <span class="font-roboto">Une compréhension fine des enjeux spécifiques à l'<strong style="color: #000000;">immobilier commercial</strong> 
                            (emplacements n°1, retail parks, centres-villes...)</span>
                        </li>
                    </ul>
                    
                    <p class="mb-6 font-roboto" style="color: #666666;">
                        Contactez-nous pour discuter des modalités d'un partenariat durable et mutuellement bénéfique.
                    </p>
                    
                    <a href="mailto:bh@hochman.fr?subject=Partenariat - Immobilier Commercial" 
                       class="text-white font-semibold px-8 py-3 rounded-lg transition duration-300 inline-block" style="background-color: #000000;">
                        Discuter d'un Partenariat
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="py-16" style="background-color: rgba(102, 102, 102, 0.05);">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h2 class="text-3xl font-bold mb-8 font-roboto" style="color: #000000;">Contactez-nous</h2>
            <p class="text-lg mb-8 font-roboto" style="color: #666666;">
                Prêt à sécuriser votre prochaine transaction immobilière commerciale ?
            </p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="mailto:bh@hochman.fr" 
                   class="font-semibold px-8 py-3 rounded-lg transition duration-300" style="background-color: #D52B2B; color: #FFFFFF;">
                    bh@hochman.fr
                </a>
                <a href="tel:+33123456789" 
                   class="border-2 font-semibold px-8 py-3 rounded-lg transition duration-300" style="border-color: #000000; color: #000000; hover:background-color: #000000; hover:color: #FFFFFF;">
                    01 23 45 67 89
                </a>
            </div>
        </div>
    </section>
</div>
@endsection