      <div class="grid max-w-6xl grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
                      <label for="checkbox-card-react">
                        <input id="checkbox-card-react" type="checkbox" class="zero-sr-only peer" checked />
                        <div
                          class="cursor-pointer rounded-primary border border-slate-300 bg-white p-6 shadow peer-checked:border-primary-500 peer-checked:ring-1 peer-checked:ring-primary-500 dark:border-slate-600 dark:bg-slate-800"
    