 <!-- App Screenshots -->
    <section class="py-16 bg-white dark:bg-gray-900">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white mb-4">
                    See It in Action
                </h2>
                <p class="text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">
                    Take a look at our intuitive interface designed for modern banking
                </p>
            </div>

            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center">
                    <div class="bg-gray-200 dark:bg-gray-700 rounded-3xl h-96 flex items-center justify-center mb-4">
                        <i class="fa-solid fa-mobile-alt text-6xl text-gray-400 dark:text-gray-500"></i>
                    </div>
                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Dashboard</h3>
                    <p class="text-gray-600 dark:text-gray-300">Complete overview of all your accounts and recent activity
                    </p>
                </div>

                <div class="text-center">
                    <div class="bg-gray-200 dark:bg-gray-700 rounded-3xl h-96 flex items-center justify-center mb-4">
                        <i class="fa-solid fa-exchange-alt text-6xl text-gray-400 dark:text-gray-500"></i>
                    </div>
                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Transfers</h3>
                    <p class="text-gray-600 dark:text-gray-300">Quick and easy money transfers with just a few taps</p>
                </div>

                <div class="text-center">
                    <div class="bg-gray-200 dark:bg-gray-700 rounded-3xl h-96 flex items-center justify-center mb-4">
                        <i class="fa-solid fa-chart-pie text-6xl text-gray-400 dark:text-gray-500"></i>
                    </div>
                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Insights</h3>
                    <p class="text-gray-600 dark:text-gray-300">Detailed spending analysis and budgeting tools</p>
                </div>
            </div>
        </div>
    </section><?php /**PATH C:\xampp\htdocs\projects\online-banking-v7.0\resources\views/frontend/sections/app/screenshots.blade.php ENDPATH**/ ?>