
<section class="py-16 bg-gray-50">
    <div class="container mx-auto px-6">
        <h2 class="text-3xl font-bold text-center mb-8">Compare Plans</h2>
        <div class="overflow-x-auto">
            <table class="w-full border-collapse border rounded-2xl bg-white shadow">
                <thead class="bg-gray-100">
                <tr>
                    <th class="py-4 px-6 text-left">Feature</th>
                    <th class="py-4 px-6">Basic</th>
                    <th class="py-4 px-6">Pro</th>
                    <th class="py-4 px-6">Business</th>
                </tr>
                </thead>
                <tbody>
                <tr class="border-t">
                    <td class="py-4 px-6">Websites</td>
                    <td class="text-center">1</td>
                    <td class="text-center">Unlimited ✅</td>
                    <td class="text-center">Unlimited ✅</td>
                </tr>
                <tr class="border-t">
                    <td class="py-4 px-6">Storage</td>
                    <td class="text-center">10GB</td>
                    <td class="text-center">50GB ✅</td>
                    <td class="text-center">200GB ✅</td>
                </tr>
                <tr class="border-t">
                    <td class="py-4 px-6">Support</td>
                    <td class="text-center">Email</td>
                    <td class="text-center">Priority ✅</td>
                    <td class="text-center">24/7 Premium ✅</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>
<?php /**PATH /home/innovation/Documents/project/burundilogistics.com/api/resources/views/components/comparison.blade.php ENDPATH**/ ?>