---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better ListView" description="Purchase the ideal replacement component for .NET ListView.">

  <div class="max-w-4xl mx-auto px-4 py-10">
    <h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better ListView</h1>
    <p class="text-gray-600 mb-8">Purchase the ideal replacement component for .NET ListView.</p>

    <div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
      <table class="w-full text-sm">
        <thead>
          <tr class="bg-owl-blue text-white">
            <th class="text-left px-6 py-3">License</th>
            <th class="px-4 py-3 text-right">Price</th>
            <th class="px-4 py-3"></th>
          </tr>
        </thead>
        <tbody class="divide-y divide-gray-100">
          <tr class="bg-gray-50">
            <td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Single developer licenses</td>
          </tr>
          <tr class="hover:bg-blue-50">
            <td class="px-6 py-3">Single developer license with 1 year subscription</td>
            <td class="px-4 py-3 text-right font-bold text-owl-blue">$345</td>
            <td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300042" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
          </tr>
          <tr class="bg-gray-50">
            <td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">5 developers licenses</td>
          </tr>
          <tr class="hover:bg-blue-50">
            <td class="px-6 py-3">5 developer license with 1 year subscription</td>
            <td class="px-4 py-3 text-right font-bold text-owl-blue">$995</td>
            <td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300044" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
          </tr>
          <tr class="bg-gray-50">
            <td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Site licenses — use at 1 site (office or building)</td>
          </tr>
          <tr class="hover:bg-blue-50">
            <td class="px-6 py-3">Site license with 1 year subscription</td>
            <td class="px-4 py-3 text-right font-bold text-owl-blue">$1,995</td>
            <td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300046" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
          </tr>
          <tr class="hover:bg-blue-50">
            <td class="px-6 py-3">Site license with source code and 1 year subscription</td>
            <td class="px-4 py-3 text-right font-bold text-owl-blue">$3,995</td>
            <td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300047" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
          </tr>
          <tr class="bg-gray-50">
            <td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Enterprise license — use world-wide at unlimited sites</td>
          </tr>
          <tr class="hover:bg-blue-50">
            <td class="px-6 py-3">Enterprise license with source code and 1 year subscription</td>
            <td class="px-4 py-3 text-right font-bold text-owl-blue">$8,995</td>
            <td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300048" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
      <div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
        <p class="font-semibold text-sm mb-2">All licenses are:</p>
        <ul class="space-y-1 text-sm text-gray-700">
          <li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
          <li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
        </ul>
      </div>
      <div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
        <p class="font-semibold text-sm mb-2">Subscription gets you:</p>
        <ul class="space-y-1 text-sm text-gray-700">
          <li class="flex gap-2"><span class="text-green-500">✓</span> Support</li>
          <li class="flex gap-2"><span class="text-green-500">✓</span> Updates</li>
        </ul>
      </div>
    </div>

    <div class="bg-blue-50 border border-blue-200 rounded-lg p-5">
      <p class="font-semibold text-sm mb-2">What license do I need?</p>
      <ul class="space-y-1 text-sm text-gray-700">
        <li>• If only 1 developer works on your current and future projects, then the "Single developer license" is for you.</li>
        <li>• If 2–5 developers work on your current and future projects, then the "5 developer license" is for you.</li>
        <li>• If more than 5 developers work on your current and future projects, then the "Site license" is for you.</li>
        <li>• If you have multiple teams in different locations, then the "Enterprise license" is for you.</li>
      </ul>
    </div>
  </div>

</Base>