<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $__env->yieldContent('title', 'SUTAN RAJA - Fine Dining Restaurant'); ?></title>
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    <!-- Meta Tags -->
    <meta name="description" content="Sutan Raja - Fine Dining Restaurant in Bandung. Open 24 hours with exquisite menu and premium dining experience since 1995.">
    <meta name="keywords" content="restaurant, fine dining, bandung, 24 hours, sutan raja, food, dining">
    
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>
    <!-- Page Loader -->
    <div class="page-loader">
        <div class="loader-content">
            <div class="loader-logo"></div>
            <div class="loader-spinner"></div>
            <div class="loader-subtitle"></div>
        </div>
    </div>

    <!-- Page Content -->
    <?php echo $__env->yieldContent('content'); ?>
    
    <!-- Scripts -->
    <script>
        // Page loading animation
        window.addEventListener('load', function() {
            const loader = document.querySelector('.page-loader');
            if (loader) {
                setTimeout(() => {
                    loader.classList.add('hidden');
                    setTimeout(() => loader.remove(), 500);
                }, 1500);
            }
            
            // Add loaded class to body for transitions
            document.body.classList.add('loaded');
        });
        
        // Smooth scroll for anchor links
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                    }
                });
            });
        });
    </script>
    
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html><?php /**PATH /home/sutanrajahotel/public_html/fb/tesmenu/resources/views/layouts/app.blade.php ENDPATH**/ ?>