<section id="home" class="min-h-screen pt-32 pb-16 px-4 flex items-center">
    <div class="container mx-auto">
        <div class="flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
                <h1 class="text-4xl md:text-6xl font-bold mb-4">Hi, I'm <span class="text-blue-600">Kcashok</span></h1>
                <div class="text-2xl md:text-4xl mb-6">
                    <span class="typed-text"></span>
                    <span class="cursor">&nbsp;</span>
                </div>
                <p class="text-gray-600 mb-8">Web Developer & Designer based in Nepal</p>
                <a href="#contact" class="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition">Hire Me</a>
            </div>
            <div class="md:w-1/2" data-aos="fade-left">
                <img src="{{ asset('images/hero.png') }}" alt="Kcashok" class="rounded-lg shadow-xl w-full max-w-md mx-auto">
            </div>
        </div>
    </div>
</section>