{{-- LOGO KONTIXX AGENCY - PREMIUM STYLE --}}
<a href="{{ route('home') }}" class="flex items-center space-x-3 group transition-all duration-300 hover:scale-105">
    {{-- LOGO IMAGE --}}
    <div class="relative">
        <img src="{{ asset('logo-kontixx.png') }}" alt="KONTIXX Agency Logo" class="h-12 w-auto object-contain group-hover:brightness-110 transition-all duration-300 drop-shadow-lg relative z-10">
        <div class="absolute inset-0 bg-gradient-to-br from-blue-500/20 to-orange-500/20 rounded-full blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 -z-10"></div>
    </div>
    {{-- TEXTE KONTIXX AGENCY AVEC STYLE PREMIUM --}}
    <div class="flex flex-col">
        <div class="flex items-baseline gap-2.5">
            {{-- KONTIXX AVEC GRADIENT PREMIUM ANIMÉ --}}
            <span class="text-2xl md:text-3xl font-extrabold tracking-tight relative inline-block" style="background: linear-gradient(135deg, #0066FF 0%, #1e3a8a 50%, #0066FF 100%); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradient-shift 3s ease infinite; letter-spacing: -0.02em; text-shadow: 0 2px 10px rgba(0, 102, 255, 0.2);">
                KONTIXX
            </span>
            {{-- AGENCY AVEC STYLE ÉLÉGANT ET MODERNE --}}
            <span class="text-sm md:text-base font-bold tracking-widest uppercase relative" style="color: #64748b; letter-spacing: 0.15em;">
                <span class="relative z-10 group-hover:text-gray-600 transition-colors">Agency</span>
                <span class="absolute -bottom-1.5 left-0 w-0 h-0.5 bg-gradient-to-r from-orange-500 via-orange-400 to-orange-500 rounded-full group-hover:w-full transition-all duration-500 opacity-70 group-hover:opacity-100 shadow-sm shadow-orange-500/50"></span>
            </span>
        </div>
        {{-- LIGNE DÉCORATIVE SUBTILE QUI S'ANIME AU HOVER --}}
        <div class="h-0.5 w-0 group-hover:w-full bg-gradient-to-r from-blue-600 via-orange-500 to-blue-600 rounded-full mt-1.5 transition-all duration-700 shadow-sm shadow-blue-500/30"></div>
    </div>
</a>