<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="scroll-smooth">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet">
        
        <title>{{ $title ?? 'MedChamber - Premium Healthcare' }}</title>
        
        @vite(['resources/css/app.css', 'resources/js/app.js'])
        @livewireStyles
    </head>
    <body class="font-sans">
        <div class="min-h-screen flex flex-col pt-16">
            <livewire:navigation />
            
            <main class="flex-grow">
                {{ $slot }}
            </main>
            
            <livewire:footer />
        </div>
        
        @livewireScripts
    </body>
</html>
