<section id="about" class="py-20 bg-white">
    <div class="container mx-auto px-4">
        <div class="text-center mb-16" data-aos="fade-up">
            <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">About Me</h2>
            <div class="w-20 h-1 bg-blue-600 mx-auto"></div>
        </div>

        <div class="flex flex-col md:flex-row items-center">
            <div class="md:w-1/3 mb-10 md:mb-0" data-aos="fade-right">
                <img src="{{ asset('images/about.jpg') }}" alt="About Kcashok" class="rounded-lg shadow-xl w-full max-w-xs mx-auto">
            </div>
            
            <div class="md:w-2/3 md:pl-12" data-aos="fade-left">
                <h3 class="text-2xl font-semibold text-gray-800 mb-4">Who am I?</h3>
                <p class="text-gray-600 mb-6 leading-relaxed">
                    I'm Kcashok, a professional web developer and designer from Nepal with 5+ years of experience creating modern websites and web applications.
                </p>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
                    <div>
                        <h4 class="font-semibold text-gray-800">Name:</h4>
                        <p class="text-gray-600">Kcashok</p>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-800">Email:</h4>
                        <p class="text-gray-600">contact@kcashok.com.np</p>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-800">Phone:</h4>
                        <p class="text-gray-600">+977 98XXXXXXX</p>
                    </div>
                    <div>
                        <h4 class="font-semibold text-gray-800">Freelance:</h4>
                        <p class="text-gray-600">Available</p>
                    </div>
                </div>
                
                <a href="#" class="inline-block bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 transition">
                    Download CV
                </a>
            </div>
        </div>
    </div>
</section>