Add FAQ fix count

Author: simonhamp

resources/views/components/faq-card.blade.php

@@ -2,17 +2,23 @@
     'question',
 ])
 
+@php
+    global $count;
+@endphp
+
 <div class="w-full opacity-0">
     <div
         x-data="{ open: false }"
         x-on:click="open = !open"
-        class="group/faq-card grid cursor-pointer select-none grid-cols-[1.8rem,1fr,2.5rem] gap-x-3 rounded-2xl px-5 py-5 ring-1 transition-all duration-200 [counter-increment:css-counter_1]"
+        class="group/faq-card grid cursor-pointer select-none grid-cols-[1.8rem,1fr,2.5rem] gap-x-3 rounded-2xl px-5 py-5 ring-1 transition-all duration-200"
         :class="{ 'ring-gray-200 hover:bg-gray-100 dark:ring-white/20 dark:hover:bg-gray-900/50': !open, 'ring-black/10 bg-gray-100 dark:ring-white/20 dark:bg-gray-900/50': open }"
     >
         {{-- Number --}}
         <div
-            class="self-center text-lg font-light text-gray-400 after:[content:'0'_counter(css-counter)]"
-        ></div>
+            class="self-center text-lg font-light text-gray-400"
+        >
+            {{ str_pad(++$count, 2, 0, STR_PAD_LEFT) }}
+        </div>
 
         {{-- Question --}}
         <div class="self-center font-semibold">

resources/views/early-adopter.blade.php

@@ -663,7 +663,7 @@ class="text-center text-3xl font-semibold opacity-0"
                     })
                 }
             "
-            class="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 pt-10 [counter-reset:css-counter_0]"
+            class="mx-auto flex w-full max-w-2xl flex-col items-center gap-4 pt-10"
             aria-labelledby="faq-heading"
         >
             <x-faq-card question="Why isn't this open source and free?">
@@ -745,6 +745,15 @@ class="underline"
                     build!
                 </p>
             </x-faq-card>
+            <x-faq-card question="Can get an invoice?">
+                <p>
+                    You sure can! Once you've completed your purchase, simply
+                    <a href="https://zenvoice.io/p/67a61665e7a3400c73fb75af">
+                        follow the instructions here
+                    </a>
+                    to generate your invoice.
+                </p>
+            </x-faq-card>
         </div>
     </section>