<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">Packed with Powerful AI Tools</h2>
            <p class="mt-4 text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto">Go beyond basic templates with our suite of intelligent features.</p>
        </div>
        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
            
            <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-blue-500 dark:text-blue-400">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">AI Content Writer</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Generate engaging headlines, paragraphs, and calls to action effortlessly.</p>
                </div>
            </div>
            
            <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-green-500 dark:text-green-400">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">AI Image Studio</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Create custom images from text or access a vast stock library.</p>
                </div>
            </div>
            
            <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-purple-500 dark:text-purple-400">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">AI SEO Assistant</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Optimize your site for search engines with AI-powered suggestions.</p>
                </div>
            </div>
            
             <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-yellow-500 dark:text-yellow-400">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 018.25 20.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25A2.25 2.25 0 0113.5 8.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">Rich Template Library</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Start with diverse AI-generated templates and style presets.</p>
                </div>
            </div>
             <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-pink-500 dark:text-pink-400">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">No-Code Visual Editor</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Customize everything with an intuitive drag & drop interface.</p>
                </div>
            </div>
             <div class="flex items-start space-x-4 p-6 bg-slate-50 dark:bg-slate-700/50 rounded-lg shadow-md">
                <div class="flex-shrink-0 text-teal-500 dark:text-teal-400">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 004.5 9.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-.75m0-3l-3-3m0 0l-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 012.25 2.25v7.5a2.25 2.25 0 01-2.25 2.25h-7.5a2.25 2.25 0 01-2.25-2.25v-.75" /></svg>
                </div>
                <div>
                    <h4 class="text-xl font-semibold text-gray-700 dark:text-white mb-1">Easy Deployment</h4>
                    <p class="text-gray-500 dark:text-gray-400 text-sm">Download as ZIP or deploy directly to cPanel, FTP, or SFTP.</p>
                </div>
            </div>
        </div>
        <div class="text-center mt-12">
            <a href="<?php echo e(route('public.features')); ?>" class="text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-500 font-semibold transition-colors duration-300">
                See All Features &rarr;
            </a>
        </div>
    </div>
</section>
<?php /**PATH D:\projects\digitalvocano\Modules/WebPilotAI\resources/views/frontend/partials/_detailed_features_homepage.blade.php ENDPATH**/ ?>