Pricing Comparison UI

<div class="w-full max-w-4xl overflow-x-auto">
        <table class="w-full text-left border-collapse bg-white rounded-3xl overflow-hidden shadow-sm">
            <thead class="bg-slate-900 text-white">
                <tr>
                    <th class="p-6 font-bold uppercase text-xs tracking-widest">Feature</th>
                    <th class="p-6 font-bold uppercase text-xs tracking-widest">Free</th>
                    <th class="p-6 font-bold uppercase text-xs tracking-widest text-indigo-400">Pro</th>
                    <th class="p-6 font-bold uppercase text-xs tracking-widest">Enterprise</th>
                </tr>
            </thead>
            <tbody class="text-slate-600">
                <tr class="border-b border-slate-100">
                    <td class="p-6 text-sm font-medium">Analytics Dashboard</td>
                    <td class="p-6">Basic</td>
                    <td class="p-6 font-bold text-slate-900 italic">Advanced</td>
                    <td class="p-6 font-bold text-slate-900 italic">Real-time</td>
                </tr>
                <tr class="border-b border-slate-100">
                    <td class="p-6 text-sm font-medium">Team Members</td>
                    <td class="p-6">1 User</td>
                    <td class="p-6">10 Users</td>
                    <td class="p-6">Unlimited</td>
                </tr>
                <tr>
                    <td class="p-6 text-sm font-medium">Support</td>
                    <td class="p-6 text-slate-300">Email</td>
                    <td class="p-6">24/7 Chat</td>
                    <td class="p-6 font-bold text-slate-900">Dedicated Manager</td>
                </tr>
            </tbody>
        </table>
    </div>