<section class="py-16 md:py-24 bg-white dark:bg-gray-800">
    <div class="container mx-auto px-4">
        <div class="text-center mb-16">
            <h2 class="text-3xl sm:text-4xl font-bold text-gray-800 dark:text-white">Why Choose WebPilot AI?</h2>
            <p class="mt-4 text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">Unlock powerful features designed for simplicity and speed.</p>
        </div>
        <div class="grid md:grid-cols-3 gap-8 text-center">
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300 hover:shadow-blue-500/30 dark:hover:shadow-blue-400/30">
                <div class="text-blue-500 dark:text-blue-400 mb-5 inline-block p-4 bg-blue-100 dark:bg-blue-900/30 rounded-full">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                    </svg>
                </div>
                <h3 class="text-2xl font-semibold text-gray-700 dark:text-white mb-3">Intelligent Design</h3>
                <p class="text-gray-500 dark:text-gray-400">Our AI crafts unique, beautiful designs tailored to your specific industry and needs.</p>
            </div>
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300 hover:shadow-green-500/30 dark:hover:shadow-green-400/30">
                <div class="text-green-500 dark:text-green-400 mb-5 inline-block p-4 bg-green-100 dark:bg-green-900/30 rounded-full">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
                    </svg>
                </div>
                <h3 class="text-2xl font-semibold text-gray-700 dark:text-white mb-3">Simple Customization</h3>
                <p class="text-gray-500 dark:text-gray-400">Easily fine-tune every element with our intuitive, no-code visual editor.</p>
            </div>
            <div class="bg-slate-50 dark:bg-slate-700/50 p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300 hover:shadow-purple-500/30 dark:hover:shadow-purple-400/30">
                <div class="text-purple-500 dark:text-purple-400 mb-5 inline-block p-4 bg-purple-100 dark:bg-purple-900/30 rounded-full">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
                    </svg>
                </div>
                <h3 class="text-2xl font-semibold text-gray-700 dark:text-white mb-3">Deploy with Ease</h3>
                <p class="text-gray-500 dark:text-gray-400">Download your site or deploy directly to your hosting in just a few clicks.</p>
            </div>
        </div>
    </div>
</section>
<?php /**PATH D:\projects\digitalvocano\Modules/WebPilotAI\resources/views/frontend/partials/_feature_highlights_homepage.blade.php ENDPATH**/ ?>