<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>"
      x-data="{ darkMode: localStorage.getItem('darkMode') === 'true' }"
      x-init="$watch('darkMode', val => localStorage.setItem('darkMode', val))"
      :class="{ 'dark': darkMode }"
      class="scroll-smooth">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ashok KC - Business Strategist & Startup Founder</title>

    <!-- Fonts -->
    <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=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    
<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@400;500&family=Poppins:wght@600;800&display=swap" rel="stylesheet">
    <!-- Vite loads all CSS and JS -->
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body 
    class="font-sans antialiased bg-light-bg dark:bg-dark-bg transition-colors duration-300 overflow-x-hidden"
    x-data="pageController"
    x-init="init()"
    @click.capture="handleGlobalClick($event)"
>
    
    <?php echo e($slot); ?>


    <!-- Universal Sound Button -->
    <div class="fixed bottom-8 left-8 z-40 hidden xl:block">
        <button @click="toggleSound()" 
                class="w-16 h-16 flex items-center justify-center bg-light-bg dark:bg-dark-bg rounded-full shadow-light-neumorphic dark:shadow-dark-neumorphic group">
            
            <svg x-show="soundEnabled" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z" /></svg>

            <svg x-show="!soundEnabled" style="display: none;" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-primary" fill="none" viewBox="0 0 24 24">
 

  <path fill="currentColor" stroke="none" d="M4 9h3v6H4V9zm4 0l5-5v16l-5-5H8V9z"/>
  <g stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
    <path d="M13.5 12h.01"/>
    <path d="M15.5 10.5a2.5 2.5 0 0 1 0 3"/>
    <path d="M17.25 9a4.5 4.5 0 0 1 0 6"/>
    <path d="M19 7.5a6.5 6.5 0 0 1 0 9"/>
  </g>
  
  <!-- Stroked Slash -->
  <path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M3 21L21 3"/>
</svg>
        </button>
    </div>

    <!-- Scroll to Top Button -->
    <div x-show="showScrollTop" x-transition class="fixed bottom-28 left-8 z-40 hidden xl:block">
        <button @click="scrollToTop()" class="w-16 h-16 flex items-center justify-center bg-light-bg dark:bg-dark-bg rounded-full shadow-light-neumorphic dark:shadow-dark-neumorphic group">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" /></svg>
        </button>
    </div>
    
</body>
</html><?php /**PATH /home2/kcashok/public_html/portfolio/resources/views/layouts/app.blade.php ENDPATH**/ ?>